@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Nunito:wght@400;600;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{font-size:16px;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text);background:radial-gradient(ellipse at 20% 50%,rgba(0,60,120,.25) 0%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(30,80,10,.2) 0%,transparent 50%),linear-gradient(160deg,#0d1117,#1a2a1a,#0d1117);background-attachment:fixed;min-height:100dvh;overflow-x:hidden}button{font-family:inherit;font-size:inherit;border:none;background:none;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{display:block;max-width:100%}#app{min-height:100dvh;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.view-enter{animation:fadeSlideIn .2s ease forwards}:root{--color-bg-deep: #0d1117;--color-bg-mid: #1a2a1a;--color-glass: rgba(255, 255, 255, .05);--color-glass-border: rgba(255, 255, 255, .1);--color-panel: rgba(30, 40, 30, .8);--color-grass: #5D8A35;--color-gold: #FCBE0A;--color-diamond: #5DDCDC;--color-redstone: #E03030;--color-accent: #55FF55;--color-accent-glow: rgba(85, 255, 85, .35);--color-text: #E8EAE6;--color-text-muted: #8A9A84;--font-title: "Press Start 2P", monospace;--font-body: "Nunito", "Arial", sans-serif;--font-size-body: 18px;--font-size-small: 15px;--line-height-body: 1.75;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-card: 0 4px 24px rgba(0, 0, 0, .4), inset 0 1px 0 rgba(255, 255, 255, .08);--shadow-glow-green: 0 0 16px rgba(85, 255, 85, .4);--shadow-glow-gold: 0 0 16px rgba(252, 190, 10, .4);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px}.fab-profiles{position:fixed;bottom:calc(var(--space-xl) + env(safe-area-inset-bottom,0px));right:var(--space-lg);width:52px;height:52px;border-radius:50%;background:var(--color-glass);border:1px solid var(--color-glass-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0006;z-index:200;transition:transform .12s ease,box-shadow .12s ease}.fab-profiles:active{transform:scale(.92);box-shadow:0 2px 10px #0006}.card{background:var(--color-glass);backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border:1px solid var(--color-glass-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);transition:transform .12s ease,box-shadow .12s ease;cursor:pointer;overflow:hidden}.card:active{transform:scale(.97) translateY(1px);box-shadow:0 2px 10px #0006}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:14px 24px;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:var(--font-size-body);font-weight:800;transition:transform .12s ease,box-shadow .12s ease;min-height:56px;min-width:64px}.btn:active{transform:scale(.97) translateY(1px)}.btn-primary{background:var(--color-grass);color:#fff;box-shadow:0 4px 12px #5d8a3566}.btn-primary:active{box-shadow:0 2px 6px #5d8a3566}.btn-ghost{background:var(--color-glass);border:1px solid var(--color-glass-border);color:var(--color-text)}.btn-danger{background:var(--color-redstone);color:#fff}.navbar{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:#0d1117d9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-glass-border);position:sticky;top:0;z-index:100;min-height:64px}.navbar-back{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-sm);background:var(--color-glass);border:1px solid var(--color-glass-border);font-size:22px;transition:background .12s;flex-shrink:0}.navbar-back:active{background:#ffffff1f}.navbar-title{font-family:var(--font-title);font-size:11px;color:var(--color-text);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.navbar-world{font-size:var(--font-size-small);color:var(--color-text-muted);font-weight:600;flex-shrink:0;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.navbar-progress-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-pill);background:var(--color-glass);border:1px solid var(--color-glass-border);font-size:var(--font-size-small);font-weight:700;color:var(--color-text-muted);flex-shrink:0;white-space:nowrap;transition:background .12s}.navbar-progress-pill:active{background:#ffffff1f}.navbar-progress-pill.done{color:var(--color-accent);border-color:var(--color-accent)}.navbar-home-btn{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-pill);background:var(--color-glass);border:1px solid var(--color-glass-border);font-size:var(--font-size-small);font-weight:600;color:var(--color-text-muted);flex-shrink:0;white-space:nowrap;transition:background .12s}.navbar-story-btn{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-pill);background:#9b5fc02e;border:1px solid rgba(155,95,192,.45);font-size:var(--font-size-small);font-weight:700;color:#c99cf5;flex-shrink:0;white-space:nowrap;transition:background .12s}.navbar-story-btn:active{background:#9b5fc052}.navbar-home-btn:active{background:#ffffff1f}.check-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--color-glass-border);background:var(--color-glass);cursor:pointer;transition:background .12s;min-height:64px;-webkit-user-select:none;user-select:none}.check-item:active{background:#55ff5514}.check-item.checked{border-color:var(--color-accent);background:#55ff5512;cursor:default}.check-box{width:32px;height:32px;border-radius:var(--radius-sm);border:2px solid var(--color-text-muted);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:border-color .2s,background .2s}.check-item.checked .check-box{border-color:var(--color-accent);background:var(--color-accent);color:#0d1117}.check-item-label{flex:1;font-size:var(--font-size-body);font-weight:600;color:var(--color-text)}.check-item.checked .check-item-label{color:var(--color-text-muted);text-decoration:line-through}@keyframes checkBounce{0%{transform:scale(1)}40%{transform:scale(1.3)}70%{transform:scale(.9)}to{transform:scale(1)}}.check-item.checking .check-box{animation:checkBounce .35s ease forwards}@keyframes sparkFly{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}.spark{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--color-accent);pointer-events:none;animation:sparkFly .6s ease forwards}.step-list{counter-reset:step-counter;display:flex;flex-direction:column;gap:var(--space-sm)}.step-item{display:flex;gap:var(--space-md);counter-increment:step-counter;align-items:flex-start}.step-item:before{content:counter(step-counter);width:32px;height:32px;min-width:32px;border-radius:var(--radius-sm);background:var(--color-grass);display:flex;align-items:center;justify-content:center;font-family:var(--font-title);font-size:10px;color:#fff;margin-top:4px}.step-text{flex:1;font-size:var(--font-size-body);color:var(--color-text);padding-top:4px}.craft-container{display:flex;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.craft-grid{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(3,52px);gap:4px}.craft-cell{width:52px;height:52px;border-radius:var(--radius-sm);background:#00000059;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:28px}.craft-cell.filled{background:#ffffff0f;border-color:#ffffff26}.craft-arrow{font-size:28px;color:var(--color-text-muted)}.craft-result{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.craft-result-cell{width:64px;height:64px;border-radius:var(--radius-sm);background:#5ddcdc1f;border:1px solid var(--color-diamond);display:flex;align-items:center;justify-content:center;font-size:36px}.craft-result-label{font-size:var(--font-size-small);color:var(--color-text-muted);font-weight:600;text-align:center}.ingredient-list{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:var(--space-md) 0}.ingredient-chip{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-pill);background:#ffffff12;border:1px solid rgba(255,255,255,.12);font-size:var(--font-size-small);font-weight:600}.ingredient-chip .qty{color:var(--color-gold);font-weight:800}.tip,.warning{display:flex;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-small);line-height:1.6;margin:var(--space-md) 0}.tip{background:#5d8a3526;border-left:3px solid var(--color-grass)}.warning{background:#e030301f;border-left:3px solid var(--color-redstone)}.tip-icon,.warning-icon{font-size:20px;flex-shrink:0;margin-top:2px}.crosslink{color:var(--color-diamond);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-weight:600;transition:color .12s}.crosslink:active{color:#fff}.progress-bar-wrap{background:#ffffff14;border-radius:var(--radius-pill);height:10px;overflow:hidden}@keyframes fillBar{0%{width:0}}.progress-fill{animation:fillBar .6s cubic-bezier(.34,1.56,.64,1) forwards;background:linear-gradient(90deg,var(--color-grass),var(--color-accent));border-radius:var(--radius-pill);height:10px;box-shadow:var(--shadow-glow-green)}.pin-display{display:flex;gap:var(--space-md);justify-content:center;margin:var(--space-lg) 0}.pin-dot{width:20px;height:20px;border-radius:50%;border:2px solid var(--color-text-muted);transition:background .2s,border-color .2s}.pin-dot.filled{background:var(--color-accent);border-color:var(--color-accent)}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-sm);max-width:320px;margin:0 auto}.pin-key{aspect-ratio:1;border-radius:var(--radius-md);background:var(--color-glass);border:1px solid var(--color-glass-border);font-family:var(--font-title);font-size:20px;color:var(--color-text);display:flex;align-items:center;justify-content:center;transition:background .1s,transform .1s;min-height:72px}.pin-key:active{background:#ffffff24;transform:scale(.93)}.pin-key.delete-key{font-size:26px}.pin-key.zero-key{grid-column:2}.update-banner{position:fixed;bottom:var(--space-lg);left:50%;transform:translate(-50%);background:var(--color-panel);border:1px solid var(--color-glass-border);border-radius:var(--radius-pill);padding:var(--space-sm) var(--space-lg);display:flex;align-items:center;gap:var(--space-md);font-size:var(--font-size-small);font-weight:600;z-index:9999;box-shadow:0 4px 24px #00000080;white-space:nowrap}.update-banner button{background:var(--color-grass);color:#fff;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);font-weight:800}.form-error{color:var(--color-redstone);font-weight:700;font-size:15px}.emoji-picker-grid{display:flex;flex-wrap:wrap;gap:8px}.emoji-btn{font-size:28px;width:52px;height:52px;border-radius:8px;border:2px solid transparent;background:#ffffff0f;cursor:pointer;transition:border-color .12s,background .12s}.emoji-btn--selected{border-color:var(--color-accent);background:#55ff551a}.profile-select-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-xl) var(--space-lg);gap:var(--space-xl);position:relative}.profile-select-settings-btn{position:absolute;top:var(--space-lg);right:var(--space-lg);font-size:22px;padding:var(--space-sm);color:var(--color-text-muted)}.profile-select-view h1{font-family:var(--font-title);font-size:clamp(12px,3vw,18px);color:var(--color-accent);text-shadow:var(--shadow-glow-green);text-align:center;line-height:1.8}.profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-md);width:100%;max-width:600px}.profile-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);text-align:center}.profile-avatar{width:64px;height:64px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:32px;font-family:var(--font-title);font-weight:800;color:#fff}.profile-name{font-weight:800;font-size:var(--font-size-body)}.profile-new-card{border-style:dashed;opacity:.6;transition:opacity .12s}.profile-new-card:active{opacity:1}.profile-edit-btn{font-size:var(--font-size-small);color:var(--color-text-muted);padding:var(--space-sm) var(--space-lg)}.profile-card-wrap{position:relative}.profile-delete-badge{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:var(--color-danger, #ff4d4d);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #0d1117;opacity:0;pointer-events:none;transform:scale(.4);transition:opacity .15s,transform .15s;z-index:10}.edit-mode .profile-card-wrap .profile-delete-badge{opacity:1;pointer-events:auto;transform:scale(1)}@keyframes profile-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}}.edit-mode .profile-card-wrap .card{animation:profile-wiggle .35s ease-in-out infinite}.edit-mode .profile-card-wrap:nth-child(2n) .card{animation-delay:175ms}.profile-delete-confirm{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d1117eb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);z-index:20;border:1px solid var(--color-glass-border);border-radius:var(--radius-md)}.profile-delete-confirm-msg{font-size:13px;font-weight:700;text-align:center;color:var(--color-text)}.profile-delete-yes{padding:8px 14px;border-radius:var(--radius-pill);background:var(--color-danger, #ff4d4d);color:#fff;font-weight:700;font-size:13px;width:100%}.profile-delete-yes:disabled{opacity:.5}.profile-delete-no{font-size:13px;padding:6px 14px;color:var(--color-text-muted)}@keyframes profile-remove{to{opacity:0;transform:scale(.7)}}.profile-card-removing{animation:profile-remove .25s ease forwards}.pin-view{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-xl) var(--space-lg);gap:var(--space-lg)}.pin-view h2{font-family:var(--font-title);font-size:12px;color:var(--color-text);text-align:center;line-height:1.8}.pin-error{color:var(--color-redstone);font-weight:700;font-size:var(--font-size-small);text-align:center;min-height:24px}.pin-lockout{color:var(--color-gold);font-weight:700;text-align:center;font-size:var(--font-size-small)}.world-select-view{padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.world-select-view h2{font-family:var(--font-title);font-size:11px;color:var(--color-text);line-height:1.8}.world-list{display:flex;flex-direction:column;gap:var(--space-md)}.world-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.world-emoji{font-size:32px;flex-shrink:0}.world-info{flex:1}.world-name{font-weight:800;font-size:var(--font-size-body)}.world-date{font-size:var(--font-size-small);color:var(--color-text-muted)}.world-new-card{border-style:dashed;opacity:.6;justify-content:center}.world-new-card:active{opacity:1}.home-view{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg);flex:1}.home-logo{display:block;width:min(280px,60vw);height:min(280px,60vw);image-rendering:pixelated;border-radius:32px;box-shadow:6px 6px #000a;align-self:center}.home-greeting{font-family:var(--font-title);font-size:clamp(9px,2vw,12px);color:var(--color-text-muted);line-height:2;padding:var(--space-md) 0}.home-greeting strong{color:var(--color-accent)}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media (min-width: 700px){.category-grid{grid-template-columns:repeat(3,1fr)}}.category-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm);padding:var(--space-lg);min-height:130px;border-color:color-mix(in srgb,var(--accent, var(--color-grass)) 40%,var(--color-glass-border));box-shadow:var(--shadow-card),0 0 20px color-mix(in srgb,var(--accent, var(--color-grass)) 20%,transparent);position:relative;overflow:visible}.category-emoji{font-size:36px;filter:drop-shadow(0 0 8px var(--accent, var(--color-grass)));line-height:1}.category-label{font-weight:800;font-size:var(--font-size-body);line-height:1.3}.category-count{font-size:var(--font-size-small);color:var(--color-text-muted);margin-top:auto}.category-view{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.chapter-list-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);min-height:72px}.chapter-list-emoji{font-size:32px;flex-shrink:0;width:44px;text-align:center}.chapter-list-info{flex:1;display:flex;flex-direction:column;gap:3px}.chapter-list-title{font-weight:800;font-size:var(--font-size-body)}.chapter-list-desc{font-size:var(--font-size-small);color:var(--color-text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chapter-list-badge{font-size:var(--font-size-small);font-weight:700;color:var(--color-text-muted);flex-shrink:0;min-width:2.5rem;text-align:right}.chapter-list-badge.done{color:var(--color-accent);font-size:20px}.section-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);min-height:80px}.section-card-emoji{font-size:28px;flex-shrink:0}.section-card-info{flex:1}.section-card-title{font-weight:800;font-size:var(--font-size-body)}.section-card-meta{font-size:var(--font-size-small);color:var(--color-text-muted);margin-top:2px}.section-card-done{font-size:20px;color:var(--color-accent);flex-shrink:0}.article-breadcrumb{font-size:13px;color:var(--color-text-muted);font-weight:600;background:none;border:none;cursor:pointer;padding:0}.article-view{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-xl);max-width:720px;margin:0 auto;width:100%}.article-header{display:flex;flex-direction:column;gap:var(--space-sm)}.article-type-badge{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);border-radius:var(--radius-pill);font-size:13px;font-weight:700;width:fit-content}.badge-craft{background:#fcbe0a26;color:var(--color-gold)}.badge-explore{background:#5d8a3526;color:var(--color-grass)}.badge-challenge{background:#e0303021;color:var(--color-redstone)}.badge-info{background:#5ddcdc1f;color:var(--color-diamond)}.article-title{font-family:var(--font-title);font-size:clamp(12px,3vw,18px);color:var(--color-text);line-height:1.6}.article-intro{font-size:var(--font-size-body);color:var(--color-text-muted);line-height:var(--line-height-body)}.article-section{display:flex;flex-direction:column;gap:var(--space-md)}.article-section-title{font-weight:800;font-size:17px;color:var(--color-text)}.check-items-block{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.progress-view{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.progress-view h2{font-family:var(--font-title);font-size:11px;color:var(--color-text);line-height:1.8}.progress-category{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg);border-radius:var(--radius-md);background:var(--color-glass);border:1px solid var(--color-glass-border)}.progress-category-header{display:flex;align-items:center;gap:var(--space-md)}.progress-category-emoji{font-size:28px}.progress-category-title{flex:1;font-weight:800}.progress-cat-header{display:flex;align-items:center;gap:var(--space-md)}.progress-cat-emoji{font-size:28px}.progress-cat-label{flex:1;font-weight:800}.progress-cat-fraction{font-size:var(--font-size-small);color:var(--color-text-muted);font-weight:600;margin-left:auto;flex-shrink:0}.progress-chapter-row{display:flex;align-items:center;gap:.5ch;font-size:var(--font-size-small)}.progress-fraction{font-size:var(--font-size-small);color:var(--color-text-muted);font-weight:600}.progress-items{margin-top:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.progress-item-row{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-small)}.progress-item-row .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.progress-item-row.done .dot{background:var(--color-accent)}.progress-item-row.todo .dot{background:#fff3}.progress-item-row.done{color:var(--color-text)}.progress-item-row.todo{color:var(--color-text-muted)}.settings-view{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.settings-section{display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg)}.settings-section-title{font-weight:800;font-size:var(--font-size-body)}.settings-desc{font-size:var(--font-size-small);color:var(--color-text-muted);line-height:1.5}.settings-btn-danger-outline{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:2px solid var(--color-danger, #ff4d4d);background:transparent;color:var(--color-danger, #ff4d4d);font-weight:700;font-size:var(--font-size-body);cursor:pointer;transition:background .12s}.settings-btn-danger-outline:active{background:#ff4d4d1a}.settings-btn-danger{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);border:none;background:var(--color-danger, #ff4d4d);color:#fff;font-weight:700;font-size:var(--font-size-body);cursor:pointer;transition:opacity .12s}.settings-btn-danger:disabled{opacity:.5;cursor:default}.settings-confirm-bar{display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md);border-radius:var(--radius-md);background:#ff4d4d14;border:1px solid rgba(255,77,77,.25)}.settings-confirm-msg{font-size:var(--font-size-small);color:var(--color-danger, #ff4d4d);font-weight:600}.settings-info{font-size:var(--font-size-small);color:var(--color-text-muted);text-align:center;padding:var(--space-md) 0}.home-settings-btn{align-self:center;margin-top:var(--space-md);font-size:var(--font-size-small);color:var(--color-text-muted);padding:var(--space-sm) var(--space-lg)}.form-view{padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg);max-width:480px;margin:0 auto;width:100%}.form-view h2{font-family:var(--font-title);font-size:12px;color:var(--color-text);line-height:1.8}.form-field{display:flex;flex-direction:column;gap:var(--space-sm)}.form-label{font-weight:700;font-size:var(--font-size-small);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.form-input{background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:var(--radius-sm);padding:14px var(--space-md);font-family:var(--font-body);font-size:var(--font-size-body);color:var(--color-text);outline:none;transition:border-color .2s}.form-input:focus{border-color:var(--color-grass)}.color-picker{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.color-swatch{width:44px;height:44px;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:transform .12s,border-color .12s}.color-swatch.selected{border-color:#fff;transform:scale(1.12)}.color-swatch:active{transform:scale(.95)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);padding:var(--space-xl) var(--space-lg);text-align:center;min-height:300px;color:var(--color-text-muted)}.empty-state-emoji{font-size:64px}.loading-dots{display:flex;gap:var(--space-sm);justify-content:center}.loading-dot{width:10px;height:10px;border-radius:50%;background:var(--color-text-muted);animation:pulse 1.2s ease-in-out infinite}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{transform:scale(.7);opacity:.5}40%{transform:scale(1);opacity:1}}.story-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl) var(--space-lg) var(--space-lg);gap:var(--space-lg);background:radial-gradient(ellipse at 30% 40%,rgba(0,80,20,.3) 0%,transparent 60%),radial-gradient(ellipse at 70% 70%,rgba(0,40,100,.25) 0%,transparent 55%),linear-gradient(160deg,#080d0a,#0f1a10,#080d0a);animation:storyFadeIn .4s ease forwards;touch-action:pan-y}.story-overlay-exit{animation:storyFadeOut .35s ease forwards!important}@keyframes storyFadeIn{0%{opacity:0}to{opacity:1}}@keyframes storyFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.04)}}.story-progress-track{display:flex;gap:4px;width:100%;max-width:480px;flex-shrink:0}.story-progress-seg{flex:1;height:3px;border-radius:2px;background:#ffffff26;overflow:hidden;position:relative}.story-progress-seg.done{background:var(--color-accent)}.story-progress-seg.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-accent);animation:segFill .35s ease forwards;transform-origin:left}@keyframes segFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.story-card-slot{flex:1;width:100%;max-width:480px;display:flex;align-items:center;justify-content:center;position:relative}.story-card{width:100%;background:var(--color-glass);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);border:1px solid rgba(85,255,85,.12);border-radius:var(--radius-lg);box-shadow:0 8px 48px #0009,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f;padding:var(--space-xl) var(--space-xl);display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;will-change:transform,opacity}.story-card-enter{animation:cardSlideIn .32s cubic-bezier(.22,1,.36,1) forwards}@keyframes cardSlideIn{0%{opacity:0;transform:translate(60px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}.story-card-exit{animation:cardSlideOut .28s ease-in forwards!important;pointer-events:none}@keyframes cardSlideOut{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(-80px) scale(.95)}}.story-card-emoji{font-size:56px;line-height:1;filter:drop-shadow(0 0 12px rgba(85,255,85,.4))}.story-card-title{font-family:var(--font-title);font-size:clamp(10px,2.5vw,14px);color:var(--color-accent);text-shadow:var(--shadow-glow-green);line-height:1.8}.story-card-text{font-family:var(--font-body);font-size:clamp(18px,4vw,22px);line-height:1.75;color:var(--color-text);font-weight:600}.story-card-text strong{color:var(--color-gold);font-weight:800}.story-cta{margin-top:var(--space-md);font-size:18px!important;padding:16px 32px!important;animation:ctaPulse 2s ease-in-out infinite}@keyframes ctaPulse{0%,to{box-shadow:0 4px 12px #5d8a3566}50%{box-shadow:0 4px 28px #5d8a35bf,0 0 0 4px #55ff551f}}.story-hint{font-size:var(--font-size-small);color:var(--color-text-muted);text-align:center;transition:opacity .4s;flex-shrink:0;padding-bottom:var(--space-sm)}.storyline-view{display:flex;flex-direction:column;min-height:100dvh;background:var(--color-bg)}.storyline-topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:#ffffff0a;border-bottom:1px solid rgba(255,255,255,.07);position:sticky;top:0;z-index:10}.storyline-title{font-family:var(--font-title);font-size:var(--font-size-body);color:var(--color-accent);text-shadow:var(--shadow-glow-green)}.storyline-skip-btn{font-size:12px;color:var(--color-text-muted);padding:var(--space-sm) var(--space-md)}.storyline-progress-wrap{padding:var(--space-md) var(--space-lg) 0;display:flex;align-items:center;gap:var(--space-md)}.storyline-progress-bar{flex:1;height:6px;border-radius:var(--radius-pill);background:#ffffff1a;overflow:hidden}.storyline-progress-fill{height:100%;border-radius:var(--radius-pill);background:var(--color-accent);box-shadow:0 0 8px #55ff5580;transition:width .4s ease}.storyline-progress-label{font-size:12px;font-weight:700;color:var(--color-text-muted);flex-shrink:0}.storyline-content{padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg);flex:1;max-width:600px;margin:0 auto;width:100%}.storyline-choice-prompt{font-family:var(--font-title);font-size:clamp(8px,2vw,11px);color:var(--color-text);line-height:2;text-align:center}.storyline-choices{display:flex;flex-direction:column;gap:var(--space-md)}.storyline-choice-card{display:flex;align-items:center;gap:var(--space-lg);padding:var(--space-lg)}.storyline-choice-emoji{font-size:36px;flex-shrink:0;line-height:1;filter:drop-shadow(0 0 8px rgba(85,255,85,.3))}.storyline-choice-label{font-weight:800;font-size:var(--font-size-body);line-height:1.4;color:var(--color-text)}