.sian{--ink: #15110C;--ink-1: #1B1610;--ink-2: #221C14;--ink-line: #2E261B;--paper: #ECE2D0;--paper-2: #E2D6BF;--paper-edge: #D3C4A6;--cinnabar: #B43A2C;--cinnabar-lit: #CB4634;--cinnabar-read: #DD6149;--gold: #A98B52;--gold-soft: #8E7644;--on-ink: #E9DFCB;--on-ink-quiet: #978E7B;--on-ink-faint: #5E5747;--on-paper: #2B241B;--on-paper-quiet: #6B6151;--silk: #281F17;--silk-2: #322619;--th-display: "Trirong", "Maitree", serif;--th-body: "Maitree", "Trirong", serif;--tc: "Noto Serif TC", serif;--mono: "Space Mono", ui-monospace, monospace;--ease-calm: cubic-bezier(.4, 0, .2, 1);--ease-rise: cubic-bezier(.16, 1, .3, 1)}.sian,.sian *{box-sizing:border-box}.sian.screen{position:fixed;inset:0;background:radial-gradient(120% 80% at 50% -10%,#211a12 0%,var(--ink) 46%,#100c08 100%);color:var(--on-ink);font-family:var(--th-body);overflow:hidden;display:flex;flex-direction:column}.sian.screen:before{content:"";position:absolute;top:-18%;left:50%;width:120%;height:60%;transform:translate(-50%);background:radial-gradient(50% 50% at 50% 50%,#c9a45c1a,#c9a45c00 70%);pointer-events:none;animation:sian-aura-breathe 11s var(--ease-calm) infinite}@keyframes sian-aura-breathe{0%,to{opacity:.55;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.06)}}.sian.grain-ink:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='2'/></filter><rect width='100%25' height='100%25' filter='url(%23n)' opacity='0.4'/></svg>");background-size:200px 200px;mix-blend-mode:overlay;opacity:.035;pointer-events:none;z-index:0}.sian .eyebrow{font-family:var(--mono);font-size:10px;letter-spacing:.32em;text-transform:uppercase;color:var(--on-ink-quiet)}.sian .eyebrow-cinnabar{color:var(--cinnabar-lit)}.sian .th-xl{font-family:var(--th-display);font-weight:500;line-height:1.12;letter-spacing:.01em}.sian .th-lg{font-family:var(--th-display);font-weight:500;line-height:1.2}.sian .th-body{font-family:var(--th-body);font-weight:300;line-height:1.85}.sian .en-quiet{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--on-ink-quiet)}.sian .rule-gold{height:1px;background:linear-gradient(90deg,transparent,var(--gold-soft) 22%,var(--gold-soft) 78%,transparent);opacity:.5;border:0}.sian,.sian *{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sian .tap{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer;border:none;background:none;font:inherit;color:inherit;padding:0;margin:0}.sian button.tap{appearance:none}.sian .tap:focus-visible,.sian button:focus-visible{outline:2px solid var(--gold);outline-offset:-3px;border-radius:4px}.sian .field{width:100%;max-width:280px;background:transparent;border:0;border-bottom:1px solid var(--gold-soft);border-radius:0;text-align:center;color:var(--on-ink);font-family:var(--th-body);font-size:16px;font-weight:300;padding:8px 4px;-webkit-user-select:text;user-select:text}.sian .field::placeholder{color:var(--on-ink-quiet);opacity:1}.sian .field:focus-visible{outline:none;border-bottom-color:var(--cinnabar-read)}.sian .press{transition:transform .4s var(--ease-rise),opacity .4s var(--ease-calm)}.sian .press:active{transform:scale(.97);opacity:.85}@keyframes seal-pulse{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}@keyframes step-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-soft{0%{opacity:0}to{opacity:1}}@keyframes fade-soft-key{0%{opacity:0}to{opacity:1}}@keyframes hint-breathe{0%,to{opacity:.6}50%{opacity:1}}@keyframes smoke{0%{opacity:0;transform:translate(-50%) translateY(6px) scaleY(.7)}40%{opacity:.7}to{opacity:0;transform:translate(-50%) translateY(-14px) scaleY(1.3)}}@keyframes stamp-in{0%{opacity:0;transform:translateY(-46px) scale(1.65)}55%{opacity:1;transform:translateY(0) scale(.94)}72%{transform:translateY(0) scale(1.05)}to{transform:translateY(0) scale(1)}}@keyframes bleed{0%{opacity:0;transform:scale(.7)}35%{opacity:.9}to{opacity:0;transform:scale(1.5)}}@keyframes flash{0%{opacity:0}18%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.sian *,.sian *:before,.sian *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.08s!important}}