*{box-sizing:border-box;margin:0;padding:0}body{background-color:#1a1a1a;display:flex;justify-content:center;min-height:100vh;font-family:var(--font-body)}.app-container{width:100%;max-width:480px;min-height:100vh;background-color:var(--bg-primary);background-image:var(--paper-texture);position:relative;overflow-x:hidden}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}:root{--bg-primary: #f5f0e8;--bg-secondary: #ebe4d4;--text-primary: #2c1810;--text-secondary: #5c4a3a;--accent: #8b4513;--border: #c4b59a;--success: #4a7c59;--error: #8b2500;--font-cjk-fallback: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "STHeiti", "WenQuanYi Micro Hei", sans-serif;--font-body: "Noto Serif SC", "Songti SC", "STSong", "SimSun", var(--font-cjk-fallback);--font-handwriting: "ZCOOL XiaoWei", "STKaiti", "KaiTi", var(--font-cjk-fallback);--font-display: "Noto Serif SC", "Songti SC", "STSong", var(--font-cjk-fallback);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 16px;--paper-texture: radial-gradient(ellipse at 20% 30%, rgba(139, 69, 19, .03) 0%, transparent 60%), radial-gradient(ellipse at 80% 70%, rgba(92, 74, 58, .04) 0%, transparent 50%), radial-gradient(ellipse at 50% 10%, rgba(196, 181, 154, .06) 0%, transparent 70%);--shadow-sm: 0 1px 3px rgba(44, 24, 16, .12);--shadow-md: 0 4px 12px rgba(44, 24, 16, .15);--shadow-lg: 0 8px 24px rgba(44, 24, 16, .2)}html{font-size:16px;-webkit-text-size-adjust:100%}body{color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes typewriter{0%{width:0;opacity:1}to{width:100%;opacity:1}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--accent)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes stamp-in{0%{opacity:0;transform:scale(1.3) rotate(-5deg)}60%{opacity:1;transform:scale(.95) rotate(1deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes paper-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-1deg)}75%{transform:rotate(1deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #8b451366}50%{box-shadow:0 0 0 8px #8b451300}}.typewriter{overflow:hidden;white-space:nowrap;border-right:2px solid var(--accent);animation:typewriter 2s steps(40,end) forwards,blink-caret .75s step-end infinite}.cipher-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-md);position:relative;overflow:hidden}.cipher-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:var(--paper-texture);pointer-events:none;z-index:0}.cipher-card>*{position:relative;z-index:1}.cipher-card--elevated{box-shadow:var(--shadow-lg)}.cipher-card--accent{border-color:var(--accent);border-width:2px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:12px var(--spacing-xl);background-color:var(--accent);color:#f5f0e8;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease,box-shadow .2s ease;text-decoration:none;letter-spacing:.05em;box-shadow:var(--shadow-sm);-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-primary:hover{background-color:#7a3b10;box-shadow:var(--shadow-md)}.btn-primary:active{transform:scale(.97);box-shadow:none}.btn-primary:disabled{background-color:var(--border);color:var(--text-secondary);cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:10px var(--spacing-lg);background-color:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;cursor:pointer;transition:background-color .2s ease,color .2s ease;text-decoration:none;letter-spacing:.05em;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.btn-secondary:hover{background-color:var(--accent);color:#f5f0e8}.btn-secondary:active{opacity:.8}.input-answer{width:100%;padding:12px var(--spacing-md);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;color:var(--text-primary);outline:none;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none}.input-answer:focus{border-color:var(--accent);box-shadow:0 0 0 3px #8b451326}.input-answer::placeholder{color:var(--border)}.input-answer--error{border-color:var(--error);box-shadow:0 0 0 3px #8b250026}.input-answer--success{border-color:var(--success);box-shadow:0 0 0 3px #4a7c5926}.text-handwriting{font-family:var(--font-handwriting)}.text-display{font-family:var(--font-display)}.text-accent{color:var(--accent)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success)}.text-error{color:var(--error)}.page-padding{padding:var(--spacing-lg) var(--spacing-md)}.divider{border:none;border-top:1px solid var(--border);margin:var(--spacing-lg) 0}.stamp{display:inline-block;border:2px solid currentColor;padding:4px 10px;transform:rotate(-5deg);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.stamp--success{color:var(--success)}.stamp--accent{color:var(--accent)}.animate-fade-in{animation:fade-in .4s ease forwards}.animate-stamp{animation:stamp-in .5s cubic-bezier(.22,1,.36,1) forwards}.theme-shanghai{--bg-primary: #f5f0e8;--bg-secondary: #ebe4d4;--text-primary: #2c1810;--text-secondary: #5c4a3a;--accent: #8b4513;--border: #c4b59a;--success: #4a7c59;--error: #8b2500;--font-display: "ZCOOL QingKe HuangYou", var(--font-cjk-fallback);--paper-texture: radial-gradient(ellipse at 20% 30%, rgba(139, 69, 19, .03) 0%, transparent 60%), radial-gradient(ellipse at 80% 70%, rgba(92, 74, 58, .04) 0%, transparent 50%), radial-gradient(ellipse at 50% 10%, rgba(196, 181, 154, .06) 0%, transparent 70%);--shadow-sm: 0 1px 3px rgba(44, 24, 16, .12);--shadow-md: 0 4px 12px rgba(44, 24, 16, .15);--shadow-lg: 0 8px 24px rgba(44, 24, 16, .2)}.theme-nanjing{--bg-primary: #2a2218;--bg-secondary: #3d3226;--text-primary: #e8dcc8;--text-secondary: #a89878;--accent: #8b1a1a;--border: #5a4a3a;--success: #5a8a4a;--error: #cc3333;--font-display: "Ma Shan Zheng", "STKaiti", "KaiTi", var(--font-cjk-fallback);--paper-texture: radial-gradient(ellipse at 30% 40%, rgba(139, 26, 26, .04) 0%, transparent 60%), radial-gradient(ellipse at 70% 60%, rgba(90, 74, 58, .05) 0%, transparent 50%);--shadow-sm: 0 1px 3px rgba(42, 34, 24, .2);--shadow-md: 0 4px 12px rgba(42, 34, 24, .25);--shadow-lg: 0 8px 24px rgba(42, 34, 24, .3)}.theme-hangzhou{--bg-primary: #f5f0eb;--bg-secondary: #e8e2d8;--text-primary: #2c3e2c;--text-secondary: #5a6a5a;--accent: #7a9e7e;--border: #c8c0b4;--success: #5a8a5a;--error: #8b3a3a;--font-display: "LXGW WenKai", "Songti SC", "STSong", var(--font-cjk-fallback);--paper-texture: radial-gradient(ellipse at 40% 30%, rgba(122, 158, 126, .04) 0%, transparent 60%), radial-gradient(ellipse at 60% 70%, rgba(200, 192, 180, .06) 0%, transparent 50%);--shadow-sm: 0 1px 3px rgba(44, 62, 44, .1);--shadow-md: 0 4px 12px rgba(44, 62, 44, .12);--shadow-lg: 0 8px 24px rgba(44, 62, 44, .15)}.theme-xian{--bg-primary: #1e1210;--bg-secondary: #2e1e18;--text-primary: #f0e0c8;--text-secondary: #b0956a;--accent: #d4a020;--border: #5a3a2a;--success: #6a8a4a;--error: #cc4444;--font-display: "Zhi Mang Xing", "STKaiti", "KaiTi", var(--font-cjk-fallback);--paper-texture: radial-gradient(ellipse at 25% 35%, rgba(212, 160, 32, .04) 0%, transparent 60%), radial-gradient(ellipse at 75% 65%, rgba(90, 58, 42, .05) 0%, transparent 50%);--shadow-sm: 0 1px 3px rgba(30, 18, 16, .25);--shadow-md: 0 4px 12px rgba(30, 18, 16, .3);--shadow-lg: 0 8px 24px rgba(30, 18, 16, .35)}.theme-suzhou{--bg-primary: #f8f5f0;--bg-secondary: #f0ebe3;--text-primary: #2d2926;--text-secondary: #6b5e54;--accent: #4a6fa5;--border: #c8bfb4;--success: #5a8a5a;--error: #8b3a3a;--font-display: "Liu Jian Mao Cao", "STKaiti", "KaiTi", var(--font-cjk-fallback);--paper-texture: radial-gradient(ellipse at 35% 25%, rgba(74, 111, 165, .03) 0%, transparent 60%), radial-gradient(ellipse at 65% 75%, rgba(200, 191, 180, .05) 0%, transparent 50%);--shadow-sm: 0 1px 3px rgba(45, 41, 38, .1);--shadow-md: 0 4px 12px rgba(45, 41, 38, .12);--shadow-lg: 0 8px 24px rgba(45, 41, 38, .15)}.theme-shanghai2{--bg-primary: #f5f2eb;--bg-secondary: #eae5db;--text-primary: #1a1a2e;--text-secondary: #4a4a6a;--accent: #2c3e7a;--border: #b8b0a0;--success: #3a6b4a;--error: #8b2500;--font-display: "Noto Serif SC", "Songti SC", "STSong", var(--font-cjk-fallback);--paper-texture: radial-gradient(ellipse at 30% 20%, rgba(44, 62, 122, .03) 0%, transparent 60%), radial-gradient(ellipse at 70% 80%, rgba(74, 74, 106, .04) 0%, transparent 50%), radial-gradient(ellipse at 50% 50%, rgba(184, 176, 160, .05) 0%, transparent 70%)}.theme-default{--bg-primary: #1a1a1a;--bg-secondary: #2c2c2c;--text-primary: #e8e0d4;--text-secondary: #8a7e6e;--accent: #c4b59a;--border: #3a3a3a;--success: #4a7c59;--error: #8b2500;--font-display: "Noto Serif SC", "Songti SC", "STSong", var(--font-cjk-fallback);--paper-texture: none;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .3)}.explore-page{min-height:100vh;padding:var(--spacing-md);background-color:#1a1a1a;color:#e8e0d4}.explore-page .page-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) 0}.explore-page .back-btn{background:none;border:none;color:#8a7e6e;font-size:1.2rem;cursor:pointer;padding:var(--spacing-xs);line-height:1;-webkit-tap-highlight-color:transparent}.explore-page .page-title{font-family:var(--font-body);font-size:1.2rem;font-weight:600;color:#e8e0d4;letter-spacing:.05em}.task-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:#2c2c2c;box-shadow:0 4px 16px #0000004d;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;-webkit-tap-highlight-color:transparent}.task-card:active{transform:scale(.98)}.task-card__cover{width:100%;height:160px;object-fit:cover;display:block}.task-card__cover-placeholder{width:100%;height:160px;background:linear-gradient(135deg,#2c2c2c,#3a3a3a,#2c2c2c);display:flex;align-items:center;justify-content:center;font-size:2rem;color:#5a5a5a}.task-card__overlay{position:absolute;top:0;left:0;right:0;height:160px;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.6) 100%);pointer-events:none}.task-card__body{padding:var(--spacing-md)}.task-card__title{font-size:1.05rem;font-weight:600;color:#e8e0d4;margin-bottom:var(--spacing-xs);line-height:1.4}.task-card__meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;font-size:.75rem;color:#8a7e6e}.task-card__meta-item{display:flex;align-items:center;gap:3px}.task-card__difficulty{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.65rem;font-weight:600;letter-spacing:.04em}.task-card__difficulty--easy{background:#4a7c5933;color:#6abf7b}.task-card__difficulty--medium{background:#c9a96e33;color:#c9a96e}.task-card__difficulty--hard{background:#c443;color:#cc6b6b}.task-card__completions{font-size:.7rem;color:#5a5a5a}.diff-badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:.7rem;font-weight:600;letter-spacing:.04em}.diff-badge--easy{background:#4a7c5933;color:#6abf7b}.diff-badge--medium{background:#c9a96e33;color:#c9a96e}.diff-badge--hard{background:#c443;color:#cc6b6b}.task-hero{position:relative;margin:calc(-1 * var(--spacing-md));margin-bottom:var(--spacing-lg)}.task-hero__image{width:100%;height:220px;object-fit:cover;display:block}.task-hero__image-placeholder{width:100%;height:220px;background:linear-gradient(135deg,#2c2c2c,#3a3a3a,#2c2c2c)}.task-hero__gradient{position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to bottom,transparent,#1a1a1a)}.task-hero__back{position:absolute;top:var(--spacing-md);left:var(--spacing-md);background:#0006;border:none;color:#e8e0d4;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-tap-highlight-color:transparent}.task-info{display:flex;flex-direction:column;gap:var(--spacing-lg)}.task-info__title{font-size:1.5rem;font-weight:700;color:#e8e0d4;line-height:1.3}.task-info__desc{font-size:.9rem;color:#8a7e6e;line-height:1.8}.task-info__stats{display:flex;gap:var(--spacing-lg)}.task-info__stat{display:flex;flex-direction:column;align-items:center;gap:2px}.task-info__stat-value{font-size:1.1rem;font-weight:600;color:#e8e0d4}.task-info__stat-label{font-size:.7rem;color:#5a5a5a;letter-spacing:.04em}.task-info__locations{display:flex;flex-direction:column;gap:var(--spacing-sm)}.task-info__location-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.85rem;color:#8a7e6e}.task-info__location-icon{color:#c9a96e;flex-shrink:0}.cta-btn{display:block;width:100%;padding:16px;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:1.05rem;font-weight:600;letter-spacing:.08em;cursor:pointer;text-align:center;transition:background-color .2s ease,transform .1s ease;-webkit-tap-highlight-color:transparent}.cta-btn--primary{background:linear-gradient(135deg,#c9a96e,#a8864e);color:#1a1a1a}.cta-btn--primary:active{transform:scale(.97)}.cta-btn--primary:disabled{background:#3a3a3a;color:#5a5a5a;cursor:not-allowed;transform:none}.cta-btn--continue{background:linear-gradient(135deg,#4a7c59,#3a6648);color:#e8e0d4}.cta-btn--continue:active{transform:scale(.97)}.progress-chain{display:flex;align-items:center;gap:0;padding:var(--spacing-md) 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.progress-chain::-webkit-scrollbar{display:none}.progress-node{display:flex;flex-direction:column;align-items:center;gap:4px;flex-shrink:0;min-width:36px}.progress-node__dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;transition:all .3s ease}.progress-node--done .progress-node__dot{background:#4a7c59;color:#e8e0d4}.progress-node--current .progress-node__dot{background:#c9a96e;color:#1a1a1a;box-shadow:0 0 0 3px #c9a96e4d;animation:pulse-glow 2s ease-in-out infinite}.progress-node--locked .progress-node__dot{background:#2c2c2c;color:#5a5a5a;border:1px solid #3a3a3a}.progress-node__label{font-size:.55rem;color:#5a5a5a;max-width:48px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-connector{width:20px;height:2px;flex-shrink:0}.progress-connector--done{background:#4a7c59}.progress-connector--pending{background:#3a3a3a}.play-page{min-height:100vh;display:flex;flex-direction:column;background-color:#1a1a1a;color:#e8e0d4}.play-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid #2c2c2c}.play-header__back{background:none;border:none;color:#8a7e6e;font-size:1.1rem;cursor:pointer;padding:var(--spacing-xs);-webkit-tap-highlight-color:transparent}.play-header__title{font-size:.9rem;font-weight:500;color:#8a7e6e;flex:1;text-align:center}.play-content{flex:1;padding:var(--spacing-lg) var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-lg)}.play-instruction{font-size:.95rem;color:#c4b59a;line-height:1.8;background:#222;border-left:3px solid #c9a96e;padding:var(--spacing-md);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.play-location{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#c9a96e14;border-radius:var(--radius-sm);font-size:.85rem;color:#c9a96e}.play-footer{padding:var(--spacing-md);border-top:1px solid #2c2c2c}.submit-feedback{padding:var(--spacing-md);border-radius:var(--radius-md);text-align:center;animation:fade-in .3s ease}.submit-feedback--success{background:#4a7c5926;border:1px solid rgba(74,124,89,.3);color:#6abf7b}.submit-feedback--fail{background:#cc44441a;border:1px solid rgba(204,68,68,.2);color:#cc6b6b}.submit-feedback__title{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-xs)}.submit-feedback__text{font-size:.85rem;opacity:.8}.photo-submit__preview{position:relative;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 16px #0000004d}.photo-submit__preview img{width:100%;max-height:280px;object-fit:cover;display:block}.photo-submit__camera-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;height:180px;background:#222;border:2px dashed #3a3a3a;border-radius:var(--radius-md);color:#8a7e6e;cursor:pointer;transition:border-color .2s ease;-webkit-tap-highlight-color:transparent}.photo-submit__camera-btn:active{border-color:#c9a96e}.photo-submit__camera-icon{font-size:2rem}.photo-submit__camera-text{font-size:.85rem}.arrival-check__target{padding:var(--spacing-md);background:#c9a96e14;border-radius:var(--radius-md);text-align:center}.arrival-check__target-name{font-size:1.1rem;font-weight:600;color:#e8e0d4;margin-bottom:var(--spacing-xs)}.arrival-check__target-addr{font-size:.8rem;color:#8a7e6e}.arrival-check__distance{text-align:center;font-size:.85rem;color:#8a7e6e;padding:var(--spacing-sm) 0}.quiz-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.quiz-option{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:#222;border:1px solid #3a3a3a;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.quiz-option:active{transform:scale(.98)}.quiz-option--selected{border-color:#c9a96e;background:#c9a96e14}.quiz-option--correct{border-color:#4a7c59;background:#4a7c591a}.quiz-option--wrong{border-color:#c44;background:#cc444414}.quiz-option__marker{width:24px;height:24px;border-radius:50%;border:2px solid #5a5a5a;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600;color:#8a7e6e;flex-shrink:0}.quiz-option--selected .quiz-option__marker{border-color:#c9a96e;color:#c9a96e}.quiz-option__text{font-size:.9rem;color:#e8e0d4;line-height:1.5}.puzzle-input__row{display:flex;gap:var(--spacing-sm)}.puzzle-input__field{flex:1;padding:14px var(--spacing-md);background:#222;border:1px solid #3a3a3a;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:1rem;color:#e8e0d4;outline:none;transition:border-color .2s ease}.puzzle-input__field:focus{border-color:#c9a96e}.puzzle-input__field::placeholder{color:#5a5a5a}.puzzle-input__submit{flex-shrink:0;padding:14px var(--spacing-lg);background:#c9a96e;border:none;border-radius:var(--radius-sm);color:#1a1a1a;font-family:var(--font-body);font-weight:600;font-size:.9rem;cursor:pointer;-webkit-tap-highlight-color:transparent}.puzzle-input__submit:disabled{background:#3a3a3a;color:#5a5a5a;cursor:not-allowed}.badge-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:#2c2c2c;border-radius:var(--radius-md);text-align:center;transition:transform .2s ease}.badge-card--unlocked{border:1px solid rgba(201,169,110,.2)}.badge-card--locked{opacity:.5}.badge-card__icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;font-family:var(--font-display)}.badge-card--unlocked .badge-card__icon{box-shadow:0 0 12px #c9a96e33}.badge-card--locked .badge-card__icon{background:#3a3a3a;color:#5a5a5a;border:1px solid #4a4a4a}.badge-card__name{font-size:.85rem;font-weight:600;color:#e8e0d4}.badge-card__task{font-size:.7rem;color:#8a7e6e}.badge-card__date{font-size:.65rem;color:#5a5a5a}.poster-view{min-height:100vh;background:#1a1a1a;color:#e8e0d4;padding:var(--spacing-md)}.poster-canvas{background:linear-gradient(145deg,#2c2c2c,#222);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 32px #0006;padding:var(--spacing-lg)}.poster-canvas__title{font-size:1.4rem;font-weight:700;text-align:center;color:#e8e0d4;margin-bottom:var(--spacing-lg)}.poster-canvas__photos{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.poster-canvas__photo{aspect-ratio:1;object-fit:cover;border-radius:var(--radius-sm);width:100%}.poster-canvas__stats{display:flex;justify-content:space-around;padding:var(--spacing-md) 0;border-top:1px solid #3a3a3a;border-bottom:1px solid #3a3a3a;margin-bottom:var(--spacing-md)}.poster-canvas__stat{text-align:center}.poster-canvas__stat-value{font-size:1.2rem;font-weight:700;color:#c9a96e}.poster-canvas__stat-label{font-size:.65rem;color:#5a5a5a;margin-top:2px}.poster-image-wrapper{max-width:100%;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 8px 32px #0006}.poster-image{width:100%;display:block}.poster-canvas__badge{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) 0}.poster-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl)}.loading-spinner__ring{width:32px;height:32px;border:3px solid #3a3a3a;border-top-color:#c9a96e;border-radius:50%;animation:spin .8s linear infinite}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-md);color:#5a5a5a}.empty-state__icon{font-size:2rem;margin-bottom:var(--spacing-sm)}.empty-state__text{font-size:.9rem}.filter-pills{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding:var(--spacing-sm) 0;-webkit-overflow-scrolling:touch}.filter-pills::-webkit-scrollbar{display:none}.filter-pill{flex-shrink:0;padding:6px 14px;border-radius:16px;border:1px solid #3a3a3a;background:transparent;color:#8a7e6e;font-family:var(--font-body);font-size:.8rem;cursor:pointer;transition:all .2s ease;-webkit-tap-highlight-color:transparent}.filter-pill--active{background:#c9a96e26;border-color:#c9a96e;color:#c9a96e}.auth-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center;min-height:50vh}.auth-prompt__text{font-size:1rem;color:#8a7e6e}.auth-prompt__hint{font-size:.8rem;color:#5a5a5a}.create-steps{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.create-step{width:32px;height:32px;border-radius:50%;background:#333;color:#666;font-size:.85rem;font-weight:600;display:flex;align-items:center;justify-content:center}.create-step.active{background:#c9a96e;color:#1a1a1a}.create-step.current{box-shadow:0 0 0 2px #c9a96e}.create-form{padding:0 var(--spacing-md) var(--spacing-lg)}.create-form__title{font-size:1.2rem;font-weight:600;color:#e8e0d4;margin-bottom:16px}.form-field{display:block;margin-bottom:12px}.form-label{display:block;font-size:.8rem;color:#8a7e6e;margin-bottom:4px}.form-input{display:block;width:100%;padding:10px 12px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#e8e0d4;font-size:.9rem;outline:none}.form-input:focus{border-color:#c9a96e}.form-textarea{resize:vertical;min-height:60px}.form-color{padding:4px;height:40px}.form-row{display:flex;gap:8px}.form-row .form-field{flex:1}.form-error{color:#e74c3c;font-size:.85rem;margin-bottom:8px}.form-actions{display:flex;gap:8px;margin-top:16px}.form-actions .cta-btn{flex:1}.subtask-card{background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;padding:12px;margin-bottom:10px}.subtask-card__header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.subtask-card__index{width:24px;height:24px;border-radius:50%;background:#c9a96e;color:#1a1a1a;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center}.subtask-type{flex:1;padding:6px 8px}.subtask-remove{background:none;border:none;color:#666;font-size:1rem;cursor:pointer;padding:4px}.create-summary{background:#2a2a2a;border-radius:8px;padding:16px;margin-bottom:16px}.create-summary__title{font-size:1.1rem;font-weight:600;color:#e8e0d4}.create-summary__text{font-size:.85rem;color:#8a7e6e;margin:4px 0 12px}.create-summary__step{font-size:.85rem;color:#aaa;padding:4px 0}.create-success{text-align:center;padding:60px var(--spacing-md)}.create-success__icon{font-size:3rem;color:#4a7c59;margin-bottom:16px}.create-success__title{font-size:1.4rem;font-weight:600;color:#e8e0d4}.create-success__text{font-size:.9rem;color:#8a7e6e;margin:8px 0 24px}.status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:.75rem;font-weight:600}.status-badge--pending_review{background:#c9a96e26;color:#c9a96e}.status-badge--published{background:#4a7c5926;color:#6abf7b}.status-badge--rejected{background:#e74c3c26;color:#e74c3c}.status-badge--draft{background:#64646426;color:#888}.status-badge--archived{background:#64646426;color:#666}.creator-list{display:flex;flex-direction:column;gap:8px}.creator-card{display:flex;align-items:center;justify-content:space-between;background:#2a2a2a;border-radius:8px;padding:12px 16px;cursor:pointer;transition:background .2s}.creator-card:hover{background:#333}.creator-card__title{font-size:.95rem;font-weight:600;color:#e8e0d4}.creator-card__city{font-size:.8rem;color:#8a7e6e;margin-top:2px}.stats-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:100}.stats-card{background:#2c2c2c;border-radius:12px;padding:24px;width:90%;max-width:360px}.stats-card__title{font-size:1.1rem;font-weight:600;color:#e8e0d4;margin-bottom:16px}.stats-card__grid{display:flex;gap:12px;margin-bottom:16px}.stats-card__item{flex:1;text-align:center}.stats-card__value{font-size:1.4rem;font-weight:700;color:#c9a96e}.stats-card__label{font-size:.7rem;color:#888;margin-top:2px}.fab-btn{position:fixed;bottom:24px;right:24px;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#c9a96e,#a8864e);color:#1a1a1a;font-size:1.5rem;font-weight:700;border:none;cursor:pointer;box-shadow:0 4px 16px #0006;display:flex;align-items:center;justify-content:center;transition:transform .2s}.fab-btn:active{transform:scale(.95)}.star-rating{display:inline-flex;align-items:center;gap:2px}.star-rating__star{font-size:1.2rem;color:#555}.star-rating__star.filled{color:#c9a96e}.star-rating__star.interactive{cursor:pointer;transition:transform .15s}.star-rating__star.interactive:hover{transform:scale(1.2)}.star-rating__count{font-size:.8rem;color:#888;margin-left:6px}.task-rating-section,.task-comments-section{margin-top:20px;padding-top:16px;border-top:1px solid #2a2a2a}.section-title{font-size:.95rem;font-weight:600;color:#e8e0d4;margin-bottom:10px}.rating-msg{font-size:.8rem;color:#6abf7b;margin-top:6px}.comment-list{margin-bottom:12px}.comment-empty{font-size:.85rem;color:#555;text-align:center;padding:12px}.comment-item{padding:10px 0;border-bottom:1px solid #2a2a2a}.comment-item__header{display:flex;justify-content:space-between;margin-bottom:4px}.comment-item__user{font-size:.8rem;color:#c9a96e}.comment-item__time{font-size:.7rem;color:#555}.comment-item__content{font-size:.9rem;color:#ccc;line-height:1.4}.comment-more{background:none;border:none;color:#c9a96e;font-size:.85rem;cursor:pointer;padding:8px}.comment-input{margin-top:8px}.comment-input__field{display:block;width:100%;padding:10px 12px;background:#2a2a2a;border:1px solid #3a3a3a;border-radius:8px;color:#e8e0d4;font-size:.9rem;resize:none;outline:none}.comment-input__field:focus{border-color:#c9a96e}.comment-input__actions{display:flex;justify-content:space-between;align-items:center;margin-top:6px}.comment-input__count{font-size:.75rem;color:#555}.comment-input__submit{width:auto;padding:8px 16px;font-size:.85rem}.lb-tabs{display:flex;gap:0;margin:0 var(--spacing-md) 16px;border-radius:8px;overflow:hidden;border:1px solid #3a3a3a}.lb-tab{flex:1;padding:10px;background:#2a2a2a;border:none;color:#888;font-size:.9rem;font-weight:600;cursor:pointer}.lb-tab.active{background:#c9a96e;color:#1a1a1a}.lb-content{padding:0 var(--spacing-md)}.lb-task-select{margin-bottom:16px}.lb-list{display:flex;flex-direction:column;gap:6px}.lb-entry{display:flex;align-items:center;gap:12px;background:#2a2a2a;border-radius:8px;padding:10px 14px}.lb-entry__rank{width:28px;height:28px;border-radius:50%;background:#3a3a3a;color:#aaa;font-size:.85rem;font-weight:700;display:flex;align-items:center;justify-content:center}.lb-entry__rank.gold{background:#c9a96e;color:#1a1a1a}.lb-entry__rank.silver{background:#a0a0a0;color:#1a1a1a}.lb-entry__rank.bronze{background:#8b6914;color:#fff}.lb-entry__user{flex:1;font-size:.9rem;color:#ccc}.lb-entry__time,.lb-entry__count{font-size:.85rem;color:#c9a96e;font-weight:600}