:root{color:#f4f2ec;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#f4f2ec;--ink-soft:#f4f2ec94;--ink-dim:#f4f2ec5c;--ground:#070910;--panel:#111524c7;--line:#f4f2ec24;--cyan:#71e0d2;--coral:#ff8e78;--violet:#9f8cff;background:#070910;font-family:ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--ground);min-width:320px;overflow:hidden}button{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.app{isolation:isolate;background:radial-gradient(110% 72% at 12% -4%,#3977913b,#0000 54%),radial-gradient(92% 65% at 100% 105%,#72418c38,#0000 58%),linear-gradient(158deg,#0a1020 0%,#070910 52%,#0b0915 100%);flex-direction:column;width:100%;height:100dvh;min-height:100dvh;display:flex;position:relative;overflow:hidden}.app:before{z-index:-1;content:"";opacity:.16;pointer-events:none;background-image:radial-gradient(#fff6 .6px,#0000 .7px);background-size:7px 7px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000 22% 78%,#0000);mask-image:linear-gradient(#0000,#000 22% 78%,#0000)}.topbar{min-height:72px;padding:calc(env(safe-area-inset-top) + 12px) 18px 10px;z-index:20;flex:none;justify-content:space-between;align-items:center;display:flex}.brand-lockup{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{border:1px solid #71e0d285;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;display:grid;position:relative;transform:rotate(-10deg)}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";background:var(--cyan);border-radius:50%;width:5px;height:5px;display:block;position:absolute;box-shadow:0 0 12px #71e0d2cc}.brand-mark:before{top:8px;left:6px}.brand-mark:after{background:var(--coral);bottom:7px;right:5px;box-shadow:0 0 12px #ff8e78cc}.brand-mark span{background:var(--violet);width:4px;height:4px;bottom:5px;left:12px;box-shadow:0 0 12px #9f8cffcc}.brand-name,.brand-subtitle,.section-kicker,.instruction-kicker,.instruction-note,.wall-peek p,.wall-tile-date,.wall-detail p,.seal-meta,.wall-empty p,.wall-empty span{margin:0}.brand-name{letter-spacing:.025em;font-size:15px;font-weight:800;line-height:1.1}.brand-subtitle{color:var(--ink-dim);letter-spacing:.12em;text-transform:uppercase;margin-top:3px;font-size:9px;font-weight:700}.wall-button,.icon-button{min-width:50px;min-height:48px;color:var(--ink-soft);cursor:pointer;background:#ffffff0e;border:1px solid #f4f2ec29;border-radius:15px;justify-content:center;align-items:center;gap:7px;padding:0 11px;transition:background .16s,color .16s,transform .16s;display:inline-flex}.wall-button:active,.icon-button:active,.primary-button:active,.quiet-button:active,.wall-tile:active{transform:scale(.96)}.wall-button:hover,.icon-button:hover{color:var(--ink);background:#ffffff1a}.wall-button-stacks{width:19px;height:17px;display:inline-block;position:relative}.wall-button-stacks i{border:1px solid;border-radius:3px;width:15px;height:11px;display:block;position:absolute;transform:rotate(-8deg)}.wall-button-stacks i:first-child{opacity:.45;top:0;left:3px}.wall-button-stacks i:nth-child(2){opacity:.7;top:3px;left:1px}.wall-button-stacks i:nth-child(3){top:6px;left:0}.icon-button{width:50px;padding:0;font-size:22px;line-height:1}.ritual,.wall-view,.seal-screen{flex:auto;min-height:0;position:relative;overflow:hidden}.ritual{isolation:isolate}.ambient{z-index:-1;filter:blur(40px);opacity:.26;pointer-events:none;border-radius:50%;width:240px;height:240px;animation:8s ease-in-out infinite alternate drift;position:absolute}.ambient-a{background:#349fb266;top:22%;left:-80px}.ambient-b{background:#a057af6b;animation-delay:-3.5s;bottom:10%;right:-80px}.instruction{z-index:4;text-align:center;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:21px;left:18px;right:18px}.instruction-kicker,.section-kicker{color:var(--ink-dim);letter-spacing:.22em;text-transform:uppercase;font-size:10px;font-weight:800;line-height:1.2}.instruction h1,.wall-heading h1,.seal-screen h1{color:var(--ink);letter-spacing:-.055em;margin:10px 0 0;font-size:clamp(30px,8.7vw,38px);font-weight:800;line-height:1.08}.instruction h1 em{color:var(--cyan);font-style:normal}.instruction-note{min-height:15px;color:var(--ink-soft);letter-spacing:.03em;margin-top:11px;font-size:12px;font-weight:600}.bloom-layer{--bloom-progress:0;--bloom-scale:.35;--bloom-alpha:.1;--bloom-blur:20px;--bloom-ring-alpha:.12;--bloom-ring-scale:.72;--bloom-inner-scale:.62;--bloom-spark-alpha:.25;z-index:1;pointer-events:none;width:172px;height:172px;transition:opacity .26s,filter .26s;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.bloom-core,.bloom-ring,.bloom-spark{pointer-events:none;position:absolute}.bloom-core{opacity:var(--bloom-alpha);transform:scale(var(--bloom-scale));filter:blur(var(--bloom-blur));background:radial-gradient(circle at 32% 33%,#fff1c7e6,#0000 19%),radial-gradient(circle at 68% 66%,#ff7488e6,#0000 34%),radial-gradient(circle,#59e0d2db,#715eddb8 43%,#0000 71%);border-radius:50%;transition:opacity .18s,transform .18s,filter .18s;top:0;bottom:0;left:0;right:0}.bloom-ring{opacity:var(--bloom-ring-alpha);transform:scale(var(--bloom-ring-scale));border:1px solid #bef7eb99;border-radius:50%;transition:opacity .18s,transform .18s;top:24px;bottom:24px;left:24px;right:24px}.bloom-ring-a{border-style:dashed;animation:9s linear infinite orbit}.bloom-ring-b{transform:scale(var(--bloom-inner-scale));border-color:#ffac93b8;animation:6s linear infinite orbit-reverse;top:42px;bottom:42px;left:42px;right:42px}.bloom-spark{width:6px;height:6px;opacity:var(--bloom-spark-alpha);background:#fff5d1;border-radius:50%;box-shadow:0 0 12px #fff5d1e6}.spark-one{top:25px;left:36px}.spark-two{background:#ffac93;width:4px;height:4px;bottom:42px;right:23px}.spark-three{background:#9f8cff;width:3px;height:3px;top:52px;right:35px}.pad{z-index:6;width:132px;height:154px;color:var(--ink);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute}.pad-left{bottom:11%;left:5%;transform:rotate(-10deg)}.pad-right{top:18%;right:5%;transform:rotate(10deg)}.pad-shell{background:radial-gradient(circle at 33% 26%,#a4ffee45,#0000 24%),radial-gradient(circle at 58% 66%,#47a8b730,#0000 44%),#153643c2;border:1px solid #7ee2d766;border-radius:46% 54% 52% 48%/40% 48% 52% 60%;place-items:center;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:grid;position:absolute;top:4px;bottom:4px;left:4px;right:4px;overflow:hidden;box-shadow:inset 0 0 24px #5de8d31a,0 12px 34px #0000004d,0 0 0 8px #71e0d208}.pad-right .pad-shell{background:radial-gradient(circle at 66% 24%,#ffebb947,#0000 24%),radial-gradient(circle at 40% 68%,#cb587736,#0000 48%),#3c1d2fc2;border-color:#ff9d8975;box-shadow:inset 0 0 24px #ff8e781c,0 12px 34px #0000004d,0 0 0 8px #ff8e7808}.pad-center{border:1px solid #c2fff28c;border-radius:50%;width:46px;height:46px;position:absolute;box-shadow:0 0 22px #71e0d24d}.pad-right .pad-center{border-color:#ffdabd94;box-shadow:0 0 22px #ff8e7847}.pad-cross:before,.pad-cross:after{content:"";background:#e2fff7b8;width:1px;height:16px;display:block;position:absolute}.pad-cross:after{width:16px;height:1px}.pad-right .pad-cross:before,.pad-right .pad-cross:after{background:#ffebd7b8}.pad-word{color:#f4f2ec6b;letter-spacing:.24em;text-transform:uppercase;font-size:9px;font-weight:800;position:absolute;bottom:17px}.pad--active .pad-shell{background:radial-gradient(circle at 38% 34%,#fff8d6d9,#0000 18%),radial-gradient(circle,#50e2d0b3,#153643db 58%);border-color:#ddfff6f2;transform:scale(.94);box-shadow:inset 0 0 34px #69ffe75c,0 0 0 12px #69f5e014,0 0 34px #5be6d347}.pad-right.pad--active .pad-shell{background:radial-gradient(circle at 62% 30%,#fff8d6e0,#0000 18%),radial-gradient(circle,#ea6f82b8,#3c1d2fdb 58%);border-color:#fff6dff2;box-shadow:inset 0 0 34px #ff9b8461,0 0 0 12px #ff8e7814,0 0 34px #ff8e7847}.pad--locked .pad-shell{border-color:#fff4bffa;box-shadow:inset 0 0 38px #ffd16a52,0 0 0 13px #ffd16a1a,0 0 34px #ffd16a40}.wall-peek{z-index:4;pointer-events:none;background:#0b0f1bad;border:1px solid #f4f2ec1c;border-radius:14px;min-height:50px;padding:10px 13px 9px;position:absolute;bottom:21px;left:22px;right:22px}.peek-line{color:var(--ink-soft);letter-spacing:.2em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;display:flex}.peek-line span:last-child{color:#71e0d2b8;letter-spacing:.1em}.wall-peek p{color:var(--ink-dim);margin-top:4px;font-size:11px}.memory-note{color:#ffdc90b3;text-align:center;font-size:9px;position:absolute;bottom:4px;left:0;right:0}.seal-screen{text-align:center;background:radial-gradient(circle at 50% 43%,#71e0d217,#0000 34%);flex-direction:column;justify-content:center;align-items:center;gap:0;padding:12px 20px 28px;display:flex}.seal-screen .section-kicker{color:var(--cyan)}.hero-mark{filter:drop-shadow(0 20px 25px #0006);margin:16px 0 8px;animation:.72s cubic-bezier(.2,1.3,.4,1) both seal-arrive}.seal-screen h1{letter-spacing:-.045em;margin-top:0;font-size:28px}.seal-meta{color:var(--ink-soft);gap:9px;margin-top:9px;font-size:12px;display:flex}.seal-meta span+span:before{color:var(--ink-dim);content:"·";margin-right:9px}.seal-actions{flex-direction:column;align-items:center;gap:5px;width:min(100%,230px);margin-top:25px;display:flex}.primary-button,.quiet-button{cursor:pointer;border-radius:15px;width:100%;min-height:50px}.primary-button{color:#071113;letter-spacing:.04em;background:linear-gradient(135deg,#a8f8e5,#75ded2);border:1px solid #b1fff057;font-size:13px;font-weight:800;box-shadow:0 9px 24px #4ed3c029}.quiet-button{color:var(--ink-soft);background:0 0;border:1px solid #0000;font-size:12px}.seal-flash{opacity:0;pointer-events:none;background:#fff4d0;border-radius:50%;width:18px;height:18px;animation:.6s ease-out both flash;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)scale(0);box-shadow:0 0 0 30px #71e0d22e,0 0 70px 32px #ff8e7833}.mark-art{display:block;overflow:visible}.wall-view{padding:7px 18px calc(env(safe-area-inset-bottom) + 12px);flex-direction:column;display:flex}.wall-heading{flex:none;justify-content:space-between;align-items:end;padding:0 2px 15px;display:flex}.wall-heading h1{margin-top:6px;font-size:clamp(27px,7.8vw,34px);line-height:1.1}.wall-total{color:var(--cyan);letter-spacing:.08em;padding-bottom:5px;font-size:11px;font-weight:800}.wall-scroll{overscroll-behavior:contain;scrollbar-color:#f4f2ec40 transparent;scrollbar-width:thin;flex:auto;min-height:0;padding:2px 1px 15px;overflow:auto}.wall-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;display:grid}.wall-tile{cursor:pointer;background:linear-gradient(160deg,#ffffff13,#ffffff06);border:1px solid #f4f2ec24;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:124px;padding:9px 4px 8px;transition:border-color .16s,background .16s,transform .16s;display:flex}.wall-tile:hover{background:#71e0d214;border-color:#71e0d28c}.wall-tile-date{max-width:100%;color:var(--ink-dim);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:9px;font-weight:700;overflow:hidden}.wall-empty{min-height:310px;color:var(--ink-dim);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-orbit{border:1px dashed #71e0d275;border-radius:50%;width:82px;height:82px;margin-bottom:23px;animation:11s linear infinite orbit;display:block;box-shadow:0 0 0 14px #71e0d208,0 0 34px #71e0d21a}.wall-empty p{color:var(--ink-soft);font-size:16px;font-weight:800}.wall-empty span{margin-top:7px;font-size:11px}.wall-detail{min-height:70px;color:var(--ink-dim);background:#ffffff09;border:1px solid #f4f2ec1a;border-radius:15px;flex:none;align-items:center;gap:11px;padding:8px 12px;font-size:11px;display:flex}.wall-detail--visible{color:var(--ink-soft);background:#71e0d20f;border-color:#71e0d24d}.wall-detail strong{color:var(--ink);font-size:11px;display:block}.wall-detail p{margin-top:4px;font-size:10px}.ritual--both-down-early .instruction,.ritual--both-down-late .instruction,.ritual--fallback .instruction{opacity:.78}.ritual--both-down-early .wall-peek,.ritual--both-down-late .wall-peek,.ritual--fallback .wall-peek{opacity:.34}.ritual--both-down-late .bloom-layer{opacity:1}@keyframes drift{0%{transform:translateY(-10px)scale(.92)}to{transform:translateY(14px)scale(1.08)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes orbit-reverse{to{transform:rotate(-360deg)}}@keyframes seal-arrive{0%{opacity:0;transform:scale(.55)rotate(-18deg)}55%{opacity:1;transform:scale(1.08)rotate(4deg)}to{opacity:1;transform:scale(1)rotate(0)}}@keyframes flash{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}23%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(14)}}@media (max-height:650px){.topbar{min-height:62px;padding-top:calc(env(safe-area-inset-top) + 7px)}.instruction{top:10px}.instruction h1{margin-top:5px;font-size:28px}.instruction-note{margin-top:6px}.pad{width:112px;height:132px}.pad-left{bottom:12%}.pad-right{top:23%}.pad-word{bottom:13px}.wall-peek{bottom:10px}.hero-mark{width:190px;height:190px;margin-top:8px}.seal-actions{margin-top:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}