:root{--p-graphite: #4c4b4d;--p-warm-gray: #605e5c;--p-stone: #72716e;--p-silver: #9a9c99;--p-dusty-blue: #747d80;--p-light-blue: #a6b0b0;--p-deep-blue: #515c61;--p-ivory: #d9d4c2;--p-parchment: #e6dcc0;--p-olive: #8b8451;--p-dark-olive: #68613b;--p-sepia: #1f1b16;color-scheme:dark;--bg: var(--p-sepia);--bg-elev: color-mix(in srgb, var(--p-graphite) 40%, var(--p-sepia));--bg-soft: color-mix(in srgb, var(--p-graphite) 62%, var(--p-sepia));--ink: var(--p-parchment);--muted: var(--p-light-blue);--line: color-mix(in srgb, var(--p-parchment) 16%, transparent);--accent: var(--p-olive);--on-accent: var(--p-sepia);--accent-2: var(--p-ivory);--danger: #cf8c76;--ok: color-mix(in srgb, var(--p-olive) 55%, var(--p-parchment));--shadow: 0 18px 40px color-mix(in srgb, var(--p-sepia) 70%, transparent);--font-serif: "Cormorant Garamond", Georgia, serif;--font-sans: "Manrope", system-ui, sans-serif;--radius: 18px}:root[data-theme=light]{color-scheme:light;--bg: var(--p-parchment);--bg-elev: var(--p-ivory);--bg-soft: color-mix(in srgb, var(--p-ivory) 82%, var(--p-light-blue));--ink: var(--p-sepia);--muted: var(--p-graphite);--line: color-mix(in srgb, var(--p-sepia) 18%, transparent);--accent: var(--p-dark-olive);--on-accent: var(--p-parchment);--accent-2: var(--p-deep-blue);--danger: #8e3b2c;--ok: var(--p-dark-olive);--shadow: 0 16px 32px color-mix(in srgb, var(--p-sepia) 16%, transparent)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);overflow-x:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}.app-shell{position:relative;min-height:100dvh;padding:18px 16px calc(28px + env(safe-area-inset-bottom));max-width:560px;margin:0 auto}.app-shell:before{content:"";pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 500px at 50% -10%,color-mix(in srgb,var(--p-olive) 20%,transparent),transparent 55%),radial-gradient(circle at 50% 120%,color-mix(in srgb,var(--p-sepia) 55%,transparent),transparent 45%);z-index:0}.grain{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.corner-tools{position:fixed;top:calc(10px + env(safe-area-inset-top));right:12px;z-index:40;display:flex;gap:8px}.icon-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:color-mix(in srgb,var(--bg-elev) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--ink);display:grid;place-items:center}.icon-btn[aria-pressed=true]{border-color:var(--accent);color:var(--on-accent);background:var(--accent)}.content{position:relative;z-index:2}.kicker{letter-spacing:.28em;text-transform:uppercase;font-size:11px;color:var(--accent-2);margin:8px 0 0}h1,h2,h3{font-family:var(--font-serif);font-weight:600;letter-spacing:-.02em}.hero h1{font-size:42px;line-height:.95;margin:8px 0 12px}.lede{color:var(--muted);line-height:1.55;margin:0 0 22px}.account-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:6px 12px;font-size:12px;color:var(--muted);margin-bottom:18px}.dot{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent)}.card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.cover{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.card-body{padding:16px}.meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-bottom:8px}.spectacle-list{display:grid;gap:16px}.teaser{margin:0;color:var(--muted);line-height:1.5}.details{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.details p{white-space:pre-wrap;color:var(--ink);line-height:1.55;margin:0 0 14px}.row{display:flex;gap:10px;align-items:center}.ghost,.primary,.danger-ghost{border-radius:999px;padding:11px 16px;border:1px solid var(--line);background:transparent;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.primary{background:var(--accent);color:var(--on-accent);border-color:transparent;flex:1}.ghost{color:var(--ink)}.danger-ghost{color:var(--danger)}.chevron{transition:transform .2s ease}.chevron.open{transform:rotate(180deg)}.section{margin-top:28px}.section h2{font-size:28px;margin:0 0 12px}.faq-item,.form,.modal-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius)}.faq-item+.faq-item,.form{margin-top:10px}.faq-q{width:100%;text-align:left;background:none;border:0;padding:14px 16px;display:flex;justify-content:space-between;gap:12px}.faq-a{padding:0 16px 14px;color:var(--muted);line-height:1.5;margin:0}.form{padding:16px;display:grid;gap:10px}label span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}input,textarea{width:100%;background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:12px;outline:none}textarea{min-height:96px;resize:vertical}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:color-mix(in srgb,var(--p-sepia) 72%,transparent);z-index:50;display:grid;place-items:end center;padding:12px}.modal-card{width:min(520px,100%);padding:18px;margin-bottom:env(safe-area-inset-bottom)}.modal-card h3{margin:0 0 8px;font-size:28px}.price{font-family:var(--font-serif);font-size:34px;margin:0 0 12px}.status{min-height:20px;font-size:13px;color:var(--muted)}.status.bad{color:var(--danger)}.status.good{color:var(--ok)}.pay-grid{display:grid;gap:8px;grid-template-columns:1fr 1fr}.pay-grid .primary{grid-column:1 / -1}.topbar{display:flex;align-items:center;gap:8px;margin:8px 44px 16px 0}.back{border:0;background:none;padding:0;color:var(--muted)}.progress-pills{display:flex;gap:6px;margin:10px 0 16px}.pill{flex:1;height:4px;border-radius:99px;background:var(--bg-soft)}.pill.on{background:var(--accent)}.player{padding:16px}.player h2{margin:0 0 4px;font-size:26px}.time{font-variant-numeric:tabular-nums;color:var(--muted);font-size:12px}.slider{width:100%;accent-color:var(--accent)}.slider.locked{opacity:.45;cursor:not-allowed}.seek-lock{display:flex;align-items:center;gap:10px;margin:12px 0 0;font-size:13px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none;width:100%;background:none;border:0;padding:0;text-align:left}.switch{width:40px;height:22px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--line);position:relative;flex-shrink:0}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--ink);transition:transform .16s ease}.switch.on,.seek-lock[aria-pressed=true] .switch{background:var(--accent);border-color:transparent}.switch.on:after,.seek-lock[aria-pressed=true] .switch:after{transform:translate(18px);background:var(--on-accent)}button:disabled{opacity:.45;cursor:not-allowed}.controls{display:flex;gap:8px;margin-top:12px}.route-widget{position:relative;height:260px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--line);margin-bottom:8px;background:var(--bg-soft)}.route-widget-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;pointer-events:none}.route-widget-hit{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:10px;text-decoration:none;-webkit-tap-highlight-color:transparent}.route-widget-chip{font-size:12px;font-weight:600;padding:7px 12px;border-radius:999px;background:var(--accent);color:var(--on-accent);box-shadow:var(--shadow)}.map-note{font-size:13px;color:var(--muted);margin:8px 0 0}.task img,.hint-frame img{width:100%;height:210px;object-fit:cover;border-radius:14px;filter:saturate(.75)}.task p,.hint-frame p{line-height:1.55}.hint-nav{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}.toast{background:color-mix(in srgb,var(--danger) 18%,var(--bg-elev));border:1px solid color-mix(in srgb,var(--danger) 45%,transparent);color:var(--danger);border-radius:12px;padding:10px 12px;font-size:14px}.done{text-align:center;padding:28px 8px}.done h2{font-size:36px;margin-bottom:8px}.soon{opacity:.72}.soon .primary{pointer-events:none;opacity:.5}@media(min-width:640px){.hero h1{font-size:52px}}select{width:100%;background:var(--bg-soft);border:1px solid var(--line);border-radius:12px;padding:12px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) 55%,calc(100% - 13px) 55%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.badges{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.badge{font-size:11px;letter-spacing:.04em;padding:4px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted);background:var(--bg-soft)}.badge-online{color:var(--p-light-blue);border-color:color-mix(in srgb,var(--p-light-blue) 40%,transparent)}.badge-offline{color:var(--accent-2);border-color:color-mix(in srgb,var(--accent-2) 45%,transparent)}:root[data-theme=light] .badge-online{color:var(--p-deep-blue);border-color:color-mix(in srgb,var(--p-deep-blue) 45%,transparent)}.price-line{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:14px 0 0}.price-old{color:var(--muted);font-size:16px;text-decoration-thickness:2px;text-decoration-color:var(--accent)}.price-now{font-family:var(--font-serif);font-size:34px;font-weight:700;line-height:1}.price-note{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--on-accent);background:var(--accent);border-radius:999px;padding:4px 10px}.price-line.big{margin:4px 0}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.card-actions .ghost{justify-content:space-between}.wide{width:100%;flex:none}.ghost.small,.primary.small{padding:7px 12px;font-size:13px}.desc-head{font-weight:700;margin-top:4px!important}.desc-list{margin:0 0 14px;padding-left:20px;line-height:1.55}.desc-list li+li{margin-top:8px}.card.soon{opacity:.78}.card.soon .cover{filter:grayscale(1) contrast(1.05) brightness(.8)}.review-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.review-avg{background:var(--bg-soft);border-radius:12px;padding:10px 8px;text-align:center}.review-avg-num{display:block;font-family:var(--font-serif);font-size:26px;font-weight:700}.review-avg-label{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.review-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.review{border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--bg-soft)}.review-head{display:flex;justify-content:space-between;gap:8px;font-size:13px}.review-head span{color:var(--muted)}.review-text{white-space:pre-wrap;word-break:break-word;line-height:1.5;margin:8px 0 10px!important}.review-scores{display:grid;gap:4px;font-size:12px;color:var(--muted)}.review-score{display:flex;align-items:center;gap:8px}.review-score .stars{margin-left:auto}.review-score em{font-style:normal;width:28px;text-align:right;color:var(--ink)}.stars{display:inline-flex;gap:2px}.star{background:none;border:0;padding:2px;font-size:22px;line-height:1;color:var(--line);cursor:pointer}.stars.static .star{font-size:13px;padding:0;cursor:default}.star.on{color:var(--accent-2)}.rating-block{display:grid;gap:4px;background:var(--bg-soft);border-radius:14px;padding:8px 12px}.star-row{display:grid;grid-template-columns:96px 1fr 36px;align-items:center;gap:8px}.star-label{font-size:14px}.star-value{text-align:right;font-size:12px;color:var(--muted)}.counter{text-align:right;font-size:11px;margin:4px 0 0!important}.support-line{margin:16px 0 4px;padding:14px 16px;border-radius:var(--radius);border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 14%,var(--bg-elev));text-align:center;font-weight:600}.support-line a{color:var(--accent-2);text-decoration:underline;text-underline-offset:3px}.modal-card{max-height:calc(100dvh - 24px);overflow-y:auto}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.modal-head h3{margin:4px 0 12px}.icon-btn.small{width:34px;height:34px;font-size:14px;flex-shrink:0}.format-picker{border:0;padding:0;margin:0 0 12px}.format-picker legend{font-size:13px;color:var(--muted);padding:0;margin-bottom:8px}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.format-option{text-align:left;display:grid;gap:2px;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--bg-soft)}.format-option:disabled{opacity:.45;cursor:not-allowed}.format-option b{font-family:var(--font-serif);font-size:20px}.format-option span{font-size:12px;color:var(--muted);line-height:1.3}.format-option.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--bg-soft));box-shadow:0 0 0 1px var(--accent)}.field{display:block;margin-bottom:10px}.pay-form{display:grid;gap:4px}.status.small{font-size:12px;min-height:0;margin:4px 0 8px}.promo-block{margin-top:12px}.code-input{font-family:var(--font-serif);font-size:26px;letter-spacing:.3em;text-align:center;text-transform:uppercase}.code-toggle{margin-top:10px}.popup-backdrop{z-index:80;place-items:center}.popup{width:min(380px,100%);text-align:center;padding:26px 22px 22px;border-radius:22px;background:var(--bg-elev);border:1px solid var(--line);box-shadow:var(--shadow);animation:pop .22s ease-out}.popup h3{font-size:28px;margin:10px 0 6px}.popup-body{color:var(--muted);line-height:1.5;margin-bottom:16px}.popup-icon{width:52px;height:52px;margin:0 auto;border-radius:50%;display:grid;place-items:center;font-size:26px;font-weight:700;color:var(--p-sepia)}.popup-good .popup-icon{background:var(--ok)}.popup-bad .popup-icon{background:var(--danger)}@keyframes pop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.inv-bar{border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--bg-elev));border-radius:var(--radius);padding:12px 14px;margin:8px 0 14px}.inv-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.inv-label{display:block;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-2)}.inv-code{font-family:var(--font-serif);font-size:32px;letter-spacing:.22em;line-height:1.1}.inv-actions{display:flex;gap:6px}.inv-members{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;font-size:13px}.inv-members li{border:1px solid var(--line);background:var(--bg-soft);border-radius:999px;padding:4px 10px}.inv-members li.me{border-color:var(--accent-2)}.inv-members li.count{margin-left:auto;color:var(--muted);border-style:dashed}.inv-members em{color:var(--muted);font-style:normal}.inv-state{display:inline-block;width:16px;color:var(--muted)}.inv-state.ok{color:var(--ok)}.wait-banner{display:flex;align-items:center;gap:14px;margin-top:14px;padding:16px;border-radius:var(--radius);border:1px dashed var(--accent-2);background:var(--bg-elev)}.wait-banner p{margin:4px 0 0;color:var(--muted);font-size:14px}.spinner{width:22px;height:22px;border-radius:50%;border:3px solid var(--line);border-top-color:var(--accent);flex-shrink:0;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.prep-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:14px}.prep-card h2{font-size:26px;margin:0 0 12px}.route-total{margin:4px 0 10px}.memo{margin:0;padding-left:20px;display:grid;gap:10px;line-height:1.5}.prep-card .seek-lock{color:var(--ink);font-size:15px;margin-top:0}.toast{margin:10px 0}@media(prefers-reduced-motion:reduce){.popup,.spinner,.chevron{animation:none;transition:none}}.pay-grid{grid-template-columns:1fr}.task-intro{white-space:pre-line}.task-docs{display:grid;gap:14px;margin:12px 0}.zoom-thumb{margin:0}.zoom-open{position:relative;display:block;width:100%;padding:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg-soft);cursor:zoom-in}.task .zoom-open img{display:block;width:100%;height:auto;max-height:340px;object-fit:cover;object-position:top;border-radius:0;filter:none}.zoom-badge{position:absolute;right:8px;bottom:8px;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--p-sepia) 75%,transparent);font-size:16px}.zoom-thumb figcaption{margin-top:6px;font-size:12px;color:var(--muted);text-align:center}.zoom-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;background:color-mix(in srgb,var(--p-sepia) 96%,black);color:var(--p-parchment)}.zoom-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px}.zoom-title{font-size:13px;opacity:.85;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zoom-tools{display:flex;align-items:center;gap:6px;flex-shrink:0}.zoom-tools button{width:38px;height:38px;border-radius:50%;border:1px solid color-mix(in srgb,var(--p-parchment) 28%,transparent);background:transparent;color:inherit;font-size:20px;line-height:1}.zoom-tools button:disabled{opacity:.35}.zoom-level{min-width:46px;text-align:center;font-size:12px}.zoom-stage{position:relative;flex:1;min-height:0;overflow:hidden;display:grid;place-items:center;touch-action:none;cursor:grab}.zoom-stage img{max-width:100%;max-height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transform-origin:center center;will-change:transform}.zoom-hint{margin:0;padding:8px 12px 14px;text-align:center;font-size:12px;opacity:.6}.choice-list{display:grid;gap:8px;margin:12px 0}.choice{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--bg-soft);cursor:pointer}.choice input{accent-color:var(--accent);width:18px;height:18px;margin:0}.choice.on{border-color:var(--accent)}.choice.locked{opacity:.75;cursor:default}.info-note{background:color-mix(in srgb,var(--ok) 16%,var(--bg-elev));border:1px solid color-mix(in srgb,var(--ok) 45%,transparent);border-radius:12px;padding:10px 12px;font-size:14px;line-height:1.5}.intro-audio{display:flex;align-items:center;gap:12px;margin:14px 0 0;padding:12px;border:1px solid var(--line);border-radius:14px;background:var(--bg-soft)}.intro-play{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:0;background:var(--accent);color:var(--on-accent);font-size:15px;display:grid;place-items:center}.intro-body{flex:1;min-width:0}.intro-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.intro-head b{font-family:var(--font-serif);font-size:20px}.intro-head .time{font-size:12px;color:var(--muted)}.intro-body .slider{width:100%;margin:6px 0 0}.intro-note{margin:2px 0 0;font-size:12px;color:var(--muted)}.free-text{width:100%;resize:vertical;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--bg-soft)}.final-text{text-align:left;margin:14px 0 6px}.final-text p{line-height:1.6;margin:0 0 12px}