:root{--ink:#0d0508;--night:#1a0810;--wine:#5e1128;--crimson:#8e1b36;--crimson-hi:#b3304f;--gold:#c9a45c;--gold-hi:#e6cc92;--gold-line:#c9a45c73;--cream:#f5ead7;--cream-dim:#f5ead7b8;--paper:#fbf4e6;--paper-2:#efe0c5;--text:#2b1117;--text-sub:#6f5650;--rose:#eaa6b0;--serif:"Shippori Mincho B1", "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", serif;--hand:"Klee One", "Hiragino Maru Gothic ProN", var(--serif);--latin:"Cormorant Garamond", Georgia, serif;--radius:16px;--safe-b:env(safe-area-inset-bottom,0px);--col:480px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100dvh;font-family:var(--serif);color:var(--cream);background-color:var(--ink);background-image:radial-gradient(120% 60% at 50% -10%, #8e1b368c, transparent 60%), radial-gradient(4px 4px at 12% 18%, #ffc4788c, transparent), radial-gradient(6px 6px at 82% 12%, #ffc47866, transparent), radial-gradient(3px 3px at 64% 26%, #aab4ff73, transparent), radial-gradient(5px 5px at 30% 34%, #ffc4784d, transparent), radial-gradient(3px 3px at 90% 40%, #ffc47859, transparent), linear-gradient(180deg, #1c0911 0%, #12060b 45%, var(--ink) 100%);letter-spacing:.02em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background-attachment:fixed;margin:0;line-height:1.8}button,a{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--gold-hi);outline-offset:3px;border-radius:10px}h1,h2,h3{margin:0;font-weight:700;line-height:1.4}.app{z-index:0;max-width:var(--col);flex-direction:column;min-height:100dvh;margin:0 auto;display:flex;position:relative}.main{flex:1;padding:0 16px 24px}.eyebrow{font-family:var(--latin);letter-spacing:.32em;color:var(--gold);margin:0;font-size:.78rem;font-weight:600}.btn{letter-spacing:.08em;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:12px 22px;font-weight:700;text-decoration:none;transition:transform .15s,filter .15s,background .2s;display:inline-flex}.btn:active{transform:scale(.98)}.btn--primary{color:#fff6ea;background:linear-gradient(180deg, var(--crimson-hi), var(--crimson) 55%, var(--wine));border:1px solid #e6cc9273;box-shadow:0 6px 20px #8e1b3673,inset 0 1px #ffdcc840}.btn--primary:disabled{filter:grayscale(.6)brightness(.7)}.btn--ghost{color:var(--gold-hi);border:1px solid var(--gold-line);background:#14060b66}.btn--block{width:100%}.link{color:var(--gold);text-underline-offset:4px;text-decoration:underline;-webkit-text-decoration-color:var(--gold-line);text-decoration-color:var(--gold-line);align-items:center;gap:6px;padding:12px 8px;font-size:.9rem;display:inline-flex}.icon-btn{width:44px;height:44px;color:var(--gold-hi);border-radius:50%;flex:none;place-items:center;display:inline-grid}.icon-btn--round{border:1px solid var(--gold-line);background:#14060ba6;width:52px;height:52px;transition:transform .15s,background .2s,color .2s}.icon-btn--round:active{transform:scale(.94)}.icon-btn--round.is-on{color:#ff8fa3;border-color:#ff8fa399;animation:.35s pop}.hint{text-align:center;color:var(--cream-dim);margin:12px 0;font-size:.78rem}.topbar{z-index:20;padding:8px 8px 8px 14px;padding-top:max(8px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(8px);background:linear-gradient(#0d0508eb,#0d0508b3);border-bottom:1px solid #c9a45c2e;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar__brand{min-height:44px;font-family:var(--latin);letter-spacing:.24em;color:var(--gold);align-items:center;gap:8px;font-size:.82rem;font-weight:600;display:inline-flex}.topbar__btn{width:44px;height:44px;color:var(--gold-hi);place-items:center;display:grid;position:relative}.badge{background:var(--crimson-hi);color:#fff;min-width:18px;height:18px;font-size:.68rem;font-family:var(--latin);text-align:center;border-radius:9px;padding:0 5px;font-weight:600;line-height:18px;position:absolute;top:4px;right:2px}.portrait__mirror{box-shadow:0 0 0 3px var(--gold), 0 0 0 7px #0d0508e6, 0 0 0 8px var(--gold-line), 0 18px 50px #0009, 0 0 60px #c9a45c2e;background:radial-gradient(circle at 50% 40%,#3b0f1e,#12050a 75%);border-radius:50%;position:relative;overflow:hidden}.portrait--hero .portrait__mirror{width:168px;height:208px;margin:16px auto 18px}.portrait--avatar .portrait__mirror{width:48px;height:48px;box-shadow:0 0 0 2px var(--gold), 0 4px 14px #00000080}.portrait img{object-fit:cover;object-position:52% 40%;width:100%;height:100%;display:block}.portrait--avatar img{transform-origin:52% 44%;transform:scale(1.9)}.portrait__placeholder{align-content:center;place-items:center;gap:10px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.portrait__placeholder small{color:var(--cream-dim);letter-spacing:.1em;font-size:.66rem}.portrait__placeholder .bokeh{background:radial-gradient(10px 10px at 22% 30%,#ffc47859,#0000),radial-gradient(14px 14px at 74% 22%,#ffc47840,#0000),radial-gradient(8px 8px at 64% 70%,#aab4ff40,#0000),radial-gradient(12px 12px at 30% 76%,#ffc47833,#0000);position:absolute;top:0;bottom:0;left:0;right:0}.portrait--avatar .bokeh{display:none}.seal{filter:drop-shadow(0 3px 6px #00000073);display:block}.hero{text-align:center;padding:4px 0 8px;animation:.6s both rise}.hero__title{letter-spacing:.08em;color:var(--cream);text-shadow:0 2px 24px #000c;margin:0 0 6px;font-size:clamp(2rem,9vw,2.6rem)}.hero__title span{color:var(--gold-hi)}.hero__lead{word-break:auto-phrase;text-wrap:balance;max-width:22em;color:var(--cream-dim);margin:0 auto;font-size:.95rem}.section-title{letter-spacing:.1em;color:var(--cream);justify-content:center;align-items:center;gap:12px;margin:30px 0 14px;font-size:1.12rem;display:flex}.section-title__orn{background:linear-gradient(90deg, transparent, var(--gold));width:34px;height:1px}.section-title__orn:last-child{transform:scaleX(-1)}.cat-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cat{text-align:left;border-radius:var(--radius);border:1px solid var(--gold-line);background:linear-gradient(160deg, #8e1b3661, #14060bd9 70%), var(--night);justify-items:start;min-height:118px;padding:14px 14px 12px;transition:transform .15s,border-color .2s;animation:.5s both rise;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #e6cc9226,0 8px 24px #00000059}.cat:nth-child(2){animation-delay:60ms}.cat:nth-child(3){animation-delay:.12s}.cat:nth-child(4){animation-delay:.18s}.cat:active{border-color:var(--gold);transform:scale(.97)}.cat__glyph{color:#c9a45c29;font-size:2.6rem;line-height:1;position:absolute;top:4px;right:10px}.cat--love .cat__glyph{color:#ea788c3d}.cat__en{font-family:var(--latin);letter-spacing:.26em;color:var(--gold);font-size:.7rem}.cat__label{letter-spacing:.06em;margin-top:2px;font-size:1.3rem;font-weight:700}.cat__hint{word-break:auto-phrase;color:var(--cream-dim);margin-top:4px;font-size:.72rem;line-height:1.5}.pick__note{text-align:center;color:var(--gold);letter-spacing:.12em;margin:12px 0 0;font-size:.78rem}.daily{margin-top:30px;scroll-margin-top:76px}.envelope{text-align:center;width:100%;color:var(--text);background:radial-gradient(120% 80% at 50% 0%, #ffffff80, transparent 60%), linear-gradient(180deg, var(--paper), var(--paper-2));border:1px solid #c9ab76;border-radius:14px;padding:58px 22px 22px;transition:transform .2s;display:block;position:relative;overflow:hidden;box-shadow:0 16px 40px #0000008c,inset 0 0 0 6px #ffffff59,inset 0 0 0 7px #b9965a59}.envelope:active{transform:scale(.985)}.envelope__flap{clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 2px 2px #78501e40);background:linear-gradient(#e9d6b2,#dcc398);height:64px;position:absolute;top:0;bottom:auto;left:0;right:0}.envelope__seal{z-index:1;position:absolute;top:30px;left:50%;transform:translate(-50%)}.envelope:not(.is-opened) .envelope__seal{animation:3.2s ease-in-out infinite breathe}.envelope__body{gap:4px;padding-top:30px;display:grid}.envelope__date{color:var(--text-sub);letter-spacing:.12em;font-size:.8rem}.envelope__title{color:var(--crimson);letter-spacing:.1em;word-break:auto-phrase;text-wrap:balance;font-size:1.08rem;font-weight:700}.envelope__sub{color:var(--text-sub);font-size:.86rem}.envelope__quote{color:var(--text);margin:4px 0;font-size:1rem;font-weight:700;line-height:1.7}.envelope__cta{color:var(--crimson);letter-spacing:.12em;border:1px solid #8e1b3680;border-radius:999px;justify-self:center;margin-top:10px;padding:8px 22px;font-size:.9rem;font-weight:700}.flow{padding-top:6px;animation:.35s both fade}.flow__head{align-items:center;gap:8px;margin:0 -6px;display:flex}.steps{flex:1;gap:6px;margin:0;padding:0;list-style:none;display:flex}.steps li{background:#c9a45c33;border-radius:2px;flex:1;height:3px;transition:background .3s}.steps li.is-done{background:var(--gold)}.steps li.is-current{background:linear-gradient(90deg, var(--gold), var(--crimson-hi))}.flow__count{font-family:var(--latin);letter-spacing:.12em;color:var(--cream-dim);padding-right:6px;font-size:.8rem}.flow__count b{color:var(--gold-hi);font-size:1rem}.crumbs{flex-wrap:wrap;gap:6px;margin:10px 0 0;font-size:.76rem;display:flex}.crumbs span{border:1px solid var(--gold-line);color:var(--gold-hi);background:#8e1b3633;border-radius:999px;padding:2px 10px}.speech{align-items:flex-start;gap:12px;margin:18px 0 6px;display:flex}.speech__bubble{word-break:auto-phrase;text-wrap:pretty;font-family:var(--hand);color:var(--cream);background:#f5ead714;border:1px solid #c9a45c4d;border-radius:4px 16px 16px;margin:0;padding:10px 14px;font-size:.95rem;font-weight:600;line-height:1.7;position:relative}.flow__q{word-break:auto-phrase;text-wrap:balance;letter-spacing:.06em;margin:18px 0 14px;font-size:1.35rem}.options{gap:10px;margin:0;padding:0;list-style:none;display:grid}.options li{animation:.4s both rise}.option{text-align:left;width:100%;min-height:56px;color:var(--text);background:linear-gradient(180deg, var(--paper), var(--paper-2));border:1px solid #c9ab76;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-size:1.02rem;font-weight:500;line-height:1.5;transition:transform .12s,box-shadow .12s;display:flex;box-shadow:0 6px 16px #00000059}.option:active{background:linear-gradient(180deg, #fff, var(--paper));transform:scale(.985);box-shadow:0 2px 8px #00000059}.option__arrow{color:var(--crimson);font-size:1.4rem;line-height:1}.writing{text-align:center;place-content:center;justify-items:center;gap:18px;width:100%;min-height:70dvh;animation:.3s both fade;display:grid}.candle{width:26px;height:120px;position:relative}.candle__body{background:linear-gradient(90deg,#e8dcc6,#fbf4e6 45%,#d6c4a4);border-radius:4px 4px 2px 2px;width:26px;height:84px;position:absolute;bottom:0;left:0}.candle__flame{transform-origin:50% 90%;background:radial-gradient(circle at 50% 70%,#fff7d6,#ffc35a 45%,#ff78284d 75%,#0000);border-radius:50% 50% 45% 45%/65% 65% 35% 35%;width:16px;height:30px;margin-left:-8px;animation:1.1s ease-in-out infinite alternate flicker;position:absolute;bottom:84px;left:50%;box-shadow:0 0 40px 18px #ffaa4647}.writing__text{font-family:var(--hand);color:var(--cream);font-size:1.05rem;font-weight:600}.writing__skip{color:var(--cream-dim);font-size:.74rem}.result{padding-top:34px}.letter{color:var(--text);background:radial-gradient(130% 60% at 50% 0%, #ffffff8c, transparent 55%), radial-gradient(90% 50% at 50% 110%, #aa783c2e, transparent), linear-gradient(180deg, var(--paper), var(--paper-2));border-radius:6px;padding:44px 22px 30px;animation:.7s cubic-bezier(.2,.8,.2,1) both unfold;position:relative;box-shadow:0 24px 60px #0009,inset 0 0 0 8px #ffffff4d,inset 0 0 0 9px #b9965a8c,inset 0 0 0 13px #0000,inset 0 0 0 14px #b9965a4d}.letter__seal{animation:.6s cubic-bezier(.3,1.6,.5,1) .25s both stamp;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.letter__head{text-align:center}.letter__eyebrow{font-family:var(--latin);letter-spacing:.26em;color:#9a7a3d;margin:0;font-size:.72rem;font-weight:600}.letter__heading{letter-spacing:.18em;color:var(--text-sub);margin:2px 0 0;font-size:.86rem}.letter__path{color:var(--text-sub);flex-wrap:wrap;justify-content:center;gap:4px 6px;margin:10px 0 0;font-size:.72rem;display:flex}.letter__path span:not(:last-child):after{content:"›";color:#b89a64;margin-left:6px}.letter__quote{letter-spacing:.04em;text-align:center;color:var(--crimson);text-wrap:balance;word-break:auto-phrase;margin:22px 0 0;font-size:clamp(1.45rem,6.4vw,1.75rem);font-weight:700;line-height:1.65}.orn{width:200px;height:14px;margin:18px auto;position:relative}.orn:before{content:"";background:linear-gradient(90deg,#0000,#b89a64 35%,#0000 45% 55%,#b89a64 65%,#0000);height:1px;position:absolute;top:50%;bottom:auto;left:0;right:0}.orn:after{content:"";background:#b89a64;width:9px;height:9px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.letter__body{margin:0;font-size:.98rem;line-height:2}.letter__advice{color:#fbeee0;background:linear-gradient(160deg, var(--crimson), var(--wine));border-radius:10px;margin:22px 0 0;padding:16px 18px 14px;box-shadow:inset 0 0 0 1px #e6cc9259,0 8px 18px #5e112859}.letter__advice h3{letter-spacing:.24em;color:var(--gold-hi);text-align:center;font-size:.92rem}.letter__advice ol{counter-reset:rx;gap:10px;margin:10px 0 0;padding:0;list-style:none;display:grid}.letter__advice li{word-break:auto-phrase;counter-increment:rx;padding-left:30px;font-size:.95rem;line-height:1.75;position:relative}.letter__advice li:before{content:counter(rx);border:1px solid var(--gold);width:22px;height:22px;color:var(--gold-hi);font-family:var(--latin);text-align:center;border-radius:50%;font-size:.85rem;font-weight:600;line-height:20px;position:absolute;top:2px;left:0}.letter__closing{text-align:center;font-family:var(--hand);color:var(--crimson);word-break:auto-phrase;text-wrap:balance;margin:26px 0 0;font-size:1.18rem;font-weight:600;line-height:1.8}.letter__sign{text-align:right;font-family:var(--latin);color:#9a7a3d;margin:4px 0 0;font-size:1.15rem;font-style:italic}.actionbar{z-index:10;padding:10px 16px calc(10px + var(--safe-b));background:linear-gradient(#0d050800,#0d0508eb 30%);align-items:center;gap:8px;margin:18px -16px 0;display:flex;position:sticky;bottom:0}.actionbar__main{flex:1;min-width:0;padding:12px 14px}.result__links{justify-items:center;gap:4px;margin-top:14px;display:grid}.sheet-backdrop{z-index:50;background:#050203b3;justify-content:center;align-items:flex-end;animation:.2s both fade;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{width:100%;max-width:var(--col);max-height:92dvh;padding:8px 18px calc(18px + var(--safe-b));border:1px solid var(--gold-line);background:linear-gradient(#230c15,#14060b);border-bottom:0;border-radius:22px 22px 0 0;outline:none;animation:.28s cubic-bezier(.2,.8,.2,1) both slideup;overflow-y:auto;box-shadow:0 -20px 50px #0009}.sheet__head{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.sheet__head h2{letter-spacing:.08em;font-size:1.05rem}.sheet__preview{background:#f5ead70f;border:1px solid #c9a45c40;border-radius:12px;margin:4px 0 14px;padding:12px 14px;font-weight:700;line-height:1.7}.share-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.share-btn{border:1px solid var(--gold-line);text-align:center;background:#f5ead70d;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:84px;padding:10px;font-size:.85rem;text-decoration:none;display:flex}.share-btn:active{background:#f5ead71f}.share-btn--x svg{color:#fff}.line-mark{color:#fff;background:#06c755;border-radius:6px;padding:3px 6px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:.72rem;font-weight:800}.share-btn--ig svg{color:#ff8fb0}.seg{background:#f5ead70f;border:1px solid #c9a45c40;border-radius:14px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;margin:6px 0 14px;padding:4px;display:grid}.seg button{min-height:44px;color:var(--cream-dim);border-radius:10px;justify-content:center;align-items:center;gap:6px;font-size:.9rem;display:flex}.seg button small{font-family:var(--latin);opacity:.7;font-size:.72rem}.seg button.is-active{color:var(--text);background:linear-gradient(180deg, var(--paper), var(--paper-2));font-weight:700}.img-preview{background:#1a0810;border-radius:10px;place-items:center;margin:0 auto;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000080}.img-preview img{object-fit:contain;-webkit-touch-callout:default;width:100%;height:100%;display:block}.spinner{border:2px solid var(--gold-line);border-top-color:var(--gold-hi);border-radius:50%;width:32px;height:32px;animation:.9s linear infinite spin}.page-head{align-items:center;gap:4px;margin:8px -6px 10px;display:flex}.page-head h1{letter-spacing:.08em;font-size:1.2rem}.empty{text-align:center;font-family:var(--hand);color:var(--cream-dim);padding:40px 12px}.saved-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.saved{text-align:left;width:100%;color:var(--text);background:linear-gradient(180deg, var(--paper), var(--paper-2));border:1px solid #c9ab76;border-radius:12px;gap:6px;padding:14px 16px;display:grid}.saved__quote{color:var(--crimson);font-weight:700;line-height:1.6}.saved__meta{color:var(--text-sub);justify-content:space-between;gap:8px;font-size:.74rem;display:flex}.prose h2{color:var(--gold-hi);letter-spacing:.08em;margin:26px 0 8px;font-size:1.02rem}.prose p,.prose li{color:var(--cream);font-size:.92rem}.prose ul{margin:0;padding-left:1.2em}.prose .btn{margin-top:8px}.prose a:not(.btn){color:var(--gold-hi)}.notice{background:#8e1b3626;border:1px solid #eaa6b059;border-radius:12px;padding:12px 14px}.site-footer{text-align:center;padding:18px 16px calc(24px + var(--safe-b));color:#f5ead773;font-size:.74rem}.site-footer p{margin:0}.sns{justify-content:center;gap:14px;margin-bottom:4px;display:flex}.sns a{border:1px solid var(--gold-line);width:44px;height:44px;color:var(--gold-hi);border-radius:50%;place-items:center;display:grid}.toast{left:50%;bottom:calc(96px + var(--safe-b));z-index:60;opacity:0;pointer-events:none;color:var(--text);font-family:var(--hand);text-align:center;background:#fbf4e6f5;border-radius:18px;width:max-content;max-width:calc(100vw - 32px);padding:10px 18px;font-size:.92rem;font-weight:600;line-height:1.6;transition:opacity .25s,transform .25s;position:fixed;transform:translate(-50%,20px);box-shadow:0 10px 30px #00000080}.toast.is-shown{opacity:1;transform:translate(-50%)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slideup{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}@keyframes unfold{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:none}}@keyframes stamp{0%{opacity:0;transform:translate(-50%)scale(1.8)rotate(-12deg)}to{opacity:1;transform:translate(-50%)scale(1)rotate(0)}}@keyframes breathe{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.06)}}@keyframes flicker{0%{opacity:.95;transform:scale(1)rotate(-2deg)}50%{transform:scale(.94,1.06)rotate(1deg)}to{opacity:1;transform:scale(1.04,.96)rotate(2deg)}}@keyframes pop{50%{transform:scale(1.18)}}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (min-width:700px){.main{padding:0 20px 32px}.portrait--hero .portrait__mirror{width:230px;height:286px}}.hero__hello{max-width:21em;font-family:var(--hand);color:var(--cream);word-break:auto-phrase;text-wrap:balance;background:#f5ead70f;border:1px solid #c9a45c4d;border-radius:14px;margin:16px auto 0;padding:10px 16px;font-size:.92rem;font-weight:600;line-height:1.7;animation:.6s .3s both rise;position:relative}.hero__hello:before{content:"";background:#2a0f18;border-top:1px solid #c9a45c4d;border-left:1px solid #c9a45c4d;width:12px;height:12px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.hero__chip{color:var(--rose);font-family:var(--hand);background:#8e1b3640;border:1px solid #eaa6b073;border-radius:999px;align-items:center;gap:6px;margin-top:12px;padding:6px 14px;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.hero__chip span{animation:2.6s ease-in-out infinite breathe-plain}.note{color:var(--text);background:radial-gradient(130% 70% at 50% 0%, #ffffff8c, transparent 60%), linear-gradient(180deg, var(--paper), var(--paper-2));text-align:center;border-radius:6px;padding:26px 22px 18px;position:relative;box-shadow:0 18px 44px #0000008c,inset 0 0 0 7px #ffffff4d,inset 0 0 0 8px #b9965a8c}.note.is-revealing{animation:.7s cubic-bezier(.2,.8,.2,1) both unfold}.note__date{letter-spacing:.14em;color:var(--text-sub);margin:0;font-size:.76rem}.note__title{letter-spacing:.08em;color:var(--crimson);word-break:auto-phrase;text-wrap:balance;margin-top:2px;font-size:.98rem}.note__title span{color:#d25670}.note__text{text-align:left;color:var(--text);margin:18px 0 0;font-size:1.12rem;font-weight:700;line-height:1.95}.note.is-revealing .note__text{animation:1.1s .35s both ink}.note__sign{font-family:var(--hand);color:var(--crimson);justify-content:flex-end;align-items:center;gap:10px;margin-top:12px;font-size:1.05rem;font-weight:600;display:flex}.note__sign .portrait__mirror{width:40px;height:40px}.note__actions{border-top:1px solid #b9965a59;justify-content:center;gap:8px;margin-top:16px;padding-top:14px;display:flex}.chip-btn{min-height:44px;color:var(--crimson);border:1px solid #8e1b3659;border-radius:999px;align-items:center;gap:4px;padding:0 14px;font-size:.86rem;font-weight:700;display:inline-flex}.chip-btn.is-on{color:#c23a55;background:#8e1b361a}.message-view{padding-top:18px}.extra{border-radius:var(--radius);border:1px solid var(--gold-line);background:radial-gradient(120% 70% at 50% 0,#8e1b3673,#0000 70%),linear-gradient(#210a13,#12060b);margin-top:26px;padding:26px 20px 22px;box-shadow:0 16px 40px #00000080,inset 0 1px #e6cc9226}.extra--locked{text-align:center;justify-items:center;gap:6px;display:grid}.extra__eyebrow{font-family:var(--latin);letter-spacing:.3em;color:var(--gold);margin:6px 0 0;font-size:.72rem;font-weight:600}.extra__title{letter-spacing:.12em;color:var(--cream);font-size:1.3rem}.extra__lead small{color:var(--gold);margin-top:4px;font-size:.78rem;display:inline-block}.extra__lead{word-break:auto-phrase;text-wrap:balance;color:var(--cream-dim);margin:4px 0 12px;font-size:.88rem;line-height:1.85}.extra--open{animation:.6s both unfold}.extra--open .extra__eyebrow,.extra--open .extra__title{text-align:center}.extra--open h3{border-left:2px solid var(--gold);letter-spacing:.08em;color:var(--gold-hi);margin:22px 0 8px;padding-left:12px;font-size:.98rem}.extra--open>p{margin:0;font-size:.94rem;line-height:1.95}.extra__list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.extra__list li{word-break:auto-phrase;padding-left:22px;font-size:.93rem;line-height:1.75;position:relative}.extra__list li:before{color:var(--gold);position:absolute;top:0;left:0}.extra__list--do li:before{content:"✦"}.extra__list--avoid li:before{content:"×";color:var(--rose);font-weight:700}.extra__list--words li{font-family:var(--hand);background:#f5ead712;border:1px solid #c9a45c40;border-radius:10px;padding:10px 14px;font-weight:600}.extra__closing{text-align:center;font-family:var(--hand);color:var(--rose);font-weight:600;margin:22px 0 0!important}.sheet__note{color:var(--cream);background:#8e1b3640;border:1px solid #eaa6b04d;border-radius:10px;margin:0 0 10px;padding:10px 12px;font-size:.84rem;line-height:1.7}.saved--message .saved__quote{color:var(--text);font-weight:500}@keyframes ink{0%{opacity:0;filter:blur(3px)}to{opacity:1;filter:none}}@keyframes breathe-plain{0%,to{opacity:1}50%{opacity:.45}}.fatal{text-align:center;place-content:center;justify-items:center;gap:12px;min-height:100dvh;padding:24px;display:grid}.fatal__title{margin:8px 0 0;font-size:1.15rem;font-weight:700}.fatal__text{color:var(--cream-dim);margin:0 0 8px;font-size:.9rem}.shindan--intro{text-align:center;animation:.35s both fade}.shindan--intro .page-head{margin-bottom:0}.shindan__eyebrow{font-family:var(--latin);letter-spacing:.3em;color:var(--rose);margin:0;font-size:.78rem;font-weight:600}.shindan__title{letter-spacing:.06em;color:var(--gold-hi);margin:4px 0 12px;font-size:clamp(1.6rem,7.4vw,2rem)}.shindan__lead,.shindan__invite{font-family:var(--hand);color:var(--cream);margin:0 auto 16px;font-weight:600;line-height:1.9}.shindan__invite b{color:var(--rose)}.shindan__points{justify-content:center;gap:8px;margin:0 0 20px;padding:0;list-style:none;display:flex}.shindan__points li{border:1px solid var(--gold-line);color:var(--gold-hi);border-radius:999px;padding:4px 12px;font-size:.78rem}.quiz-bar{background:#c9a45c33;border-radius:2px;flex:1;height:4px;overflow:hidden}.quiz-bar span{background:linear-gradient(90deg, var(--gold), #e05a78);height:100%;transition:width .3s;display:block}.type-result{padding-top:10px}.type-cta{border-radius:var(--radius);text-align:center;background:#8e1b3640;border:1px solid #eaa6b073;margin-bottom:18px;padding:14px 16px}.type-cta p{font-family:var(--hand);margin:0 0 8px;font-size:1.05rem;font-weight:600}.compat{border-radius:var(--radius);text-align:center;border:1px solid var(--gold-line);background:radial-gradient(120% 100% at 50% 0,#e05a784d,#0000 70%),#1a0810;margin-bottom:18px;padding:18px 16px;animation:.6s both unfold}.compat__eyebrow{letter-spacing:.2em;color:var(--rose);margin:0;font-size:.8rem}.compat__pair{justify-content:center;align-items:center;gap:10px;margin-top:8px;font-weight:700;display:flex}.compat__pair span{display:grid}.compat__pair small{color:var(--cream-dim);font-size:.7rem;font-weight:500}.compat__x{color:var(--gold)}.compat__percent{font-family:var(--latin);color:var(--gold-hi);margin:6px 0 0;font-size:3.6rem;font-weight:600;line-height:1}.compat__percent small{font-size:1.4rem}.compat__label{color:var(--rose);margin:4px 0 0;font-size:1.1rem;font-weight:700}.compat__comment{word-break:auto-phrase;text-wrap:balance;font-family:var(--hand);margin:6px 0 0;font-size:.92rem;font-weight:600}.type-card{--type-color:#8e1b36;color:var(--text);text-align:center;background:radial-gradient(130% 50% at 50% 0%, #ffffff8c, transparent 55%), linear-gradient(180deg, var(--paper), var(--paper-2));border-radius:6px;padding:26px 20px 24px;animation:.7s cubic-bezier(.2,.8,.2,1) both unfold;position:relative;box-shadow:0 24px 60px #0009,inset 0 0 0 8px #ffffff4d,inset 0 0 0 9px #b9965a8c}.type-card__eyebrow{letter-spacing:.24em;color:#9a7a3d;margin:0;font-size:.78rem}.type-card__you{font-family:var(--hand);color:var(--text-sub);margin:14px 0 0;font-weight:600}.type-card__name{letter-spacing:.06em;color:var(--crimson);margin:4px 0 0;font-size:clamp(1.9rem,9vw,2.4rem)}.type-card__suffix{font-family:var(--hand);color:var(--crimson);margin:0;font-weight:600}.type-card__catch{font-family:var(--hand);word-break:auto-phrase;text-wrap:balance;margin:12px 0 0;font-size:1.05rem;font-weight:600}.meter{text-align:left;max-width:320px;margin:18px auto 0}.meter__head{color:#9a7a3d;justify-content:space-between;align-items:baseline;font-size:.9rem;font-weight:700;display:flex}.meter__head b{font-family:var(--latin);color:var(--crimson);font-size:1.8rem}.meter__bar{background:#8e1b361f;border-radius:5px;height:10px;overflow:hidden}.meter__bar span{transform-origin:0;background:linear-gradient(90deg,#c9a45c,#e05a78);border-radius:5px;height:100%;animation:1.2s .4s both grow;display:block}.type-sec{text-align:left;margin-top:22px}.type-sec h2{letter-spacing:.12em;color:var(--crimson);text-align:center;border-bottom:1px solid #b9965a66;margin:0 0 8px;padding-bottom:6px;font-size:.98rem}.type-sec p{margin:0;font-size:.95rem;line-height:1.95}.type-sec--rx{color:#fbeee0;background:linear-gradient(160deg, var(--crimson), var(--wine));border-radius:10px;padding:14px 16px}.type-sec--rx h2{color:var(--gold-hi);border-color:#e6cc9259}.type-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.type-list li{padding-left:24px;font-size:.94rem;line-height:1.7;position:relative}.type-list--good li:before{content:"✦";color:#b08d4a;position:absolute;left:2px}.type-list--bad li:before{content:"!";color:var(--crimson);font-weight:800;position:absolute;left:4px}.type-card__quote{font-family:var(--hand);color:var(--crimson);word-break:auto-phrase;text-wrap:balance;margin:24px 0 0;font-size:1.2rem;font-weight:600;line-height:1.8}.type-color{color:var(--text-sub);justify-content:center;align-items:center;gap:10px;margin-top:16px;font-size:.82rem;display:flex}.type-color span:last-child{text-align:left;display:grid}.type-color b{color:var(--text);font-size:.98rem}.type-color__chip{width:34px;height:34px;box-shadow:0 0 0 2px var(--gold);border-radius:50%}.type-match{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.type-match__item{text-align:left;color:var(--text);background:#fff6;border:1px solid #b9965a73;border-radius:10px;gap:2px;padding:10px;display:grid}.type-match__item small{color:var(--text-sub);font-size:.72rem}.type-match__item--best small{color:var(--crimson);font-weight:700}.type-match__item b{font-size:.95rem}.type-match__item span{color:var(--text-sub);font-size:.74rem;line-height:1.5}.types__grid{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 18px;padding:0;list-style:none;display:grid}.type-tile{--type-color:#8e1b36;border-radius:var(--radius);text-align:center;border:1px solid var(--gold-line);background:linear-gradient(170deg, color-mix(in srgb, var(--type-color) 35%, #1a0810), #12060b 75%);align-content:start;justify-items:center;gap:4px;width:100%;height:100%;padding:14px 10px;display:grid;position:relative}.type-tile.is-mine{border-color:var(--rose);box-shadow:0 0 0 1px var(--rose)}.type-tile__symbol{color:var(--gold-hi);font-size:1.8rem}.type-tile b{font-size:1rem}.type-tile__catch{color:var(--cream-dim);word-break:auto-phrase;font-size:.72rem;line-height:1.5}.type-tile__k{color:var(--rose);margin-top:2px;font-size:.72rem}.type-tile__mine{background:var(--rose);color:var(--text);border-radius:999px;padding:1px 8px;font-size:.66rem;position:absolute;top:8px;right:8px}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}body[data-room=mirror]{--gold:#c3cadf;--gold-hi:#eef1fa;--gold-line:#c3cadf6b;--rose:#e9b4a6;--cream:#eef0f8;--cream-dim:#e1e5f5b8;--mirror-ink:#080a18;--mirror-deep:#10132e;--mirror-violet:#3d2f73;--rose-gold:#d9a196;background-color:var(--mirror-ink);background-image:radial-gradient(120% 60% at 50% -10%, #5c48aa8c, transparent 60%), radial-gradient(2px 2px at 14% 16%, #ffffffb3, transparent), radial-gradient(2px 2px at 78% 10%, #ffffff8c, transparent), radial-gradient(3px 3px at 62% 30%, #e9b4a680, transparent), radial-gradient(2px 2px at 30% 40%, #ffffff73, transparent), radial-gradient(2px 2px at 88% 46%, #ffffff80, transparent), radial-gradient(2px 2px at 8% 62%, #ffffff59, transparent), linear-gradient(180deg, #12153a 0%, #0b0d24 45%, var(--mirror-ink) 100%);transition:background-color .4s}body[data-room=mirror] .topbar{background:linear-gradient(#080a18eb,#080a18b3);border-bottom-color:#c3cadf2e}body[data-room=mirror] .btn--primary{color:#fff;background:linear-gradient(#8a6fd0,#5a43a3 55%,#35276e);border-color:#e9b4a68c;box-shadow:0 6px 22px #5a43a380,inset 0 1px #ffffff40}body[data-room=mirror] .btn--ghost,body[data-room=mirror] .icon-btn--round{background:#080a1880}body[data-room=mirror] .portrait__mirror{background:radial-gradient(circle at 50% 40%,#2a2560,#0b0d24 75%);box-shadow:0 0 0 3px #d6dbea,0 0 0 7px #080a18e6,0 0 0 8px #e9b4a68c,0 18px 50px #0009,0 0 70px #8c78e659}body[data-room=mirror] .portrait--avatar .portrait__mirror{box-shadow:0 0 0 2px #d6dbea,0 4px 14px #00000080}body[data-room=mirror] .speech__bubble{background:#c8d2ff14;border-color:#c3cadf52}body[data-room=mirror] .flow__count b{color:var(--rose)}body[data-room=mirror] .quiz-bar span{background:linear-gradient(90deg, #c3cadf, var(--rose))}body[data-room=mirror] .sns a{color:var(--gold-hi)}body[data-room=mirror] .shindan__eyebrow{color:var(--rose)}body[data-room=mirror] .shindan__title{color:var(--gold-hi);text-shadow:0 0 24px #a08cff73}.shindan__sub{letter-spacing:.16em;color:var(--rose);margin:-6px 0 14px;font-size:1rem}body[data-room=mirror] .option{color:var(--cream);background:linear-gradient(#282a5cd9,#10122ee6);border:1px solid #c3cadf61;box-shadow:0 6px 16px #00000059,inset 0 1px #ffffff14}body[data-room=mirror] .option:active{background:linear-gradient(#5a43a3d9,#281e64e6)}body[data-room=mirror] .option__arrow{color:var(--rose)}body[data-room=mirror] .type-card{color:var(--cream);transform-origin:50%;background:radial-gradient(120% 40% at 50% 0,#8c78e659,#0000 60%),linear-gradient(#1a1c48,#0d0f2a);border-radius:14px;animation:.9s cubic-bezier(.2,.8,.2,1) both card-flip;box-shadow:0 24px 60px #0009,inset 0 0 0 2px #d6dbea,inset 0 0 0 8px #10132e,inset 0 0 0 9px #e9b4a699}body[data-room=mirror] .type-card__eyebrow{font-family:var(--latin);letter-spacing:.3em;color:var(--gold);font-weight:600}.type-card__sub{letter-spacing:.16em;color:var(--rose);margin:2px 0 0;font-size:.78rem}body[data-room=mirror] .type-card__you,body[data-room=mirror] .type-color{color:var(--cream-dim)}body[data-room=mirror] .type-card__name{color:#fff;text-shadow:0 0 22px #aa96ff8c}body[data-room=mirror] .type-card__suffix,body[data-room=mirror] .type-card__quote{color:var(--rose)}body[data-room=mirror] .meter__head{color:var(--gold)}body[data-room=mirror] .meter__head b{color:var(--rose)}body[data-room=mirror] .meter__bar{background:#c3cadf26}body[data-room=mirror] .meter__bar span{background:linear-gradient(90deg,#c3cadf,#e9b4a6,#d77fa0)}body[data-room=mirror] .type-sec h2{color:var(--rose);border-color:#c3cadf40}body[data-room=mirror] .type-sec--rx{color:var(--cream);background:linear-gradient(160deg,#3d2f73,#1a1640);box-shadow:inset 0 0 0 1px #e9b4a673}body[data-room=mirror] .type-sec--rx h2{color:var(--gold-hi)}body[data-room=mirror] .type-list--good li:before{color:var(--rose)}body[data-room=mirror] .type-list--bad li:before{color:#b9a6ff}body[data-room=mirror] .letter__sign{color:var(--gold)}body[data-room=mirror] .type-color b{color:var(--cream)}body[data-room=mirror] .type-color__chip{box-shadow:0 0 0 2px #d6dbea}body[data-room=mirror] .type-match__item{color:var(--cream);background:#c8d2ff0f;border-color:#c3cadf4d}body[data-room=mirror] .type-match__item small,body[data-room=mirror] .type-match__item span{color:var(--cream-dim)}body[data-room=mirror] .type-match__item--best small{color:var(--rose)}body[data-room=mirror] .type-cta,body[data-room=mirror] .compat{background:radial-gradient(120% 100% at 50% 0,#8c78e64d,#0000 70%),#10132e;border-color:#e9b4a673}body[data-room=mirror] .compat__percent{color:#fff;text-shadow:0 0 24px #e9b4a699}body[data-room=mirror] .actionbar{background:linear-gradient(#080a1800,#080a18eb 30%)}body[data-room=mirror] .type-tile{aspect-ratio:3/4.3;background:radial-gradient(120% 50% at 50% 0,#8c78e659,#0000 60%),linear-gradient(#1a1c48,#0d0f2a);border:0;border-radius:12px;place-content:center;box-shadow:inset 0 0 0 1.5px #d6dbea,inset 0 0 0 6px #10132e,inset 0 0 0 7px #e9b4a680,0 10px 24px #00000073}body[data-room=mirror] .type-tile.is-mine{box-shadow:inset 0 0 0 1.5px var(--rose), inset 0 0 0 6px #10132e, inset 0 0 0 7px var(--rose), 0 0 24px #e9b4a673}body[data-room=mirror] .type-tile__symbol{color:#fff;text-shadow:0 0 16px #aa96ffcc;font-size:2rem}body[data-room=mirror] .type-tile__mine{background:var(--rose)}@keyframes mirror-in{0%{opacity:0;filter:blur(4px);transform:scale(.94)}to{opacity:1;filter:none;transform:none}}@keyframes sheen{0%{transform:translate(-60%)}to{transform:translate(60%)}}@keyframes card-flip{0%{opacity:0;transform:perspective(1200px)rotateY(-90deg)scale(.95)}60%{opacity:1;transform:perspective(1200px)rotateY(12deg)}to{transform:none}}.doors{gap:12px;display:grid}.doors .section-title{margin-bottom:4px}.door{--door-a:#3a0d1e;--door-b:#160710;--door-line:#c9a45c80;--door-accent:#e6cc92;text-align:left;border:1px solid var(--door-line);background:radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, var(--door-a) 100%, white 8%), transparent 65%), linear-gradient(135deg, var(--door-a), var(--door-b));border-radius:18px 18px 14px 14px;align-items:center;gap:14px;width:100%;min-height:104px;padding:14px 16px;animation:.5s both rise;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 28px #00000073,inset 0 1px #ffffff1a}.door:nth-of-type(2){animation-delay:70ms}.door:nth-of-type(3){animation-delay:.14s}.door:active{transform:scale(.985)}.door--mirror{--door-a:#262566;--door-b:#0b0d24;--door-line:#c3cadf80;--door-accent:#e9b4a6}.door--masquerade{--door-a:#2b1a2e;--door-b:#070608;--door-line:#d6be8c73;--door-accent:#e3c98f}.door--study{--door-a:#4a1024;--door-b:#14060b}.door.is-locked{filter:saturate(.75)}.door.is-locked:after{content:"";pointer-events:none;background:repeating-linear-gradient(135deg,#ffffff06 0 10px,#0000 10px 20px);position:absolute;top:0;bottom:0;left:0;right:0}.door__symbol{border:1px solid var(--door-line);width:56px;height:66px;color:var(--door-accent);background:#0000004d;border-radius:28px 28px 8px 8px;flex:none;place-items:center;font-size:1.6rem;display:grid;box-shadow:inset 0 0 18px #0006}.door.is-locked .door__symbol{font-size:1.3rem}.door__body{flex:1;gap:1px;min-width:0;display:grid}.door__en{font-family:var(--latin);letter-spacing:.24em;color:var(--door-accent);font-size:.68rem;font-weight:600}.door__name{letter-spacing:.08em;color:#fff;font-size:1.2rem}.door__feature{color:#f5ead7c7;font-size:.8rem}.door__status{color:var(--door-accent);flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-top:4px;font-size:.86rem;font-weight:700;display:flex}.door__status small{color:#f5ead799;font-size:.72rem;font-weight:500}.door__status--open:before{content:"●";color:#7be0a8;margin-right:2px;font-size:.6rem}.door__key{word-break:auto-phrase;font-family:var(--hand);color:#f5ead7b3;margin-top:2px;font-size:.74rem;font-weight:600}.door__arrow{color:var(--door-accent);font-size:1.6rem}.room-eyebrow{text-align:center;font-family:var(--latin);letter-spacing:.3em;color:var(--gold);margin:0;font-size:.78rem;font-weight:600}.room-title{text-align:center;letter-spacing:.08em;color:var(--gold-hi);margin:2px 0 10px;font-size:clamp(1.6rem,7.4vw,2rem)}.study{animation:.35s both fade}.study .pick .section-title{margin-top:18px}.gate{text-align:center;animation:.35s both fade}.gate__door{border:2px solid var(--gold-line);background:linear-gradient(90deg, transparent 49%, var(--gold-line) 49%, var(--gold-line) 51%, transparent 51%), radial-gradient(120% 80% at 50% 0%, #ffffff14, transparent 60%), linear-gradient(180deg, #2a0a15, #0d0508);border-radius:75px 75px 10px 10px;width:150px;height:200px;margin:6px auto 18px;position:relative;box-shadow:0 18px 50px #0009,inset 0 0 30px #00000080}.gate__lock{filter:drop-shadow(0 0 10px #ffd28c80);font-size:2rem;animation:2.6s ease-in-out infinite breathe-plain;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.gate__feature{letter-spacing:.1em;color:var(--rose);margin:0;font-size:.9rem}.gate__teaser{max-width:22em;font-family:var(--hand);word-break:auto-phrase;margin:12px auto 18px;font-weight:600;line-height:1.9}.gate__count{justify-content:center;gap:10px;display:flex}.gate__count span{border:1px solid var(--gold-line);min-width:76px;color:var(--cream-dim);background:#0000004d;border-radius:12px;padding:8px 6px;font-size:.78rem;display:grid}.gate__count b{font-family:var(--latin);color:var(--gold-hi);font-size:2rem;line-height:1.1}.gate__date{color:var(--gold);margin:10px 0 18px;font-size:.86rem}.gate__keybox,.keybox{border-radius:var(--radius);border:1px solid var(--gold-line);background:#00000047;margin:0 0 8px;padding:16px}.gate__keybox p,.keybox p{word-break:auto-phrase;text-wrap:balance;text-align:center;margin:0 0 12px;font-size:.9rem;line-height:1.8}.gate--mirror .gate__door,body[data-room=mirror] .gate__door{background:linear-gradient(90deg, transparent 49%, var(--gold-line) 49%, var(--gold-line) 51%, transparent 51%), linear-gradient(180deg, #1d1d52, #0b0d24)}body[data-room=masquerade]{--gold:#d9c08a;--gold-hi:#f3e3b8;--gold-line:#d9c08a73;--rose:#c98bb8;--cream:#f4ece0;--cream-dim:#f4ece0b3;background-color:#060507;background-image:radial-gradient(90% 50% at 50% -5%,#f3e3b847,#0000 60%),radial-gradient(60% 40% at 85% 60%,#78326e59,#0000 70%),radial-gradient(3px 3px at 20% 22%,#f3e3b8b3,#0000),radial-gradient(2px 2px at 70% 14%,#f3e3b899,#0000),radial-gradient(3px 3px at 40% 36%,#f3e3b873,#0000),linear-gradient(#120d14 0%,#08070a 60%,#050405 100%)}body[data-room=masquerade] .topbar{background:linear-gradient(#060507eb,#060507b3);border-bottom-color:#d9c08a33}body[data-room=masquerade] .btn--primary{color:#1a1018;background:linear-gradient(#f3e3b8,#d9c08a 55%,#b1945a);border-color:#fff6;box-shadow:0 6px 22px #d9c08a59}body[data-room=masquerade] .gate__door{background:linear-gradient(90deg, transparent 49%, var(--gold-line) 49%, var(--gold-line) 51%, transparent 51%), radial-gradient(120% 80% at 50% 0%, #f3e3b826, transparent 60%), linear-gradient(180deg, #2b1a2e, #070608);border-radius:75px 75px 10px 10px}.backdrop{z-index:-1;pointer-events:none;justify-content:center;transition:opacity .5s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.backdrop svg{width:100%;max-width:760px;height:100%}.backdrop--study{opacity:.5}.backdrop--mirror,.backdrop--masquerade{opacity:.85}.bd-spark{opacity:.2;animation:4.8s ease-in-out infinite bd-twinkle}.bd-flicker{animation:3.2s ease-in-out infinite alternate bd-flicker}.bd-flicker--late{animation-delay:1.1s}.bd-sheen{animation:9s ease-in-out infinite bd-sheen}@keyframes bd-twinkle{0%,to{opacity:.15}50%{opacity:.9}}@keyframes bd-flicker{0%{opacity:.7}50%{opacity:1}to{opacity:.8}}@keyframes bd-sheen{0%{transform:translate(0)}60%,to{transform:translate(760px)}}.ornate-mirror{margin:0 auto;position:relative}.ornate-mirror--reflect{-webkit-box-reflect:below 2px linear-gradient(transparent 76%, #ffffff29)}.ornate-mirror__frame{filter:drop-shadow(0 6px 18px #0000008c)drop-shadow(0 0 16px #8c78e659);width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.ornate-mirror__glass{background:radial-gradient(120% 90% at 30% 18%,#ffffff47,#0000 50%),linear-gradient(165deg,#3a3b7e,#1a1c48 55%,#0e1030);border-radius:50%;position:absolute;overflow:hidden;box-shadow:inset 0 0 30px #0000008c,inset 0 0 2px #fff9}.ornate-mirror__content{text-align:center;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.ornate-mirror__content img{object-fit:cover;object-position:52% 38%;width:100%;height:100%}.ornate-mirror__mist{pointer-events:none;background:radial-gradient(40% 30% at 30% 70%,#dce1ff24,#0000 70%),radial-gradient(35% 25% at 70% 30%,#e9b4a61a,#0000 70%);animation:12s ease-in-out infinite alternate om-mist;position:absolute;top:-20%;bottom:-20%;left:-20%;right:-20%}.ornate-mirror__sheen{pointer-events:none;background:linear-gradient(115deg,#0000 42%,#ffffff52 49%,#ffffff0f 53%,#0000 58%);animation:6s ease-in-out infinite om-sheen;position:absolute;top:-30%;bottom:-30%;left:-30%;right:-30%}.om-intro{width:230px;margin:0 auto 34px}.om-intro .ornate-mirror__content img{filter:saturate(.95)brightness(.95)}.om-q{width:min(100%,360px);margin:10px auto 16px}.om-q .flow__q{color:#fff;text-shadow:0 0 18px #aa96ffb3;margin:0;padding:0 14%;font-size:1.18rem;line-height:1.6}.om-judge{width:200px;margin-bottom:40px}.om-judge .ornate-mirror__sheen{animation-duration:1.6s}.om-ghost{opacity:0;animation:1.6s .2s forwards om-ghost}.om-symbol{width:118px;margin:6px auto 4px}.om-symbol__mark{color:#fff;text-shadow:0 0 16px #beaafff2,0 0 2px #fff;font-size:2.2rem}@keyframes om-sheen{0%{transform:translate(-70%)}55%,to{transform:translate(70%)}}@keyframes om-mist{0%{transform:translate(-4%,2%)}to{transform:translate(4%,-3%)}}@keyframes om-ghost{0%{opacity:0;filter:blur(8px)}to{opacity:.85;filter:blur()}}.bd-gold{opacity:.35;animation:5.5s ease-in-out infinite bd-gold}.bd-star{opacity:0;animation:6.5s ease-in-out infinite bd-star}.bd-float{animation:9s ease-in-out infinite alternate bd-float}.bd-float--late{animation-delay:-4s}@keyframes bd-gold{0%,to{opacity:.2}50%{opacity:.95}}@keyframes bd-star{0%,70%,to{opacity:0;transform:scale(.4)rotate(0)}80%{opacity:1;transform:scale(1.15)rotate(25deg)}}@keyframes bd-float{0%{translate:0}to{translate:0 -18px}}.mask-emblem{filter:drop-shadow(0 4px 10px #00000080)drop-shadow(0 0 14px #f3e3b859);display:block}.gate__mask{width:250px;margin:24px auto 26px;animation:4s ease-in-out infinite alternate bd-float;position:relative}.gate__lock--mask{font-size:1.5rem;top:auto;bottom:-16px;transform:translate(-50%)}.door--masquerade .door__symbol{position:relative}.door--masquerade .mask-emblem{width:50px;height:auto}.door__lockbadge{font-size:.9rem;position:absolute;bottom:-6px;right:-6px}.gate__portrait{aspect-ratio:3/3.9;border-radius:105px 105px 14px 14px;width:210px;margin:8px auto 30px;position:relative;overflow:visible;box-shadow:0 0 0 3px #e2bf6a,0 0 0 7px #120a12,0 0 0 8px #e2bf6a99,0 20px 50px #000000b3,0 0 60px #f3e3b84d}.gate__portrait img{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.gate__portrait .gate__lock--mask{background:#120a12;border-radius:999px;padding:4px 8px;top:auto;bottom:-18px;left:50%;box-shadow:0 0 0 1px #e2bf6a}.pair{padding-top:14px;animation:.35s both fade}.pair__mirrors{grid-template-columns:1fr 1fr;gap:8px;margin:12px 0 14px;display:grid}.pair__person{color:var(--cream);justify-items:center;gap:2px;display:grid}.pair__person small{color:var(--rose);font-size:.72rem}.pair__person b{font-size:1rem}.compat__back{margin-top:14px}.compat__note{color:var(--cream-dim);margin:6px 0 0;font-size:.74rem}.announce{z-index:70;-webkit-backdrop-filter:blur(4px);background:#050306db;place-items:center;padding:24px 20px;animation:.3s both fade;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.announce__burst{pointer-events:none;background:repeating-conic-gradient(#f3e3b829 0deg 6deg,#0000 6deg 18deg);width:520px;height:520px;animation:18s linear infinite announce-spin,.8s both fade;position:absolute;top:34%;left:50%;translate:-50% -50%;-webkit-mask:radial-gradient(circle,#000 0%,#0000 65%);mask:radial-gradient(circle,#000 0%,#0000 65%)}.announce__body{text-align:center;width:min(100%,360px);position:relative}.announce__emblem{place-items:center;height:210px;margin-bottom:10px;display:grid}.announce__key{filter:drop-shadow(0 0 22px #f3e3b8bf)drop-shadow(0 8px 16px #0009);width:110px;animation:1.1s cubic-bezier(.2,.9,.3,1.2) both key-in}.announce__emblem .mask-emblem{animation:1.1s cubic-bezier(.2,.9,.3,1.2) both key-in}.announce__symbol{color:#fff3c9;background:radial-gradient(circle at 35% 30%,#c23a55,#8e1b36 60%,#4a0a1b);border-radius:50%;place-items:center;width:130px;height:130px;font-size:3.4rem;animation:1.1s cubic-bezier(.2,.9,.3,1.2) both key-in;display:grid;box-shadow:0 0 0 3px #e2bf6a,0 0 40px #f3e3b899}.announce__eyebrow{font-family:var(--latin);letter-spacing:.32em;color:#e2bf6a;margin:0;font-size:.78rem;font-weight:600;animation:.6s .5s both rise}.announce__title{letter-spacing:.06em;color:#fff6e0;text-shadow:0 0 20px #f3e3b880;margin:6px 0 10px;font-size:1.5rem;animation:.6s .6s both rise}.announce__text{font-family:var(--hand);color:#f5ead7d9;word-break:auto-phrase;text-wrap:balance;margin:0 0 20px;font-weight:600;line-height:1.9;animation:.6s .75s both rise}.announce .btn,.announce .link{animation:.6s .9s both rise}.door__new{letter-spacing:.06em;color:#1a0810;background:linear-gradient(90deg,#f3e3b8,#e2bf6a);border-radius:999px;justify-self:start;margin-bottom:2px;padding:1px 10px;font-size:.68rem;font-weight:700;animation:2.4s ease-in-out infinite breathe-plain;box-shadow:0 0 12px #f3e3b899}@keyframes key-in{0%{opacity:0;filter:blur(4px);transform:translateY(-60px)rotate(-30deg)scale(.6)}60%{opacity:1;filter:none;transform:translateY(6px)rotate(8deg)scale(1.05)}to{transform:none}}@keyframes announce-spin{to{rotate:360deg}}