:root{--bg-deep: #15110d;--bg-section: #1a1410;--bg-section-alt: #110d09;--bg-elevated: rgba(40, 32, 24, .55);--bg-glass: rgba(28, 22, 17, .72);--bg-glass-strong: rgba(20, 16, 12, .92);--fg-bright: #fff7e2;--fg-primary: #f4ead4;--fg-secondary: #d6c4a3;--fg-tertiary: #b8a784;--fg-muted: #8a7960;--fg-dim: #5e503e;--accent: #e0a868;--accent-bright: #f0bc7e;--accent-warm: #d48d5e;--accent-soft: rgba(224, 168, 104, .14);--accent-glow: rgba(224, 168, 104, .32);--live: #a7c87a;--live-soft: rgba(167, 200, 122, .12);--live-strong: rgba(167, 200, 122, .45);--border-soft: rgba(244, 234, 212, .06);--border: rgba(244, 234, 212, .1);--border-strong: rgba(224, 168, 104, .3);--divider: rgba(244, 234, 212, .06);--shadow-card: 0 4px 24px rgba(0, 0, 0, .35);--shadow-modal: 0 12px 48px rgba(0, 0, 0, .55);--font-display: "Fraunces", "Hoefler Text", Georgia, serif;--font-body: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;--type-hero: clamp(44px, 7vw, 76px);--type-h1: clamp(28px, 4.5vw, 40px);--type-h2: clamp(22px, 3vw, 30px);--type-h3: 18px;--type-lead: 17px;--type-body: 15px;--type-small: 13px;--type-tiny: 11px;--type-micro: 9.5px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-xl: 18px;--radius-pill: 999px}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-body);font-size:16px;color:var(--fg-primary);background:var(--bg-deep);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{width:100%;height:100%}canvas{display:block}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse at 70% 20%,rgba(224,168,104,.08),transparent 60%),radial-gradient(ellipse at 20% 90%,rgba(212,141,94,.06),transparent 55%),var(--bg-deep);pointer-events:none}.panel-column{position:fixed;top:60px;right:18px;width:270px;max-height:calc(100vh - 80px);display:flex;flex-direction:column;gap:10px;overflow-y:auto;z-index:100;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.controls{width:100%;background:var(--bg-glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 16px;color:var(--fg-secondary);flex-shrink:0;box-shadow:var(--shadow-card)}.controls--collapsed{padding:10px 14px}.controls-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0}.controls:not(.controls--collapsed) .controls-header{margin-bottom:4px}.panel-collapse-btn{background:none;border:none;color:var(--accent);font-size:14px;cursor:pointer;padding:2px 4px;border-radius:var(--radius-sm);line-height:1;flex-shrink:0;margin-top:2px;transition:opacity .2s}.panel-collapse-btn:hover{opacity:.7}.controls h1{font-family:var(--font-display);font-size:20px;font-weight:500;letter-spacing:-.005em;margin-bottom:2px;color:var(--fg-primary)}.controls .subtitle{font-family:var(--font-body);font-size:var(--type-micro);color:var(--fg-muted);letter-spacing:.18em;text-transform:uppercase;margin-bottom:16px;font-weight:500}.cg{margin-bottom:12px}.cg label{display:flex;justify-content:space-between;font-size:var(--type-tiny);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-weight:500}.cg label span{color:var(--accent-bright);font-variant-numeric:tabular-nums;letter-spacing:0}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:#f4ead414;border-radius:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid rgba(0,0,0,.35);box-shadow:0 0 0 3px #e0a86826}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid rgba(0,0,0,.35)}select{width:100%;padding:7px 9px;background:#f4ead40d;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg-secondary);font-family:inherit;font-size:var(--type-small);outline:none;cursor:pointer;transition:border-color .18s,background .18s}select:hover{border-color:var(--border-strong);background:#f4ead412}select option{background:var(--bg-section);color:var(--fg-secondary)}.btn-row{display:flex;gap:6px;margin-top:4px}.btn{flex:1;padding:8px 0;border-radius:7px;border:1px solid var(--border);background:var(--accent-soft);color:var(--fg-secondary);font-family:inherit;font-size:var(--type-tiny);cursor:pointer;text-align:center;text-transform:uppercase;letter-spacing:.08em;font-weight:500;transition:background .18s,border-color .18s,color .18s;user-select:none;-webkit-user-select:none}.btn:hover{background:#e0a86833;border-color:var(--border-strong);color:var(--fg-primary)}.btn.active{background:#e0a86847;border-color:var(--accent);color:var(--fg-bright)}.divider{height:1px;background:var(--divider);margin:14px 0}.section-label{font-size:var(--type-micro);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.16em;margin-bottom:8px;margin-top:2px;font-weight:600}input[type=range].disabled-look{opacity:.3;pointer-events:none}.navbar{position:fixed;top:0;left:0;right:0;z-index:150;height:52px;display:flex;align-items:center;padding:0 18px;background:#140e0aa6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border-soft)}.navbar-hamburger{background:none;border:none;cursor:pointer;padding:8px 6px;display:flex;flex-direction:column;gap:4px;margin-right:14px}.hamburger-line{display:block;width:20px;height:2px;background:var(--fg-tertiary);border-radius:1px;transition:transform .25s,opacity .25s,background .18s}.navbar-hamburger:hover .hamburger-line{background:var(--accent)}.hamburger-line--open:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger-line--open:nth-child(2){opacity:0}.hamburger-line--open:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.navbar-brand{font-family:var(--font-display);font-size:17px;font-weight:500;color:var(--fg-primary);letter-spacing:.005em;text-decoration:none;transition:color .18s}.navbar-brand:hover{color:var(--accent-bright)}.navbar-spacer{flex:1}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:149;background:#0000008c;animation:drawer-fade-in .22s ease}@keyframes drawer-fade-in{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;top:0;left:0;bottom:0;z-index:160;width:280px;background:var(--bg-glass-strong);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--border);transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;padding:0 0 24px;color:var(--fg-secondary);box-shadow:var(--shadow-modal)}.drawer--open{transform:translate(0)}.drawer-header{display:flex;justify-content:flex-end;padding:14px 16px 10px}.drawer-close{background:none;border:none;color:var(--accent);font-size:16px;cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm);transition:opacity .2s}.drawer-close:hover{opacity:.7}.drawer-section-label{font-size:var(--type-micro);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.18em;padding:4px 22px 10px;font-weight:600}.drawer-list{list-style:none;padding:0;margin:0}.drawer-link{display:flex;align-items:center;gap:11px;padding:11px 22px;text-decoration:none;color:var(--fg-tertiary);font-family:var(--font-body);font-size:var(--type-small);font-weight:500;letter-spacing:.005em;border-left:3px solid transparent;transition:background .15s,border-color .15s,color .15s}.drawer-link:hover{background:#f4ead40a;color:var(--fg-primary)}.drawer-link--active{border-left-color:var(--accent);color:var(--accent-bright);background:var(--accent-soft)}.drawer-link--live.drawer-link--active{border-left-color:var(--live);color:var(--live);background:var(--live-soft)}.drawer-link-emoji{font-size:17px;line-height:1;min-width:22px;text-align:center}.drawer-link-name{flex:1}.drawer-divider{height:1px;background:var(--divider);margin:10px 18px}.drawer-hint{font-size:var(--type-tiny);color:var(--fg-muted);text-align:center;padding:18px 22px;letter-spacing:.05em}.landing-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;padding-top:52px}.landing-hero{min-height:calc(100vh - 52px);display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 50% 20%,rgba(224,168,104,.16),transparent 55%),radial-gradient(ellipse at 30% 80%,rgba(212,141,94,.1),transparent 50%),linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-section) 60%,#1d1611 100%)}.landing-hero-inner{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 24px 56px;animation:landing-fadein .8s ease;max-width:720px}@keyframes landing-fadein{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.landing-icon{font-size:64px;margin-bottom:22px;filter:drop-shadow(0 0 24px rgba(224,168,104,.35))}.landing-title{font-family:var(--font-display);font-size:var(--type-hero);font-weight:500;letter-spacing:-.015em;color:var(--fg-bright);margin-bottom:18px;line-height:1.05;font-variation-settings:"opsz" 144}.landing-tagline{font-family:var(--font-display);font-size:clamp(18px,2.4vw,22px);font-weight:400;font-style:italic;color:var(--fg-secondary);margin-bottom:14px;max-width:520px;line-height:1.4;letter-spacing:0;font-variation-settings:"opsz" 60}.landing-desc{font-family:var(--font-body);font-size:var(--type-small);color:var(--fg-tertiary);margin-bottom:32px;max-width:480px;line-height:1.65;letter-spacing:0}.preset-cards-label{font-size:var(--type-micro);color:var(--fg-muted);letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;font-weight:600}.preset-cards{display:flex;gap:10px;overflow-x:auto;padding:2px 8px 4px;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:28px;justify-content:center;flex-wrap:wrap}.preset-cards::-webkit-scrollbar{display:none}.preset-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 14px;min-width:86px;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;flex-shrink:0;transition:border-color .2s,background .2s,transform .15s;user-select:none;-webkit-user-select:none}.preset-card:hover{background:#282018bf;border-color:var(--border-strong);transform:translateY(-2px)}.preset-card--selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 4px #e0a8681a}.preset-card--live{border-color:#a7c87a38}.preset-card--live.preset-card--selected{border-color:var(--live);background:var(--live-soft);box-shadow:0 0 0 4px #a7c87a1a}.preset-card-emoji{font-size:22px;line-height:1}.preset-card-name{font-size:var(--type-micro);color:var(--fg-tertiary);letter-spacing:.05em;white-space:nowrap;text-align:center;font-weight:500}.landing-cta{padding:14px 38px;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--accent),var(--accent-warm));border:1px solid rgba(224,168,104,.6);color:#2a1d10;font-family:var(--font-body);font-size:var(--type-small);font-weight:600;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .15s,box-shadow .18s,filter .18s;box-shadow:0 4px 18px #e0a86840}.landing-cta:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 6px 24px #e0a86859}.landing-cta--footer{margin-bottom:28px}.scene-gate{max-width:580px;gap:0}.scene-gate-title{font-size:clamp(36px,5.5vw,60px)!important;margin-bottom:12px!important}.scene-gate-hint{font-family:var(--font-body);font-size:var(--type-tiny);color:var(--fg-muted);letter-spacing:.18em;text-transform:uppercase;font-weight:600;margin-top:4px;margin-bottom:28px}.landing-scroll-hint{margin-top:36px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;color:var(--fg-muted);font-size:var(--type-tiny);letter-spacing:.12em;text-transform:uppercase;font-weight:500;transition:color .2s}.landing-scroll-hint:hover{color:var(--accent)}.scroll-chevron{font-size:22px;transform:rotate(90deg);animation:bounce-down 1.8s ease-in-out infinite}@keyframes bounce-down{0%,to{transform:rotate(90deg) translate(0)}50%{transform:rotate(90deg) translate(7px)}}.landing-section{padding:96px 24px;background:var(--bg-section)}.landing-section--alt{background:var(--bg-section-alt)}.landing-section-inner{max-width:960px;margin:0 auto;text-align:center}.landing-section-title{font-family:var(--font-display);font-size:var(--type-h1);font-weight:500;letter-spacing:-.01em;color:var(--fg-primary);margin-bottom:14px;line-height:1.15;font-variation-settings:"opsz" 96}.landing-section-subtitle{font-family:var(--font-display);font-size:var(--type-lead);font-weight:400;font-style:italic;color:var(--fg-secondary);margin-bottom:56px;line-height:1.5;max-width:580px;margin-left:auto;margin-right:auto;font-variation-settings:"opsz" 48}.how-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;text-align:center}.how-step{display:flex;flex-direction:column;align-items:center;gap:14px}.how-step-number{width:48px;height:48px;border-radius:50%;background:var(--accent-soft);border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:19px;font-weight:500;color:var(--accent-bright)}.how-step-title{font-family:var(--font-display);font-size:var(--type-h3);font-weight:500;color:var(--fg-primary);letter-spacing:-.005em}.how-step-desc{font-family:var(--font-body);font-size:var(--type-small);color:var(--fg-tertiary);line-height:1.7;max-width:290px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}.feature-card{padding:26px 22px;border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border);transition:border-color .2s,background .2s,transform .18s}.feature-card:hover{border-color:var(--border-strong);background:#282018b3;transform:translateY(-3px)}.feature-icon{font-size:30px;margin-bottom:14px;filter:drop-shadow(0 0 12px rgba(224,168,104,.2))}.feature-title{font-family:var(--font-display);font-size:var(--type-h3);font-weight:500;color:var(--fg-primary);letter-spacing:-.005em;margin-bottom:10px}.feature-desc{font-family:var(--font-body);font-size:var(--type-small);color:var(--fg-tertiary);line-height:1.7}.scene-previews{display:flex;flex-direction:column;gap:14px;text-align:left}.scene-preview-card{display:flex;align-items:center;gap:18px;padding:20px 22px;border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border);cursor:pointer;transition:border-color .2s,background .2s,transform .15s;text-decoration:none}.scene-preview-card:hover{border-color:var(--border-strong);background:#282018b3;transform:translate(5px)}.scene-preview-card--live{border-color:#a7c87a2e}.scene-preview-card--live:hover{border-color:var(--live-strong)}.scene-preview-emoji{font-size:36px;flex-shrink:0;filter:drop-shadow(0 0 14px rgba(224,168,104,.18))}.scene-preview-text{flex:1;min-width:0}.scene-preview-name{font-family:var(--font-display);font-size:var(--type-h3);font-weight:500;color:var(--fg-primary);letter-spacing:-.005em;margin-bottom:5px}.scene-preview-desc{font-family:var(--font-body);font-size:var(--type-small);color:var(--fg-tertiary);line-height:1.6}.scene-preview-arrow{font-size:20px;color:var(--fg-muted);flex-shrink:0;transition:color .2s,transform .2s}.scene-preview-card:hover .scene-preview-arrow{color:var(--accent-bright);transform:translate(4px)}.science-content{display:grid;grid-template-columns:1fr;gap:36px;text-align:left;max-width:720px;margin:0 auto}.science-heading{font-family:var(--font-display);font-size:var(--type-h3);font-weight:500;color:var(--fg-primary);letter-spacing:-.005em;margin-bottom:12px}.science-text{font-family:var(--font-body);font-size:var(--type-body);color:var(--fg-tertiary);line-height:1.75}.landing-footer{padding:72px 24px 48px;background:linear-gradient(180deg,var(--bg-section-alt) 0%,#0c0805 100%);text-align:center;border-top:1px solid var(--border-soft)}.landing-footer-inner{max-width:640px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.landing-footer-links{display:flex;align-items:center;gap:14px;margin-bottom:18px}.landing-footer-sep{color:var(--fg-dim)}.landing-footer-text{font-family:var(--font-display);font-size:var(--type-small);color:var(--fg-muted);font-style:italic;line-height:1.55;font-variation-settings:"opsz" 14}.landing-footer-copy{font-family:var(--font-body);font-size:var(--type-tiny);color:var(--fg-dim);margin-top:14px;letter-spacing:.04em}.panel-handle{display:none}.chime-list{display:flex;flex-direction:column;gap:6px;margin-top:2px}.chime-list-item{display:flex;justify-content:space-between;align-items:center;font-size:var(--type-tiny);color:var(--fg-tertiary);padding:3px 0}.chime-list-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-small{flex:none;padding:3px 8px;font-size:10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:#d48d5e1f;color:var(--accent-warm);cursor:pointer;line-height:1.5;transition:background .18s,color .18s}.btn-small:hover{background:#d48d5e40;color:var(--accent-bright)}.chime-list-item-group{display:flex;flex-direction:column;gap:4px;border-bottom:1px solid var(--divider);padding-bottom:6px}.chime-list-item-group:last-child{border-bottom:none;padding-bottom:0}.chime-material-row{padding:0 2px}.chime-material-select{width:100%;padding:5px 7px;font-size:var(--type-tiny);background:#f4ead40d;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg-secondary);font-family:inherit;cursor:pointer;outline:none}.chime-material-select option{background:var(--bg-section);color:var(--fg-secondary)}.chime-position-row{display:flex;align-items:center;gap:6px;padding:0 2px 2px}.chime-pos-label{font-size:var(--type-micro);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em;min-width:24px;font-weight:600}.chime-pos-slider{flex:1;height:3px}.chime-pos-val{font-size:10px;color:var(--accent);min-width:28px;text-align:right;font-variant-numeric:tabular-nums}.chime-section{border-bottom:1px solid var(--divider);padding-bottom:5px;margin-bottom:5px}.chime-section:last-of-type{border-bottom:none;margin-bottom:0}.chime-section-header{display:flex;align-items:center;gap:6px;cursor:pointer;padding:5px 0;user-select:none;-webkit-user-select:none}.chime-section-header:hover{opacity:.85}.chime-section-chevron{font-size:10px;color:var(--accent);min-width:12px;text-align:center}.chime-section-title{flex:1;font-size:var(--type-tiny);color:var(--fg-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.chime-section-summary{font-size:var(--type-micro);color:var(--fg-muted);letter-spacing:.04em;margin-right:4px;white-space:nowrap}.chime-section-body{padding:6px 0 2px 17px}.chime-section-body .cg{margin-bottom:8px}.chime-remove-btn{font-size:14px!important;padding:0 4px!important;line-height:1}.chime-limit-msg{font-size:var(--type-tiny);color:var(--live);opacity:.85;text-align:center;padding:6px 0;letter-spacing:.03em}.info-cards{position:fixed;top:60px;left:18px;display:flex;flex-direction:column;gap:10px;z-index:100;width:248px}.weather-card,.time-card{width:100%;background:var(--bg-glass);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-strong);border-radius:var(--radius-lg);color:var(--fg-secondary);box-shadow:var(--shadow-card)}.weather-card{padding:14px 14px 12px;max-height:calc(100vh - 36px);overflow-y:auto}.time-card{padding:12px 14px;text-align:center}.time-card-time{font-family:var(--font-display);font-size:24px;font-weight:500;color:var(--fg-bright);letter-spacing:.01em;font-variant-numeric:tabular-nums;font-variation-settings:"opsz" 48}.time-card-date{font-family:var(--font-body);font-size:var(--type-micro);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.16em;margin-top:4px;font-weight:600}.realtime-toggle-row{margin-bottom:8px}.btn-realtime{width:100%;font-size:var(--type-micro);padding:6px 0;letter-spacing:.12em}.weather-loading,.weather-error{font-size:var(--type-tiny);color:var(--fg-muted);text-align:center;padding:8px 0}.weather-spinner{display:inline-block;animation:spin 1s linear infinite;color:var(--accent)}@keyframes spin{to{transform:rotate(360deg)}}.weather-error{color:var(--accent-warm)}.weather-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.weather-icon{font-size:22px;line-height:1;filter:drop-shadow(0 0 10px rgba(224,168,104,.25))}.weather-city{flex:1;font-family:var(--font-display);font-size:var(--type-small);font-weight:500;color:var(--fg-primary)}.weather-refresh{background:none;border:none;color:var(--accent);cursor:pointer;font-size:16px;line-height:1;padding:2px 4px;border-radius:var(--radius-sm);transition:opacity .2s}.weather-refresh:hover{opacity:.7}.weather-refresh:disabled{opacity:.3;cursor:default}.weather-desc{font-size:var(--type-micro);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.14em;margin-bottom:10px;font-weight:600}.weather-stats{display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;margin-bottom:8px}.weather-stat{display:flex;flex-direction:column;gap:1px}.weather-stat-label{font-size:var(--type-micro);color:var(--fg-muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.weather-stat-val{font-size:var(--type-tiny);color:var(--fg-primary);font-variant-numeric:tabular-nums;font-weight:500}.weather-city-form,.weather-city-change{display:flex;gap:6px;margin-top:5px}.weather-city-input{flex:1;padding:5px 9px;background:#f4ead40d;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--fg-secondary);font-family:inherit;font-size:var(--type-tiny);outline:none;transition:border-color .18s}.weather-city-input:focus{border-color:var(--accent)}.weather-city-input::placeholder{color:var(--fg-muted)}.weather-city-input--small{font-size:10px;padding:3px 7px}.weather-city-change .btn-small{background:#e0a86824;color:var(--accent);border-color:var(--border-strong)}.weather-city-change .btn-small:hover{background:#e0a86842;color:var(--accent-bright)}@media (max-width: 600px){.panel-column{top:auto;bottom:0;left:0;right:0;width:100%;max-height:52vh}.controls{border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding:14px 16px;max-height:42vh}.info-cards{top:60px;left:10px;width:auto;max-width:200px}.panel-handle{display:block;width:38px;height:4px;background:var(--accent-soft);border-radius:2px;margin:8px auto 4px}.drawer{width:100%}.landing-section{padding:64px 18px}.landing-section-subtitle{margin-bottom:36px}.how-steps{grid-template-columns:1fr;gap:32px}.features-grid{grid-template-columns:1fr;gap:16px}.scene-preview-card{flex-direction:column;align-items:flex-start;gap:10px}.scene-preview-arrow{display:none}.landing-footer{padding:48px 18px 36px}}@media (min-width: 601px) and (max-width: 900px){.how-steps{grid-template-columns:1fr;max-width:480px;margin:0 auto}.features-grid{grid-template-columns:repeat(2,1fr)}}.content-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:140;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;padding-top:52px;background:radial-gradient(ellipse at 70% 0%,rgba(224,168,104,.1),transparent 50%),linear-gradient(180deg,var(--bg-deep) 0%,var(--bg-section) 60%,var(--bg-section-alt) 100%)}.content-page-inner{max-width:740px;margin:0 auto;padding:64px 24px 96px}.content-header{text-align:center;margin-bottom:56px}.content-page-title{font-family:var(--font-display);font-size:var(--type-h1);font-weight:500;letter-spacing:-.015em;color:var(--fg-bright);margin-bottom:14px;line-height:1.1;font-variation-settings:"opsz" 96}.content-page-subtitle{font-family:var(--font-display);font-size:var(--type-lead);font-weight:400;font-style:italic;color:var(--fg-secondary);letter-spacing:0;line-height:1.5;max-width:560px;margin:0 auto;font-variation-settings:"opsz" 48}.content-section{margin-bottom:40px}.content-section h2{font-family:var(--font-display);font-size:var(--type-h2);font-weight:500;color:var(--fg-primary);letter-spacing:-.01em;margin-bottom:16px;margin-top:48px;line-height:1.2;font-variation-settings:"opsz" 60}.content-section h2:first-child{margin-top:0}.content-section h3{font-family:var(--font-display);font-size:var(--type-h3);font-weight:500;color:var(--fg-primary);letter-spacing:-.005em;margin-bottom:12px;margin-top:28px}.content-section p{font-family:var(--font-body);font-size:var(--type-body);color:var(--fg-secondary);line-height:1.8;margin-bottom:16px}.content-section p:last-child{margin-bottom:0}.content-section a{color:var(--accent-bright);text-decoration:underline;text-decoration-color:#e0a86866;text-underline-offset:3px;transition:text-decoration-color .18s}.content-section a:hover{text-decoration-color:var(--accent-bright)}.article-lead{font-family:var(--font-display)!important;font-size:var(--type-lead)!important;font-style:italic!important;color:var(--fg-primary)!important;line-height:1.6!important;font-variation-settings:"opsz" 48!important;border-left:3px solid var(--accent);padding-left:18px;margin-bottom:24px!important}.article-list{list-style:none;padding:0;margin:0 0 16px}.article-list li{font-family:var(--font-body);font-size:var(--type-body);color:var(--fg-secondary);line-height:1.75;padding:4px 0 4px 22px;position:relative}.article-list li:before{content:"·";position:absolute;left:8px;color:var(--accent);font-weight:700}.article-meta{font-family:var(--font-body);font-size:var(--type-small);color:var(--fg-muted);letter-spacing:.05em;margin-bottom:18px;display:flex;align-items:center;justify-content:center;gap:10px;text-transform:uppercase;font-weight:600}.article-nav{display:flex;justify-content:space-between;gap:16px;margin-top:56px;padding-top:28px;border-top:1px solid var(--divider);flex-wrap:wrap}.content-cta-row{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:56px;padding-top:36px;border-top:1px solid var(--divider)}.content-link{font-family:var(--font-body);font-size:var(--type-small);color:var(--accent);text-decoration:none;letter-spacing:.04em;font-weight:500;transition:color .2s}.content-link:hover{color:var(--accent-bright)}.blog-grid{display:flex;flex-direction:column;gap:18px}.blog-card{display:block;text-decoration:none;padding:28px 28px 24px;border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border);transition:border-color .2s,background .2s,transform .18s}.blog-card:hover{border-color:var(--border-strong);background:#282018b3;transform:translateY(-3px)}.blog-card-meta{font-family:var(--font-body);font-size:var(--type-tiny);color:var(--fg-muted);letter-spacing:.06em;margin-bottom:10px;display:flex;align-items:center;gap:7px;text-transform:uppercase;font-weight:600}.blog-card-dot{opacity:.5}.blog-card-title{font-family:var(--font-display);font-size:22px;font-weight:500;color:var(--fg-primary);letter-spacing:-.005em;margin-bottom:10px;line-height:1.25}.blog-card-desc{font-family:var(--font-body);font-size:var(--type-small);color:var(--fg-tertiary);line-height:1.65;margin-bottom:14px}.blog-card-link{font-family:var(--font-body);font-size:var(--type-small);color:var(--accent);letter-spacing:.04em;font-weight:500}@media (max-width: 600px){.content-page-inner{padding:40px 18px 64px}.content-header{margin-bottom:40px}.content-section h2{font-size:22px;margin-top:36px}.article-nav{flex-direction:column;align-items:flex-start}.blog-card{padding:22px 22px 20px}}.ad-bar{position:fixed;bottom:0;left:0;right:0;z-index:50;height:90px;display:flex;align-items:center;gap:14px;padding:0 18px;background:#140e0ae0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--border)}.ad-bar-label{font-family:var(--font-body);font-size:var(--type-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-muted);white-space:nowrap;flex-shrink:0;font-weight:600}.ad-bar-unit{flex:1;display:flex;justify-content:center;align-items:center;overflow:hidden}.ad-bar-unit .adsbygoogle{display:inline-block}.ad-bar-close{flex-shrink:0;background:none;border:1px solid var(--border);color:var(--fg-muted);font-size:16px;line-height:1;cursor:pointer;padding:5px 9px;border-radius:var(--radius-sm);transition:color .15s,border-color .15s}.ad-bar-close:hover{color:var(--accent-bright);border-color:var(--border-strong)}@media (max-width: 600px){.ad-bar{display:none}}.content-section .content-list{margin:0 0 18px 26px;padding:0;list-style:disc;color:var(--fg-secondary);font-family:var(--font-body);font-size:var(--type-body);line-height:1.75}.content-section .content-list li{margin-bottom:10px}.content-section code{font-family:var(--font-mono);font-size:12.5px;padding:2px 7px;border-radius:4px;background:var(--accent-soft);color:var(--accent-bright)}.cookie-consent{position:fixed;bottom:18px;right:18px;z-index:200;max-width:400px;padding:18px 20px;background:var(--bg-glass-strong);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);font-family:var(--font-body);font-size:var(--type-small);color:var(--fg-secondary);line-height:1.6;animation:cookie-consent-in .4s cubic-bezier(.4,0,.2,1)}@keyframes cookie-consent-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.cookie-consent-text strong{color:var(--fg-primary);font-weight:600}.cookie-consent-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.cookie-consent-btn{font-family:inherit;font-size:var(--type-tiny);letter-spacing:.08em;font-weight:600;padding:8px 16px;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s,border-color .15s,color .15s;text-transform:uppercase}.cookie-consent-btn--decline{background:transparent;border:1px solid var(--border);color:var(--fg-tertiary)}.cookie-consent-btn--decline:hover{border-color:var(--border-strong);color:var(--fg-primary)}.cookie-consent-btn--accept{background:linear-gradient(135deg,var(--accent),var(--accent-warm));border:1px solid var(--accent);color:#2a1d10}.cookie-consent-btn--accept:hover{filter:brightness(1.08)}@media (max-width: 600px){.cookie-consent{left:12px;right:12px;bottom:12px;max-width:none}}