:root{color:#17191c;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--visual-height:100dvh;background:#fafafa;font-family:Arial,Noto Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px}body{min-width:320px;margin:0}button,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{width:min(100%,1100px);min-height:100svh;padding:max(23px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));isolation:isolate;flex-direction:column;align-items:center;margin:0 auto;display:flex}.page-head{text-align:center;z-index:2;position:relative}.wordmark{color:#6f7379;letter-spacing:.32em;justify-content:center;align-items:center;gap:12px;font-size:10px;font-weight:700;line-height:1;display:flex}.wordmark-line{background:#cdd0d3;width:17px;height:1px}.page-head h1{letter-spacing:-.055em;margin:18px 0 5px;font-size:clamp(27px,2.65vw,36px);font-weight:500;line-height:1.13}.instruction{color:#5f6368;letter-spacing:.01em;cursor:text;font-size:13px;line-height:1.4;display:inline-block}.stage{background:radial-gradient(60% 61% at 50% 48%,#fff 0%,#fcfcfc 58%,#fafafa 100%);flex:none;width:min(100%,880px);height:clamp(430px,58dvh,600px);margin-top:7px;position:relative;overflow:hidden}.studio-canvas{pointer-events:none;inset:0;position:absolute!important}.ink-layer{z-index:3;aspect-ratio:5/7;height:77.7778%;transition:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ink-layer.ink-hidden{opacity:0;pointer-events:none}.ink-layer textarea{resize:none;color:#171717;caret-color:#22252a;letter-spacing:0;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;-webkit-appearance:none;background:0 0;border:0;border-radius:0;outline:0;width:100%;height:100%;margin:0;padding:8.4% 9.5%;font-family:Arial,Noto Sans,Segoe UI,sans-serif;font-weight:400;line-height:1.52;display:block;overflow:hidden}.ink-layer textarea::selection{color:#151719;background:#dce2e7}.ink-layer textarea:focus-visible{outline-offset:-7px;outline:1px solid #6170802b}.skip-button{z-index:5;color:#50565e;cursor:pointer;white-space:nowrap;background:#ffffffe6;border:1px solid #e1e3e6;border-radius:999px;min-height:38px;padding:8px 14px;font-size:11px;position:absolute;bottom:9px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #353a4214}.skip-button span{margin-left:7px;font-size:14px}.skip-button:hover{color:#17191c;border-color:#aeb6c0}.skip-button:focus-visible,.ritual-button:focus-visible{outline-offset:3px;outline:2px solid #496577}.under-stage{justify-content:center;align-items:center;width:min(100%,818px);min-height:26px;display:flex;position:relative}.choice-prompt{color:#73777d;letter-spacing:.045em;margin:0;font-size:11px;line-height:1.4}.character-count{color:#85898e;font-size:11px;position:absolute;right:0}.ritual-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;width:min(100%,818px);margin-top:5px;display:grid}.ritual-button{color:#23262a;text-align:left;cursor:pointer;background:linear-gradient(160deg,#fff 0% 62%,#f7f8f9 100%);border:1px solid #e4e6e9;border-bottom-color:#d4d8dc;border-radius:12px;align-items:center;gap:8px;min-width:0;height:65px;padding:14px 12px;transition:transform .17s cubic-bezier(.2,.7,.15,1),box-shadow .17s,border-color .17s;display:flex;position:relative;box-shadow:inset 0 1px #fff,0 3px #e3e5e8,0 10px 20px #2f374313}.ritual-button:hover{border-color:#cfd4d9;transform:translateY(-2px);box-shadow:inset 0 1px #fff,0 5px #e1e4e8,0 15px 24px #2f374317}.ritual-button:active{transform:translateY(2px);box-shadow:inset 0 1px 3px #282d3214,0 1px #e4e6e8,0 3px 8px #2f37430b}.ritual-button:disabled{opacity:.55;cursor:default;transform:translateY(1px);box-shadow:0 1px #e4e6e8}.ritual-index{color:#a4a8ae;letter-spacing:.03em;align-self:flex-start;font-size:9px;font-weight:700;line-height:1}.ritual-label{letter-spacing:-.015em;white-space:nowrap;font-size:11.5px;font-weight:600;line-height:1.25}.ritual-symbol{color:#969da3;font-size:15px;font-weight:300;line-height:1;position:absolute;bottom:12px;right:10px}.page-foot{color:#9a9da1;letter-spacing:.01em;justify-content:space-between;gap:12px;width:min(100%,818px);margin-top:auto;padding-top:20px;font-size:10px;line-height:1.4;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.fallback-stage{perspective:900px;pointer-events:none;position:absolute;inset:0}.fallback-sheet{aspect-ratio:5/7;transform-origin:50%;background:#fff;border:1px solid #eceef0;height:77.7778%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:2px 12px 27px #39404829,0 2px 5px #39404814}.fallback-ink{white-space:pre-wrap;overflow-wrap:break-word;padding:8.4% 9.5%;font-size:17px;line-height:1.52;display:block}.fallback-burn{animation:4.2s ease-in forwards fb-burn}.fallback-plane{animation:4.8s ease-in-out forwards fb-plane}.fallback-throw{animation:4s ease-in forwards fb-throw}.fallback-bin{animation:4.6s ease-in-out forwards fb-bin-paper}.fallback-toilet{animation:5.2s ease-in-out forwards fb-toilet-paper}.fallback-light{animation:4.1s ease-in-out forwards fb-light}.fallback-stage>.fallback-bin-prop{border:8px solid #e5e7e9;border-top:13px solid #dadddf;border-radius:7px 7px 28px 28px;width:85px;height:96px;animation:4.6s ease-in-out forwards fb-prop;position:absolute;top:62%;left:66%;box-shadow:7px 12px 15px #333b411a}.fallback-bowl{background:#eaf2f3;border:15px solid #e4e7e9;border-radius:50%;width:130px;height:94px;animation:5.2s ease-in-out forwards fb-bowl;position:absolute;top:60%;left:50%;transform:translate(-50%);box-shadow:7px 12px 15px #333b411c}.fallback-bowl:after{content:"";border:3px solid #c6dce1;border-radius:50%;animation:1.2s linear infinite fb-vortex;position:absolute;inset:14px}@keyframes fb-burn{0%,12%{clip-path:inset(0);transform:translate(-50%,-50%)}34%{filter:sepia(.5);clip-path:polygon(0 0,77% 0,100% 27%,100% 100%,0 100%)}78%{filter:sepia(.85);clip-path:polygon(0 75%,20% 63%,33% 84%,55% 74%,70% 100%,0 100%)}to{clip-path:polygon(0 100%,0 100%,0 100%);transform:translate(-42%,28%)rotate(12deg)}}@keyframes fb-plane{0%,22%{clip-path:inset(0);transform:translate(-50%,-50%)}41%{clip-path:polygon(50% 0,100% 100%,50% 72%,0 100%);transform:translate(-50%,-50%)rotateY(24deg)}to{clip-path:polygon(50% 0,100% 100%,50% 72%,0 100%);transform:translate(170%,-170%)rotateY(38deg)rotate(28deg)scale(.17)}}@keyframes fb-throw{0%,18%{border-radius:0;transform:translate(-50%,-50%)}43%{border-radius:48%;transform:translate(-50%,-50%)scale(.23)rotate(22deg)}to{border-radius:48%;transform:translate(360%,-130%)scale(.08)rotate(480deg)}}@keyframes fb-bin-paper{0%,18%{border-radius:0;transform:translate(-50%,-50%)}38%{border-radius:48%;transform:translate(-50%,-50%)scale(.23)rotate(18deg)}67%,to{opacity:0;border-radius:48%;transform:translate(55%,43%)scale(.05)rotate(165deg)}}@keyframes fb-toilet-paper{0%,20%{transform:translate(-50%,-50%)}54%{transform:translate(-50%,19%)scale(.52)rotate(16deg)}75%,to{opacity:0;transform:translate(-50%,48%)scale(.08)rotate(240deg)}}@keyframes fb-light{0%,22%{filter:none;transform:translate(-50%,-50%)}65%{filter:drop-shadow(0 0 13px #b7cdd2)blur(2px);clip-path:polygon(0 0,100% 0,88% 13%,100% 26%,80% 39%,100% 52%,77% 67%,100% 100%,0 100%);transform:translate(-50%,-59%)scale(1.08)}to{filter:blur(15px);opacity:0;transform:translate(-50%,-100%)scale(1.4)}}@keyframes fb-prop{0%,22%,to{opacity:0;transform:translateY(80px)scale(.8)}38%,77%{opacity:1;transform:translateY(0)scale(1)}}@keyframes fb-bowl{0%,13%,to{opacity:0;transform:translate(-50%,80px)scale(.8)}27%,80%{opacity:1;transform:translate(-50%)scale(1)}}@keyframes fb-vortex{to{transform:rotate(360deg)scale(.6)}}@media (max-width:900px){.ritual-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:600px}.ritual-button{height:60px}.page-foot{max-width:600px}}@media (max-width:600px){.app-shell{padding:max(17px, env(safe-area-inset-top)) 17px max(15px, env(safe-area-inset-bottom))}.wordmark{font-size:9px}.page-head h1{margin-top:14px;font-size:29px}.instruction{font-size:12px}.stage{width:calc(100% + 34px);height:clamp(350px,52dvh,440px);margin-top:1px}.ink-layer textarea{padding:8.2% 9.2%}.under-stage{min-height:25px}.choice-prompt{font-size:10px}.ritual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:5px}.ritual-button{border-radius:11px;height:55px;padding:10px 13px}.ritual-index{font-size:8px}.ritual-label{font-size:11px}.ritual-symbol{bottom:10px}.page-foot{width:100%;padding-top:20px;font-size:9px}}@media (max-width:390px){.stage{height:clamp(345px,51dvh,405px)}.page-foot{gap:8px}.page-foot span:last-child{text-align:right}}.keyboard-open .stage{flex-shrink:0}.app-shell.keyboard-open{min-height:var(--visual-height)}@media (prefers-reduced-motion:reduce){.ritual-button,.ink-layer{transition-duration:0s}.fallback-burn,.fallback-plane,.fallback-throw,.fallback-bin,.fallback-toilet,.fallback-light,.fallback-stage>.fallback-bin-prop,.fallback-bowl{animation-duration:1.35s}}.reduced-mode{color:#62676d;font-size:10px}.under-stage:has(.reduced-mode){flex-direction:column;gap:4px;min-height:42px}[data-phase=preparing] textarea{background:#fff}@media (max-width:600px){.fallback-ink{padding:8.2% 9.2%}}.is-backgrounded .fallback-stage *{animation-play-state:paused!important}