/* OD-LAYOUT-PRIMITIVES v1 */
@layer od-layout {
[hidden]:not([hidden="until-found" i]){display:none!important}dialog:not([open]){display:none!important}
:where(.od-stack,.od-row,.od-row-top,.od-cluster,.od-grid,.od-field,.od-stat,.od-cell,.od-tile)>:where(*){min-width:0}
.od-stack{display:flex;flex-direction:column;gap:var(--od-gap,8px)}.od-row{display:flex;align-items:center;gap:var(--od-gap,8px)}.od-row-top{display:flex;align-items:flex-start;gap:var(--od-gap,8px)}.od-cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--od-gap,8px)}.od-fill{flex:1 1 0;min-width:0}.od-fixed{flex:none}.od-grid{display:grid;gap:var(--od-gap,12px);grid-template-columns:repeat(var(--od-cols,3),minmax(0,1fr))}
.od-stat,.od-field,.od-cell{display:grid;gap:var(--od-gap,2px)}:where(.od-stat,.od-field,.od-cell)>:where(*){display:block}.od-tile{display:grid;grid-template-rows:auto 1fr}:where(.od-tile)>:where(*){display:block}
.od-media{display:block;width:100%;height:auto;aspect-ratio:var(--od-ratio,auto)}.od-media-cover{object-fit:cover}.od-icon{display:inline-block;inline-size:var(--od-icon-size,1em);block-size:var(--od-icon-size,1em);flex:none}
.od-truncate{display:block;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.od-clamp-2,.od-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.od-clamp-2{-webkit-line-clamp:2}.od-clamp-3{-webkit-line-clamp:3}.od-lines-2{min-height:calc(2 * 1.4em)}.od-nowrap{white-space:nowrap}.od-keep{word-break:keep-all;overflow-wrap:anywhere}
.od-screen{display:grid;grid-template-rows:auto minmax(0,1fr) auto;height:100%}.od-scroll{overflow-y:auto;overscroll-behavior:contain;min-height:0}.od-rail{display:flex;gap:var(--od-gap,8px);overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-inline:var(--od-rail-pad,16px);scroll-padding-inline:var(--od-rail-pad,16px)}.od-rail::-webkit-scrollbar{display:none}:where(.od-rail)>:where(*){flex:none;scroll-snap-align:start}:where(.od-rail)>:where(:last-child){margin-inline-end:var(--od-rail-pad,16px)}.od-spacer{flex:none;visibility:hidden;pointer-events:none}.od-touch{min-width:44px;min-height:44px}
}:root [hidden]:where(:not([hidden="until-found" i])){display:none}
/* /OD-LAYOUT-PRIMITIVES v1 */
@font-face{font-family:Space;src:url('../assets/space-grotesk-0.ttf');font-weight:500;font-display:swap}
@font-face{font-family:Space;src:url('../assets/space-grotesk-1.ttf');font-weight:700;font-display:swap}
@font-face{font-family:Manrope;src:url('../assets/font-3.ttf');font-weight:400;font-display:swap}
@font-face{font-family:Manrope;src:url('../assets/font-5.ttf');font-weight:600 800;font-display:swap}
:root{--bg:#080b10;--surface:#111720;--raised:#1a2330;--line:#2c3747;--text:#edf2f9;--muted:#9daabd;--subtle:#8290a4;--brass:#e3bb69;--brass-light:#f7d58e;--ink:#12151b;--error:#f2a68e;--good:#aabfab;--display:Space,Manrope,sans-serif;--body:Manrope,system-ui,sans-serif;--ease:cubic-bezier(.2,.7,.2,1);--radius:4px;--open-time:2350ms;--od-gap:8px}
*{box-sizing:border-box}html{color-scheme:dark;min-width:320px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 var(--body);min-height:100svh;display:flex;flex-direction:column;isolation:isolate}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit}button:disabled{cursor:wait;opacity:.5}button:hover:not(:disabled){color:var(--brass-light)}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--brass);outline-offset:5px}button svg{pointer-events:none}.od-icon{--od-icon-size:20px}h1,h2,h3,p{margin:0}button:where(.text-button,.nav-link,.icon-button,.footer-link,.profile-button){background:transparent}.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}
.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 37%,#617da51a 0,transparent 57%),linear-gradient(180deg,#0c1017,#080b10 80%)}.ambient:after{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");opacity:.045}
.topbar{min-height:80px;padding:16px 40px;gap:32px;position:relative;z-index:20;border-bottom:1px solid #b6d2ff0a;transition:opacity .5s}.brand{gap:12px;color:var(--text);text-decoration:none;flex:none}.brand-mark{color:var(--brass);flex:none}.brand>span{font:700 20px/1 var(--display);letter-spacing:2px}.main-nav{margin-left:auto;gap:24px}.nav-link{font-size:12px;color:var(--muted);min-height:44px;white-space:nowrap;padding:8px 0}.nav-link.active{color:var(--text)}.nav-count{display:inline-flex;min-width:20px;height:20px;align-items:center;justify-content:center;margin-left:8px;font-size:10px;border:1px solid var(--line);border-radius:3px}.header-actions{gap:24px}.profile-button{min-height:44px;padding:0;display:flex;align-items:center;justify-content:center}.avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;border:1px solid #56657b;border-radius:50%;background:#1a2432;color:#e2eaf6;font:500 12px var(--display)}.avatar.small{display:none}.sound-control{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0;background:transparent;color:var(--muted);font-size:11px;white-space:nowrap}.sound-icon{display:flex}.sound-control[aria-pressed="true"]{color:var(--brass)}.sound-control[aria-pressed="true"] .sound-label{display:none}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;color:var(--muted);border-radius:4px}#main{flex:1;min-width:0}.scene-view{min-height:calc(100svh - 140px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 24px 24px;position:relative;transition:opacity .8s,filter .8s,transform .9s var(--ease)}.scene-intro{text-align:center;min-height:16px}#today-date{font:500 11px/1.5 var(--display);letter-spacing:3px;color:#acb9cb}.state-title{font:500 24px/1.3 var(--display);margin-top:16px}.giver-switch{gap:8px;margin-top:12px}.giver-switch select{border:0;background:transparent;color:#b0bdce;font:500 10px var(--display);letter-spacing:1.6px;text-transform:uppercase;padding:8px 12px;max-width:290px;min-height:36px;cursor:pointer}.giver-switch option{background:var(--surface);font-family:var(--body);color:var(--text);text-transform:none}.availability-dot{height:4px;width:4px;border-radius:50%;background:var(--brass);box-shadow:0 0 8px #e3bb6944}.stage-shell{width:100%;display:flex;align-items:center;justify-content:center;perspective:1600px}.vault-stage{width:min(660px,70svh,90vw);aspect-ratio:600/540;position:relative;perspective:1400px;isolation:isolate;flex:none;transform-origin:50% 50%;transition:transform 1800ms cubic-bezier(.18,.5,.25,1),opacity 600ms;will-change:transform}.vault-frame{position:absolute;inset:0;display:block;width:100%;height:auto;z-index:2;pointer-events:none}.floor-shadow{position:absolute;left:7%;bottom:1%;width:84%;height:12%;background:radial-gradient(ellipse,#000f,transparent 70%);filter:blur(8px)}.cavity{position:absolute;left:21%;top:18%;width:55%;height:58%;display:flex;align-items:center;justify-content:center;z-index:3;opacity:0;transition:opacity 350ms;pointer-events:none}.cavity-lines{position:absolute;inset:20%;border:1px solid #b6c7e21a;border-radius:50%;background:radial-gradient(circle,#c3daf419,transparent 70%)}.interior-glow{position:absolute;left:15%;top:8%;width:69%;height:79%;border-radius:50%;background:radial-gradient(ellipse,#dceaff70,transparent 66%);opacity:0;z-index:3;pointer-events:none;transition:opacity 1600ms}.light-spill{position:absolute;left:5%;top:42%;width:92%;height:60%;z-index:1;background:radial-gradient(ellipse at top,#aacbff30,transparent 67%);opacity:0;transition:opacity 1700ms;pointer-events:none}.aperture-ring{position:absolute;left:18%;top:12%;width:62%;aspect-ratio:1;border:1px solid #cce2ff1a;border-radius:50%;z-index:4;pointer-events:none;opacity:0;transition:opacity 800ms;box-shadow:0 0 36px #b9d7ff20}.vault-door{position:absolute;left:16.3%;top:10.4%;width:64.9%;aspect-ratio:1;z-index:5;transform-style:preserve-3d;transform-origin:4% 50%;transition:transform var(--open-time) cubic-bezier(.47,.03,.22,1);will-change:transform}.door-face{position:absolute;inset:0;display:block;width:100%;height:auto;transform:translateZ(2px);backface-visibility:hidden;filter:drop-shadow(6px 10px 7px #000b)}.door-thickness{position:absolute;inset:1%;border-radius:50%;background:linear-gradient(90deg,#688098,#111b2c 30%,#080f1b 75%,#758ca4);transform:translateZ(-24px);box-shadow:0 0 0 4px #030913,10px 8px 15px #000c}.door-back{position:absolute;inset:2%;border-radius:50%;background:radial-gradient(circle at 30% 20%,#475b72,#132137 72%);border:12px solid #32465f;box-shadow:inset 0 0 0 3px #081321,inset 0 0 35px #000a;transform:translateZ(-26px) rotateY(180deg);backface-visibility:hidden}.door-back:after{content:'';position:absolute;inset:15%;border:1px solid #8da5c34d;border-radius:50%}.door-back i{position:absolute;left:12%;top:44%;width:76%;height:12%;border-radius:3px;background:linear-gradient(#a5bbd1,#3c536d 35%,#101e31 85%);border:2px solid #061322;box-shadow:0 5px 8px #000a}.door-back i+i{transform:rotate(90deg)}.vault-wheel{position:absolute;left:22.8%;top:22.4%;width:53%;height:auto;z-index:5;transform:translateZ(5px) rotate(0);backface-visibility:hidden;transition:transform 1500ms cubic-bezier(.48,.02,.22,1);will-change:transform}.door-indicator{position:absolute;left:47%;top:76.8%;width:7%;height:2px;background:#4b5e77;z-index:6;transform:translateZ(3px);backface-visibility:hidden;transition:background .3s,box-shadow .3s}.door-reflection{position:absolute;inset:2%;border-radius:50%;background:linear-gradient(120deg,transparent 24%,#d7e8ff20 34%,transparent 41%);transform:translateZ(4px);backface-visibility:hidden;opacity:.4;transition:transform 1800ms,opacity 2s;pointer-events:none}.bolt{position:absolute;background:linear-gradient(90deg,#122137,#b1c4d9 40%,#5c7391 55%,#172941);border:1px solid #020711;z-index:-1;border-radius:2px;transition:transform 520ms cubic-bezier(.3,.02,.16,1);box-shadow:2px 3px 5px #000c}.bolt-top{width:13%;height:10%;left:44%;top:-3%}.bolt-bottom{width:13%;height:10%;left:44%;bottom:-3%}.bolt-right{width:10%;height:13%;right:-3%;top:44%}.dust{position:absolute;inset:0;z-index:8;pointer-events:none}.dust i{position:absolute;width:1px;height:1px;background:#c1dbff;opacity:.15;border-radius:50%;animation:drift 15s ease-in-out infinite}.dust i:nth-child(1){left:12%;top:20%}.dust i:nth-child(2){left:85%;top:34%;animation-delay:-3s}.dust i:nth-child(3){left:20%;top:65%;animation-delay:-7s}.dust i:nth-child(4){left:75%;top:76%;animation-delay:-5s}.dust i:nth-child(5){left:48%;top:7%;animation-delay:-2s}.dust i:nth-child(6){left:4%;top:44%;animation-delay:-9s}.dust i:nth-child(7){left:94%;top:63%;animation-delay:-11s}.dust i:nth-child(8){left:66%;top:92%;animation-delay:-4s}
.ritual-controls{width:min(100%,440px);margin-top:0}.field-caption{display:block;color:var(--subtle);font-size:9px;letter-spacing:2px;font-weight:600;margin-bottom:10px}.unlock-row{gap:0;align-items:stretch;border:1px solid #3b4b60;border-radius:5px;background:linear-gradient(150deg,#16202d,#101722);box-shadow:inset 0 1px #cfe5ff0a,0 12px 32px #0004;transition:border-color .2s,box-shadow .2s}.unlock-row:focus-within{border-color:#b7c9df;box-shadow:0 0 28px #b2d1ff0d}.sesame-input{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding-left:16px}.input-icon{display:flex;color:#8298b5}.sesame-input input{display:block;width:100%;min-width:0;height:56px;border:0;outline:0;background:none;color:var(--text);font-size:16px;padding:8px 0}.sesame-input input::placeholder{font-size:12px;color:#8c9db3}.reveal-button{width:40px;height:56px}.reveal-button .od-icon{--od-icon-size:16px}.unlock-row>.button{min-height:48px;margin:4px;padding:12px 20px;border-radius:3px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--line);border-radius:4px;min-height:48px;padding:12px 24px;font:500 13px/1.5 var(--display);color:var(--text);text-decoration:none;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}.button.brass{background:var(--brass);color:var(--ink);border-color:#f5d38f;box-shadow:inset 0 1px #fff4d633,0 4px 18px #0004}.button.brass:hover:not(:disabled){background:#f4d28d;color:#090e16;box-shadow:0 0 22px #e3bb6922}.button.secondary{background:#1b2736;color:var(--text)}.button.danger{background:#2b1c1b;border-color:#824c42;color:#f3b19a}.button .od-icon{--od-icon-size:16px}.field-error{color:var(--error);font-size:12px;margin-top:12px}.text-button{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:4px 0;font-size:12px;color:var(--muted)}.site-footer{min-height:60px;justify-content:space-between;padding:8px 40px;gap:20px;transition:opacity .5s}.demo-badge{display:inline-flex;align-items:center;gap:6px;min-height:32px;background:none;color:#879ab3;font-size:9px;border:0;padding:4px 0}.demo-dot{width:3px;height:3px;border-radius:50%;background:var(--brass)}.scene-view>.reveal-note{display:none}.experience-controls{text-align:center;min-height:76px;margin-top:12px;width:100%;max-width:500px}.experience-controls>p{font:500 15px var(--display);color:#dce5f1;margin-bottom:12px}.experience-controls .od-cluster{justify-content:center}.experience-controls .status-note{display:block;flex-basis:100%;font-size:11px;color:var(--muted)}.particles{pointer-events:none}.noscript{padding:20px;text-align:center}
.vault-stage[data-state="checking"] .door-indicator{animation:signal .5s ease-in-out infinite alternate}.vault-stage[data-state="anticipation"]{transform:scale(.993)}.vault-stage[data-state="anticipation"] .door-indicator{background:var(--brass);box-shadow:0 0 12px #e3bb69}.vault-stage:is([data-state="wheel"],[data-state="bolts"],[data-state="opening"],[data-state="revealed"],[data-state="viewing"],[data-state="destroying"]) .vault-wheel{transform:translateZ(5px) rotate(166deg)}.vault-stage:is([data-state="wheel"],[data-state="bolts"],[data-state="opening"],[data-state="revealed"],[data-state="viewing"]) .door-indicator{background:#f4cf80;box-shadow:0 0 14px #efbd55}.vault-stage:is([data-state="bolts"],[data-state="opening"],[data-state="revealed"],[data-state="viewing"],[data-state="destroying"]) .bolt-top{transform:translateY(90%)}.vault-stage:is([data-state="bolts"],[data-state="opening"],[data-state="revealed"],[data-state="viewing"],[data-state="destroying"]) .bolt-bottom{transform:translateY(-90%)}.vault-stage:is([data-state="bolts"],[data-state="opening"],[data-state="revealed"],[data-state="viewing"],[data-state="destroying"]) .bolt-right{transform:translateX(-90%)}.vault-stage[data-state="bolts"]{animation:engage .4s ease-out}.vault-stage:is([data-state="opening"],[data-state="revealed"],[data-state="viewing"],[data-state="destroying"]) .vault-door{transform:rotateY(-108deg)}.vault-stage:is([data-state="opening"],[data-state="revealed"],[data-state="viewing"],[data-state="destroying"]) :is(.interior-glow,.light-spill,.aperture-ring,.cavity){opacity:1}.vault-stage[data-state="opening"]{transform:scale(1.075) translateY(1%)}.vault-stage:is([data-state="revealed"],[data-state="viewing"]) .door-reflection{opacity:0;transform:translateZ(4px) rotate(40deg)}.vault-stage[data-state="closing"] .vault-door{transition-duration:850ms}.vault-stage[data-state="refused"],.invalid{animation:refuse .38s ease}.vault-stage[data-state="consumed"] .door-indicator{background:#405268}.body-immersive .scene-view{transform:scale(.94);filter:blur(5px);opacity:.4;pointer-events:none}.body-immersive>.topbar,.body-immersive>.site-footer{opacity:0;pointer-events:none}.body-immersive{overflow:hidden}
@keyframes drift{50%{transform:translate3d(10px,-25px,0);opacity:.4}}@keyframes signal{to{background:var(--brass);box-shadow:0 0 12px #e3bb6966}}@keyframes engage{30%{transform:translateY(1px) scale(1.006)}70%{transform:translateY(-1px)}}@keyframes refuse{20%,60%{transform:translateX(-4px)}40%,80%{transform:translateX(4px)}}
.viewer{position:fixed;inset:0;z-index:80;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:24px 32px;background:#030609f2;isolation:isolate;overflow:hidden;opacity:0;transition:opacity 500ms;--media-ratio:1.5}.viewer.visible{opacity:1}.viewer-backdrop{position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover;filter:blur(64px);opacity:.17;transform:scale(1.13);transition:opacity 600ms;pointer-events:none}.viewer-haze{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,transparent 20%,#030609aa);pointer-events:none}.viewer-header{min-height:56px;justify-content:space-between;gap:16px;position:relative;z-index:4}.viewer-identity{gap:2px}#viewer-giver{font:500 12px var(--display);letter-spacing:1.5px;text-transform:uppercase}#viewer-kind{font-size:9px;letter-spacing:1px;color:#899ab0}.viewer-header>.od-row{gap:24px}.viewer-sound{width:44px;justify-content:center}.timer{font:500 13px var(--display);font-variant-numeric:tabular-nums;letter-spacing:2px;color:#c9d6e8}.timer:empty{display:none}.viewer-media{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;padding:16px 0;position:relative;perspective:1600px}.media-card{position:relative;display:block;flex:none;width:min(100%,calc((100svh - 220px) * var(--media-ratio)));max-width:1600px;transform-origin:center;will-change:transform,opacity;box-shadow:0 24px 100px #000b;border-radius:3px}.media-card img{display:block;width:100%;height:auto;object-fit:contain;border-radius:3px}.media-card video{display:block;width:100%;height:auto;aspect-ratio:var(--media-ratio);object-fit:contain;background:#000;border-radius:3px}.media-card.is-link{width:min(100%,760px);min-height:min(440px,52svh);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:24px;background:radial-gradient(ellipse at 50% 0,#3f5a7b30,transparent 70%),#101822;border:1px solid #445b78}.link-art{width:80px;height:80px;display:grid;place-items:center;border:1px solid #566f91;border-radius:50%;color:var(--brass);box-shadow:0 0 48px #b3d4ff0c}.link-art .od-icon{--od-icon-size:28px}.link-title{font:500 clamp(24px,3vw,42px)/1.2 var(--display);text-align:center;text-wrap:balance;overflow-wrap:anywhere}.media-domain{font-size:13px;color:var(--muted);letter-spacing:.5px}.viewer-footer{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:12px;position:relative;z-index:4}.viewer-caption{max-width:65ch}#viewer-message{font-size:14px;line-height:1.5;color:#e0e8f3;text-wrap:balance}#viewer-status{font-size:10px;color:#8599b5;margin-top:6px}#viewer-status:empty{display:none}#viewer-actions{justify-content:end;flex:none;gap:16px}#viewer-actions .status-note{display:none}.viewer-flare{position:absolute;inset:0;background:radial-gradient(ellipse at center,#d8eaff30,transparent 58%);pointer-events:none;opacity:0;z-index:3}.viewer.emerging .viewer-flare{animation:flare 1100ms ease-out}.viewer.destroying .viewer-flare{animation:destroy-light 2200ms ease-out}.viewer.destroying :is(.viewer-header,.viewer-footer){opacity:0;transition:opacity 250ms}.viewer.receding{opacity:0;pointer-events:none;transition:opacity 650ms}.viewer.error .viewer-media{min-height:40svh}.media-error{padding:32px;max-width:480px;text-align:center;box-shadow:none}.media-error p{font-size:16px;color:var(--muted)}.destruction-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}.viewer-media .media-card.resting{animation:media-arrive 6s cubic-bezier(.2,.6,.2,1) both}.viewer[data-kind="video"] .media-card.resting{animation:none}@keyframes media-arrive{from{transform:scale(.975)}to{transform:scale(1)}}@keyframes flare{10%{opacity:.65}100%{opacity:0}}@keyframes destroy-light{20%{opacity:.7}100%{opacity:0}}

.page-view{width:min(1120px,100%);margin:0 auto;padding:48px 32px 64px}.page-heading{justify-content:space-between;align-items:end;margin-bottom:32px;gap:24px}.page-heading h1{font:500 44px/1.2 var(--display);margin:8px 0}.page-heading p{font-size:13px;color:var(--muted)}.eyebrow.plain{justify-content:flex-start}.tabs{border-bottom:1px solid var(--line);gap:24px;margin-bottom:24px}.tab{background:none;color:var(--muted);font-size:12px;min-height:48px;padding:0 0 12px;position:relative}.tab.active{color:var(--brass)}.tab.active:after{content:'';height:2px;position:absolute;left:0;right:0;bottom:-1px;background:var(--brass)}.stats-strip{display:grid;grid-template-columns:repeat(3,1fr);padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:32px;gap:24px}.stats-strip strong{font:500 32px/1 var(--display)}.stats-strip span{font-size:10px;color:var(--muted);margin-top:8px}.vault-list{display:grid;gap:16px}.vault-list-card{display:grid;grid-template-columns:112px 1fr auto;align-items:center;gap:24px;padding:20px;border:1px solid var(--line);border-radius:8px;background:#181b17b0}.vault-thumb{aspect-ratio:1.4;display:flex;align-items:center;justify-content:center;border:1px solid #4d4d3a;background:#22251d;border-radius:4px;color:var(--brass)}.vault-thumb img{display:block;width:100%;height:auto;max-height:90px;object-fit:contain}.vault-thumb .od-icon{--od-icon-size:32px}.vault-list-card h2{font:500 26px/1.3 var(--display);overflow-wrap:anywhere}.vault-list-card p{font-size:11px;color:var(--muted);margin-top:8px}.pill{display:inline-flex;border:1px solid #58614366;padding:3px 8px;border-radius:4px;color:#bbc5a8;font-size:9px;line-height:1.5;white-space:nowrap}.pill.draft{color:var(--brass);border-color:#86714766}.card-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:end}.card-actions .button{min-height:40px;padding:8px 12px;font-size:11px}.empty-state{padding:64px 24px;text-align:center;border:1px dashed var(--line);border-radius:8px}.empty-state h2{font:32px var(--display);margin-bottom:12px}.empty-state p{color:var(--muted);font-size:13px;margin-bottom:24px}.editor-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:40px}.editor-form{display:grid;gap:28px}.form-section{border:1px solid var(--line);padding:24px;border-radius:8px;background:#171b16}.form-section h2{font:26px var(--display);margin-bottom:20px}.form-section h2 small{font:10px var(--body);color:var(--brass);margin-right:12px;letter-spacing:1px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{display:grid;gap:8px;margin-bottom:16px}.field:last-child{margin-bottom:0}.field>label,.field>legend{font-size:11px;color:#d0d3c5}.field input,.field select,.field textarea{width:100%;border:1px solid #424a38;background:#10150f;color:var(--text);border-radius:5px;min-height:44px;padding:10px 12px;font-size:12px}.field textarea{resize:vertical;min-height:88px}.helper{font-size:10px;color:var(--muted);line-height:1.7}.type-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.type-option{min-height:64px;background:#20261d;border:1px solid var(--line);border-radius:5px;font-size:11px;display:grid;place-content:center;justify-items:center;gap:8px}.type-option.active{color:var(--brass);border-color:var(--brass);background:#b19b5b0d}.drop-zone{border:1px dashed #5d664c;border-radius:6px;padding:24px 16px;display:grid;justify-items:center;gap:12px;text-align:center;background:#22291a44;cursor:pointer}.drop-zone input{font-size:11px;max-width:100%}.drop-zone .od-icon{--od-icon-size:28px;color:var(--brass)}.recipient-options{display:flex;flex-wrap:wrap;gap:8px}.recipient-choice{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:5px;min-height:44px;padding:8px 12px;font-size:12px;cursor:pointer}.recipient-choice:has(input:checked){border-color:var(--brass);color:var(--brass)}input[type=checkbox]{accent-color:var(--brass);width:16px;height:16px}.preview-panel{align-self:start;position:sticky;top:32px;border:1px solid var(--line);border-radius:8px;padding:24px;background:radial-gradient(ellipse at top,#b6a36b12,transparent 80%),#161a14}.preview-panel>h2{font-size:9px;letter-spacing:2px;color:var(--brass);font-weight:400;margin-bottom:24px}.preview-art{background:#10130e;border:1px solid #4d513d;min-height:200px;display:grid;place-items:center;padding:16px;margin-bottom:20px}.preview-art img,.preview-art video{width:100%;height:auto;max-height:280px;object-fit:contain}.preview-art .od-icon{--od-icon-size:44px;color:var(--brass)}.preview-panel h3{font:30px var(--display);overflow-wrap:anywhere}.preview-panel .preview-message{font:21px/1.4 var(--display);color:#c4c6b9;margin:12px 0;overflow-wrap:anywhere}.preview-panel .helper{margin-top:16px}.editor-footer{justify-content:space-between;margin-top:32px;padding-top:24px;border-top:1px solid var(--line);gap:12px}.editor-footer>div{gap:12px}.form-errors{padding:16px;border:1px solid #83574a;color:var(--error);font-size:12px;border-radius:4px;margin-bottom:24px}.upload-progress{width:100%;accent-color:var(--brass);height:6px}.upload-status{font-size:10px;color:var(--muted)}dialog{background:var(--surface);color:var(--text);border:1px solid #5c624b;box-shadow:0 24px 100px #000a;border-radius:12px;padding:32px;width:min(520px,calc(100% - 32px));max-height:88svh;overflow:auto}dialog::backdrop{background:#060a06c9;backdrop-filter:blur(6px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.modal-heading h2{font:32px/1.2 var(--display)}.modal-copy{font-size:13px;line-height:1.8;color:#bfc5b4}.modal-copy p{margin-bottom:16px}.modal-copy strong{color:var(--text);font-weight:600}.modal-copy ol{padding-left:20px}.modal-actions{display:flex;gap:12px;justify-content:end;margin-top:24px}.account-list{display:grid;gap:8px}.account-choice{background:#22281d;border:1px solid var(--line);padding:16px;border-radius:6px;display:flex;align-items:center;gap:12px;text-align:left}.account-choice.current{border-color:var(--brass)}.account-choice .account-label{display:block;font-size:13px}.account-choice .account-meta{display:block;color:var(--muted);font-size:10px}.demo-info{font-size:11px;color:var(--muted);padding:16px;border:1px solid var(--line);border-radius:5px;margin-top:16px}.demo-info strong{color:var(--brass)}.demo-tools{display:grid;gap:12px;margin:20px 0}.demo-tools label{display:flex;gap:12px;font-size:12px;align-items:center}.tracking-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:11px}.tracking-table th{text-align:left;font-size:9px;color:var(--muted);padding:10px 4px;font-weight:400}.tracking-table td{border-top:1px solid var(--line);padding:12px 4px}.tracking-table small{display:block;color:var(--muted);font-size:9px}.toast{position:fixed;z-index:100;left:50%;bottom:24px;transform:translateX(-50%);background:#30392a;border:1px solid #75835e;border-radius:6px;padding:14px 24px;box-shadow:0 8px 32px #0007;font-size:12px;max-width:calc(100% - 32px);text-align:center}.modal-image{display:block;width:100%;height:auto}.noscript{padding:32px;text-align:center}

.page-heading h1{font:500 36px/1.2 var(--display);letter-spacing:-1px}.page-heading p{font-size:14px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted)}.vault-list-card{background:#111923;border-color:var(--line);border-radius:4px}.vault-list-card h2{font:500 20px/1.4 var(--display);margin-top:8px}.vault-thumb{background:#182333;border-color:#3b506a}.form-section{background:#101823;border-radius:4px}.form-section h2{font:500 20px var(--display)}.field input,.field select,.field textarea{font-size:14px;background:#0a111b;border-color:#35465d;color:var(--text)}.field>label{color:#b6c4d8;font-size:12px}.helper{font-size:11px}.field textarea{line-height:1.6}.preview-panel{background:#101822;border-radius:4px}.preview-panel h3{font:500 24px/1.35 var(--display)}.preview-panel .preview-message{font:400 14px/1.6 var(--body)}.preview-art{background:#080e17;border-color:#344962}.drop-zone{background:#18273a44;border-color:#4d6587}.type-option{background:#182334;border-radius:4px}.type-option.active{background:#e3bb690a}.recipient-choice{font-size:13px}.account-choice{background:#182332;border-radius:4px}.account-choice .account-label{font-size:14px}.modal-heading h2{font:500 25px/1.3 var(--display)}dialog{border-color:#3c526e;border-radius:6px;z-index:100}.modal-copy{font-size:14px;color:#b7c5d9}.modal-copy li{margin-bottom:12px}dialog::backdrop{background:#03070ecf}.stats-strip strong{font:500 32px var(--display)}.tracking-table{font-size:12px}.toast{pointer-events:none;background:#182638;border-color:#4c6585;color:#e1ebf8;border-radius:4px;font-size:12px;z-index:120}.empty-state h2{font:500 25px var(--display)}.pill{color:#b4c7da;border-color:#465e77}.pill.draft{color:var(--brass)}
@media(min-width:1440px){.vault-stage{width:min(700px,73svh)}.scene-view{padding-top:16px}.topbar,.site-footer{padding-inline:56px}}
@media(max-height:780px) and (min-width:769px){.topbar{min-height:68px;padding-block:8px}.scene-view{min-height:calc(100svh - 116px);padding-block:12px}.vault-stage{width:min(630px,64svh)}.site-footer{min-height:48px}.giver-switch{margin-top:4px}.sesame-input input{height:48px}.reveal-button{height:48px}.unlock-row>.button{min-height:40px;padding-block:8px}.viewer{padding-block:12px}.media-card{width:min(100%,calc((100svh - 188px) * var(--media-ratio)))}}
@media(max-width:1024px){.topbar{padding-inline:24px;gap:24px}.header-actions{gap:16px}.vault-stage{width:min(660px,72svh,96vw)}.main-nav{gap:16px}.page-view{padding-inline:24px}.editor-layout{gap:24px}.site-footer{padding-inline:24px}.viewer{padding-inline:24px}}
@media(max-width:768px){.topbar{min-height:72px;padding:12px 20px;gap:16px}.brand{gap:8px}.brand-mark{width:24px;height:24px}.brand>span{font-size:16px;letter-spacing:1.5px}.nav-count{display:none}.nav-link{font-size:11px}.header-actions{gap:12px}.sound-control .sound-label{font-size:9px}.sound-control{gap:6px}.main-nav{margin-left:auto}.avatar{width:28px;height:28px;font-size:10px}.scene-view{min-height:calc(100svh - 128px);padding:16px 20px 24px}.vault-stage{width:min(620px,70svh,100vw)}.site-footer{min-height:56px;padding-inline:20px}.giver-switch select{font-size:9px}.ritual-controls{max-width:420px}.viewer{padding:16px 20px}.viewer-header{min-height:44px}.viewer-identity{gap:0}.viewer-header>.od-row{gap:12px}.viewer-media{padding:12px 0}.media-card{width:min(100%,calc((100svh - 232px) * var(--media-ratio)))}.viewer-footer{min-height:108px;gap:16px;align-items:start;flex-direction:column;padding-bottom:env(safe-area-inset-bottom,0px)}#viewer-message{font-size:13px}#viewer-actions{align-self:end}.media-card.is-link{padding:24px;min-height:45svh;gap:20px}.link-art{width:64px;height:64px}.page-view{padding:32px 20px 48px}.page-heading{flex-direction:column;align-items:start;gap:16px}.page-heading h1{font-size:32px}.editor-layout{grid-template-columns:1fr;gap:24px}.preview-panel{position:static;order:-1;padding:20px}.preview-art{min-height:96px;max-height:200px}.preview-art img,.preview-art video{max-height:160px;width:auto;max-width:100%}.vault-list-card{grid-template-columns:56px 1fr;gap:16px;padding:16px}.card-actions{grid-column:1/-1;justify-content:start}.form-section{padding:20px}.form-grid{grid-template-columns:1fr}.editor-footer{flex-direction:column;align-items:start;gap:16px}.editor-footer>div{flex-wrap:wrap}.stats-strip{gap:16px}.stats-strip strong{font-size:28px}.stats-strip span{font-size:9px}.toast{bottom:auto;top:80px}}
@media(max-width:480px){.main-nav{display:none}.header-actions{margin-left:auto;gap:12px}.topbar{min-height:64px;padding:8px 16px}.scene-view{min-height:calc(100svh - 112px);padding:12px 16px 24px}.vault-stage{width:min(100vw,64svh)}.site-footer{min-height:48px;padding-inline:16px}.site-footer .text-button{font-size:11px}#today-date{font-size:10px;letter-spacing:2px}.giver-switch{margin-top:4px}.giver-switch select{font-size:9px}.ritual-controls{width:100%;max-width:380px}.sesame-input{padding-left:12px;gap:8px}.sesame-input .input-icon{display:none}.sesame-input input{height:54px;font-size:16px}.sesame-input input::placeholder{font-size:11px}.reveal-button{width:36px;height:54px}.unlock-row>.button{padding-inline:16px;font-size:13px}.sound-control .sound-label{max-width:54px;white-space:normal;text-align:left;line-height:1.25}.viewer{padding:12px 16px}.viewer-media{padding-block:16px}.media-card{width:min(100%,calc((100svh - 240px) * var(--media-ratio)))}.viewer-footer{min-height:132px}.viewer-header>.od-row{gap:8px}.media-card.is-link{padding:24px 16px;gap:20px;min-height:42svh}.viewer-actions .button{min-height:44px}.state-title{font-size:21px}.page-heading h1{font-size:30px}.viewer-caption{max-width:100%}#viewer-message{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.dust{display:none}.body-immersive .scene-view{transform:none;filter:none}}
.motion-reduced *,.motion-reduced *:before,.motion-reduced *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.motion-reduced .dust{display:none}