@font-face{font-family:Cinzel;src:url(/fonts/cinzel-600.ttf) format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-400.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-600.ttf) format("truetype");font-style:normal;font-weight:600;font-display:swap}:root{font-family:Inter,Arial,sans-serif;color:#dbe4d8;background:#081c17;font-synthesis:none;-webkit-font-smoothing:antialiased;--gold:#c3ae7b;--muted:#899e91;--line:rgba(193,210,177,.14)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 49% 42%,#2449373b 0,transparent 52%),linear-gradient(115deg,#0c211b,#071913 65%,#10251d);min-height:100vh}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.35;cursor:default}button,select{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,canvas:focus-visible{outline:2px solid #d9c58c;outline-offset:5px}button{border:0;background:none}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.icon{width:20px;height:20px;flex-shrink:0}.page-grain{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.page-header{max-width:1480px;margin:auto;padding:32px 48px 18px;display:flex;align-items:center;justify-content:space-between}.collection-mark{display:flex;gap:13px;align-items:center;letter-spacing:3px;font-size:10px;font-weight:600;color:#d9dfca}.collection-mark .icon{color:var(--gold);width:26px;height:26px}.live-pill{display:flex;align-items:center;gap:8px;color:#a4b5a5;font-size:10px;border:1px solid var(--line);border-radius:20px;padding:8px 12px;letter-spacing:.3px}.live-pill i,.environment-status i{width:5px;height:5px;display:inline-block;background:#91be94;border-radius:50%;box-shadow:0 0 8px #9ac79540}.workspace{display:grid;grid-template-columns:minmax(190px,250px) minmax(400px,650px) minmax(200px,240px);max-width:1410px;padding:0 38px;gap:22px;margin:0 auto;align-items:center}.story-panel{padding:20px 0 50px 10px}.eyebrow{font-size:9px;letter-spacing:1.7px;line-height:1.8;color:var(--gold);font-weight:600}.story-panel h1{font-family:Cinzel,Georgia,serif;font-weight:600;font-size:36px;line-height:1.4;color:#e5e6d3;letter-spacing:-.9px;margin:22px 0 26px}.gold-rule{height:1px;width:35px;background:#b6a272;margin-bottom:23px}.story-copy{font-size:12px;line-height:1.95;max-width:215px;color:#99b09d}.award-note{display:flex;align-items:center;gap:13px;margin-top:39px}.award-note>.icon{width:30px;height:30px;color:var(--gold)}.award-note .eyebrow{font-size:8px;letter-spacing:1.3px;color:#829c86}.award-note p{font-size:11px;margin:4px 0 0;color:#c4d1be}.quiet-note{font-size:10px;line-height:1.9;color:#748e7a;margin-top:42px}.card-column{min-width:0;align-self:start;text-align:center}.card-stage{width:100%;height:min(77vh,820px);min-height:570px;position:relative;isolation:isolate}.card-stage:before{content:"";position:absolute;width:70%;height:60%;left:15%;top:20%;background:radial-gradient(ellipse,#527a4929,transparent 68%);filter:blur(24px);z-index:-1}.card-canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;filter:drop-shadow(0 27px 28px #0007)}.card-canvas:active{cursor:grabbing}.loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;pointer-events:none;background:radial-gradient(ellipse,#0a241bf5,transparent 65%)}.loading-feather .icon{width:40px;height:40px;color:var(--gold);animation:breathe 2s ease-in-out infinite}.loading p{margin:25px 0 20px;font-size:11px;color:#a5b6a4;letter-spacing:.6px}.loading-bar{width:80px;height:1px;background:linear-gradient(90deg,transparent,#cbb779,transparent);animation:breathe 1.5s ease-in-out infinite}.interaction-hint{font-size:9px;letter-spacing:.2px;color:#8ca48f;line-height:1.8;margin:0 0 20px}.tiny-diamond{color:#c8b980;margin-right:4px}.card-toolbar{display:flex;justify-content:center;align-items:center;gap:4px;flex-wrap:wrap}.card-toolbar button{display:flex;align-items:center;gap:7px;padding:10px 11px;border:1px solid transparent;border-radius:7px;font-size:10px;color:#c7d3be;transition:background .2s,border-color .2s}.card-toolbar button:hover:not(:disabled){background:#a8c29f0a;border-color:var(--line)}.card-toolbar button[aria-pressed=true]{color:#e3cc8d}.card-toolbar .icon{width:16px;height:16px;color:#b6bd97}.text-button{font-size:10px;display:inline-flex;align-items:center;gap:7px;color:#b3c1ac;padding:0;border-bottom:1px solid transparent;background:none}.text-button:hover{color:#e0cd97;border-color:#c8b47755}.text-button .icon{width:14px;height:14px}.replay-button{margin-top:17px;color:#7f9883;font-size:9px}.skip-reveal{position:absolute;bottom:26px;left:50%;transform:translate(-50%);z-index:2;border:1px solid #c6b17b60;border-radius:20px;padding:7px 13px;font-size:10px;white-space:nowrap;background:#0c231dea;color:#d9ca99}.environment-panel{padding-left:15px;align-self:center;margin-top:-32px}.environment-heading{display:flex;align-items:center;gap:13px;margin:22px 0 26px}.environment-heading>.icon{height:30px;width:30px}.environment-heading #weather-icon>.icon{width:31px;height:31px;color:#c7bc8d}.environment-heading h2{font-size:16px;font-weight:400;line-height:1.4;color:#d5dfcc;margin:0}.environment-heading p{font-size:10px;color:#7e9984;margin:6px 0 0}.location-summary{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#acbfa6;gap:10px}.location-name{display:flex;align-items:center;gap:5px;line-height:1.6}.location-name .icon{width:12px;height:12px;color:#819d82}.location-summary #temperature{font-size:15px;color:#d2d9ba;white-space:nowrap}.weather-description{font-size:11px;color:#859e88;line-height:1.9;min-height:39px;margin:14px 0}.environment-status{font-size:8px;color:#9aac8f;display:flex;gap:7px;align-items:center;line-height:1.6}.environment-status i{flex-shrink:0}.environment-status i.default{background:#b19b68;box-shadow:none}.location-details{margin-top:17px;font-size:9px}.location-details summary{cursor:pointer;color:#96aa93;list-style:none;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#93aa8740}.location-details summary:after{content:" +";color:#d3bd80}.location-details[open] summary:after{content:" −"}.location-details form{margin:15px 0 10px}.location-details label,.recipient-form label{display:block;font-size:10px;color:#a7b79d;margin-bottom:8px}.input-row{display:flex;gap:5px}.input-row input{width:100%;min-width:0}.square-button{border:1px solid var(--line);border-radius:4px;display:grid;place-items:center;padding:7px}.square-button .icon{width:15px;height:15px}.panel-divider{height:1px;background:var(--line);margin:29px 0 25px}.explore-heading{display:flex;align-items:center;justify-content:space-between;gap:7px}.explore-heading h3{font-size:11px;font-weight:400;margin:0;color:#c2ceb7}.text-button.small{font-size:9px;color:#a6b48e}.control-label{display:block;margin:24px 0 11px;font-size:8px;letter-spacing:1.5px;color:#78937c}.time-options{display:flex;border:1px solid var(--line);border-radius:5px;padding:3px;gap:1px}.time-options button{font-size:9px;padding:7px 0;flex:1;border-radius:3px;color:#8fa58d}.time-options button[aria-pressed=true]{background:#b7bd9020;color:#e3d7ae}.time-options button:hover{color:#e3d7ae}.select-wrap{position:relative}.select-wrap:after{content:"⌄";position:absolute;right:12px;top:7px;color:#9aab8d;pointer-events:none}.select-wrap select{width:100%;appearance:none;border:1px solid var(--line);padding:10px 25px 10px 11px;background:#102a2022;border-radius:5px;font-size:10px;color:#c0ceb3}.select-wrap option{background:#122c22;color:#e0e6d8}.field-note{font-size:9px;line-height:1.8;color:#758f78;margin:12px 0 0}.motion-control{display:flex;gap:8px;align-items:center;font-size:9px;color:#93a58b;cursor:pointer;margin-top:21px}.motion-control input{accent-color:#b2b47c;width:12px;height:12px;margin:0}.page-footer{max-width:1370px;margin:31px auto 0;padding:25px 10px 30px;border-top:1px solid #bccda012;display:flex;justify-content:space-between;gap:20px;color:#667f6b;font-size:9px}.page-footer span:first-child{letter-spacing:2px;font-size:8px;color:#8b9e80}.preview-editor{max-width:900px;margin:0 auto 40px;padding:0 25px;color:#81987e;font-size:10px}.preview-editor>summary{cursor:pointer;text-align:center;list-style:none;padding:10px}.preview-editor>summary>span{font-size:9px;color:#536f5a;margin-left:10px}.preview-editor[open]{border:1px solid var(--line);border-radius:10px;padding:15px 25px 25px}.recipient-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:25px}.wide-field{grid-column:1/-1}input:not([type=checkbox]),textarea{border:1px solid #9dba8d29;border-radius:5px;background:#071c1480;color:#d2ddc8;padding:10px 12px;font-size:11px;width:100%;outline-offset:2px}input::placeholder,textarea::placeholder{color:#637a65}textarea{resize:vertical;line-height:1.8}.primary-button,.secondary-button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border-radius:5px;padding:12px 20px;font-size:11px;line-height:1.4}.primary-button{background:#c5b77e;color:#11271c}.primary-button:hover{background:#dece94}.secondary-button{border:1px solid var(--line);color:#b7c4a7}.render-metrics{font-size:9px;color:#5d7863;margin:15px 0 0;font-variant-numeric:tabular-nums}.card-error{position:absolute;inset:12% 5%;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;background:#0b271eed;border:1px solid var(--line);border-radius:14px;padding:25px;z-index:3}.card-error h2{font-family:Cinzel,serif;font-size:23px;font-weight:600;color:#dfcf9a}.card-error p{font-size:12px;line-height:1.8;color:#a3b69d;max-width:320px;margin-bottom:24px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:10;background:#193527f5;color:#d4dfc7;font-size:11px;line-height:1.7;box-shadow:0 8px 40px #0005;padding:12px 20px;border:1px solid #c7bc7540;border-radius:8px;transition:opacity .2s,transform .2s;max-width:min(90vw,480px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes breathe{0%,to{opacity:.35}50%{opacity:1}}@media(min-width:1550px){.workspace{gap:35px;max-width:1510px;grid-template-columns:260px minmax(450px,760px) 260px}.story-panel h1{font-size:40px}.card-stage{height:min(80vh,950px)}.page-header{padding-top:40px}.environment-panel{padding-left:20px}.story-copy{font-size:13px}}@media(max-width:1150px){.workspace{grid-template-columns:180px minmax(350px,570px) 205px;padding:0 23px;gap:9px}.story-panel h1{font-size:28px}.story-panel{padding-left:0}.story-copy{font-size:11px}.environment-panel{padding-left:8px}.card-stage{min-height:535px;height:72vh}.page-footer{margin:30px 30px 0}.page-header{padding-left:30px;padding-right:30px}.card-toolbar button{font-size:9px;padding:9px 7px;gap:5px}}@media(max-width:900px){.workspace{grid-template-columns:minmax(340px,1fr) 215px;max-width:800px}.story-panel{display:none}.environment-panel{padding-right:8px}.card-stage{height:75vh;min-height:590px}.page-header{max-width:800px}.page-footer{max-width:750px;margin:30px auto 0;padding:20px}.card-toolbar{gap:3px}.page-footer span:last-child{font-size:8px}}@media(max-width:620px){.page-header{padding:22px 22px 8px}.collection-mark{font-size:8px;letter-spacing:2px;gap:8px}.collection-mark .icon{width:21px;height:21px}.live-pill{font-size:8px;padding:6px 9px}.workspace{display:flex;flex-direction:column;padding:0 12px;gap:25px}.card-column{width:100%;max-width:440px;margin:auto}.card-stage{height:auto;aspect-ratio:5/7;min-height:0;width:100%;max-height:none}.card-canvas{filter:drop-shadow(0 17px 15px #0008)}.interaction-hint{font-size:8px;margin:6px 12px 14px}.card-toolbar{gap:3px}.card-toolbar button{font-size:9px;padding:9px 6px;gap:4px}.card-toolbar .icon{height:15px;width:15px}.replay-button{margin-top:14px}.environment-panel{padding:24px 20px 25px;border:1px solid var(--line);border-radius:12px;width:100%;max-width:398px;align-self:center;margin:0;background:#16332224}.environment-panel>.eyebrow{margin-top:0}.environment-heading{margin:15px 0 19px}.environment-heading h2{font-size:17px}.environment-heading p{font-size:10px}.location-summary{font-size:12px}.weather-description{font-size:11px;min-height:0}.environment-status{font-size:9px}.location-details{font-size:10px}.panel-divider{margin:22px 0}.explore-heading h3{font-size:12px}.control-label{font-size:9px}.time-options button{font-size:10px;padding:9px 0}.select-wrap select{font-size:11px}.motion-control,.field-note{font-size:10px}.page-footer{margin:25px 22px 0;padding:21px 0;flex-direction:column;gap:11px;align-items:center;text-align:center}.preview-editor{padding:0 22px;margin-bottom:28px}.preview-editor>summary>span{display:block;margin:6px 0 0}.recipient-form{grid-template-columns:1fr}.wide-field{grid-column:1}.recipient-form input,.recipient-form textarea{font-size:16px}.skip-reveal{bottom:10px;font-size:9px}.card-error{inset:8% 5%}.toast{bottom:18px;font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.performance-video{position:fixed;left:-3px;bottom:0;width:1px;height:1px;opacity:.001;pointer-events:none}.comparison-links{display:flex;align-items:center;flex-wrap:wrap;gap:15px;font-size:10px;margin-top:17px}.comparison-links span{color:#6a846e}.comparison-links a{color:#b9c39f;text-decoration:underline;text-underline-offset:4px}body.focus-mode .page-header,body.focus-mode .story-panel,body.focus-mode .environment-panel,body.focus-mode .page-footer,body.focus-mode .preview-editor{display:none}body.focus-mode .workspace{display:block;max-width:920px;padding:0 12px}body.focus-mode .card-column{max-width:760px;margin:auto}body.focus-mode .card-stage{height:calc(100dvh - 118px);min-height:0;aspect-ratio:auto}body.focus-mode .interaction-hint{margin:0 0 7px}body.focus-mode .replay-button{margin-top:9px}.frame-study{max-width:370px;margin-top:22px}.frame-study>label{display:block;margin-bottom:9px;color:#a7b79d}.frame-study .input-row input{max-width:105px}.frame-study button{padding:8px 15px;font-size:10px}.card-error .fallback-art{display:block;max-width:80%;max-height:60%;object-fit:contain;border:1px solid #c5b87988;border-radius:6px}.card-error h2{font-size:16px;margin:0 0 12px}.card-error p{font-size:10px;margin:12px 0}.card-error .primary-button{padding:9px 14px;font-size:10px}.card-toolbar button{min-height:44px}.time-options button{min-height:36px}.frame-study select{background:#142c23;border:1px solid #b3c1ad30;border-radius:5px;padding:9px;color:inherit;min-width:80px}body[data-phase=night]{background:radial-gradient(ellipse at 45% 35%,#192b433d,transparent 60%),linear-gradient(115deg,#08131e,#070f17 65%,#10202b);transition:background-color 2s}