:root{--ink-strong: #0a0a0a;--ink: #171717;--text: #404040;--ink-soft: #737373;--paper: #ffffff;--on-ink: #ffffff;--white: #ffffff;--night: #09090b;--wash: rgb(0 0 0 / .03);--fill: #f5f5f5;--track: #e5e5e5;--surface: rgba(255, 255, 255, .6);--surface-strong: rgba(255, 255, 255, .85);--line: rgb(0 0 0 / .1);--line-soft: rgba(229, 229, 229, .6);--btn-line: #d4d4d4;--black: #18181b;--black-hover: #3f3f46;--danger: #b91c1c;--sun: #ffe08a;--east: #b5463d;--west: #4949ab;--mbti: #198456;--spec-bg: #241a49;--neon-pink: #ff4fd8;--neon-mint: #2ff5c0;--neon-blue: #4cc9ff;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 14px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-3xl: 28px;--radius-4xl: 32px;--radius-pill: 999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .15s;--dur-base: .2s;--dur-slow: .25s;--font: "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Yu Gothic", system-ui, sans-serif}body.is-ura{--ink-strong: #fafafa;--ink: #fafafa;--text: #d4d4d8;--ink-soft: #a1a1aa;--paper: var(--night);--on-ink: var(--night);--wash: rgb(255 255 255 / .04);--surface: rgb(255 255 255 / .04);--surface-strong: rgb(24 24 27 / .92);--line: rgb(255 255 255 / .14);--line-soft: rgb(255 255 255 / .12);--btn-line: rgb(255 255 255 / .24);--black: #fafafa;--black-hover: #d4d4d8}:root{--phone: 448px}*{box-sizing:border-box}button{padding:0}[hidden]{display:none!important}h1,h2,h3,h4{color:var(--ink);font-weight:700}.icon{flex:none;width:1.15em;height:1.15em;vertical-align:-.2em}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font);color:var(--text);line-height:1.75;text-align:left;background:var(--paper);-webkit-tap-highlight-color:transparent}.sky{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.95) 1.5px,transparent 2px),radial-gradient(circle,rgba(255,79,216,.35) 1.5px,transparent 2px);background-size:80px 80px,130px 130px;background-position:0 0,40px 60px;opacity:.75}.phone{position:relative;width:100%;max-width:var(--phone);min-height:100vh;min-height:100dvh;margin:0 auto;padding-inline:16px;padding-bottom:env(safe-area-inset-bottom,0px)}@media(min-width:520px){.phone{margin-block:24px;min-height:calc(100vh - 48px);background:#fff3;border:1px solid var(--line-soft);border-radius:var(--radius-4xl)}}@property --guide-h{syntax: "<length>"; inherits: true; initial-value: 148px;}:root{--guide-full: 148px;--guide-compact: 74px}body{--guide-h: calc(var(--guide-full) + env(safe-area-inset-top, 0px))}body.compact-guide{--guide-h: calc(var(--guide-compact) + env(safe-area-inset-top, 0px))}.guide-slot{position:sticky;top:0;z-index:20;height:calc(var(--guide-full) + env(safe-area-inset-top,0px));margin-inline:-16px;pointer-events:none}.guide{position:absolute;inset:0 0 auto;min-height:var(--guide-h);pointer-events:auto;contain:layout;display:flex;align-items:flex-end;gap:8px;padding:calc(8px + env(safe-area-inset-top,0px)) 16px 8px;background-color:#fffffff0;backdrop-filter:blur(8px);border-bottom:1px solid var(--line-soft)}@media(min-width:520px){.guide{border-radius:var(--radius-4xl) var(--radius-4xl) 0 0}}.owl{flex:0 0 76px;width:76px;display:flex;align-items:flex-end}.owl-svg{width:100%;height:auto;display:block;overflow:visible}.bubble-wrap{flex:1;min-width:0}.guide-name{margin:0 0 0 8px;font-size:.72rem;font-weight:700;color:var(--ink)}.guide-name small{font-weight:400;color:var(--ink-soft)}.bubble{position:relative;margin:0;min-height:3.6em;padding:8px 16px;font-size:.88rem;font-weight:400;line-height:1.6;color:var(--ink);background:var(--surface-strong);border:1px solid var(--line-soft);border-radius:var(--radius-xl);border-bottom-left-radius:8px;white-space:pre-line;overflow-wrap:anywhere}.bubble.pop{animation:pop var(--dur-slow) var(--ease-out)}.guide,.toc{transition:transform var(--dur-slow) var(--ease-out),opacity var(--dur-slow) var(--ease-out),background-color var(--dur-slow) var(--ease-out),height var(--dur-slow) var(--ease-out),top var(--dur-slow) var(--ease-out)}body.compact-guide .guide{align-items:center;padding-block:calc(8px + env(safe-area-inset-top,0px)) 8px}body.compact-guide .owl{flex-basis:40px;width:40px}body.compact-guide .guide-name{display:none}body.compact-guide .bubble{min-height:0;padding:8px 16px;font-size:.76rem;line-height:1.5}body.spec-view .guide,body.spec-view .toc{opacity:0;pointer-events:none;transform:translateY(-130%)}@keyframes pop{0%{transform:scale(.96)}to{transform:scale(1)}}.owl-body{transform-origin:100px 200px;animation:bob 3s ease-in-out infinite}.lids{transform-origin:center;transform-box:fill-box;transform:scaleY(0);animation:blink var(--blink-every, 4s) var(--blink-delay, 0s) infinite ease-out}.wing-l{transform-origin:56px 110px;transform-box:view-box}.wing-r{transform-origin:144px 110px;transform-box:view-box}.tassel{transform-origin:140px 34px;transform-box:view-box;animation:swing 2.4s ease-in-out infinite}.orbit-star{fill:var(--sun);stroke:var(--ink);stroke-width:1.5;opacity:0;transition:opacity var(--dur-slow) var(--ease-out)}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes blink{0%,93%,99%,to{transform:scaleY(0)}96%{transform:scaleY(1)}}@keyframes swing{0%,to{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}@keyframes flap-l{50%{transform:rotate(18deg)}}@keyframes flap-r{50%{transform:rotate(-18deg)}}@keyframes hop{40%{transform:translateY(-12px)}}@keyframes look{0%,to{transform:translate(-5px,-3px)}50%{transform:translate(5px,-3px)}}@keyframes spin{to{transform:rotate(360deg)}}[data-mood=happy] .owl-body{animation:hop .6s var(--ease-out) 1,bob 3s ease-in-out .6s infinite}[data-mood=happy] .wing-l{animation:flap-l .3s ease-in-out 3}[data-mood=happy] .wing-r{animation:flap-r .3s ease-in-out 3}[data-mood=thinking] .pupils{animation:look 1.6s ease-in-out infinite}[data-mood=thinking] .orbit-star{opacity:1}[data-mood=thinking] .owl-orbit{transform-origin:100px 110px;animation:spin 4s linear infinite}[data-mood=surprised] .pupil{r:14px}[data-mood=surprised] .owl-body{animation:hop .35s var(--ease-out) 2}.flow-form{padding-top:16px;scroll-margin-top:110px}.progress{display:flex;gap:8px;margin:0 0 16px;padding:0;list-style:none}.progress li{flex:1}.progress button{width:100%;min-height:40px;display:flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:.78rem;font-weight:700;color:var(--ink-soft);background:var(--paper);border:1px solid var(--btn-line);border-radius:var(--radius-pill);cursor:pointer}.progress button span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;border:1px solid currentColor;font-size:.75rem}.progress button:disabled{cursor:default;opacity:.55}.progress .is-done button{color:var(--ink)}.progress .is-done button span,.progress .is-current button{color:var(--on-ink);background:var(--black);border-color:var(--black)}.progress .is-current button span{color:var(--black);background:var(--paper);border-color:var(--paper)}.deck{perspective:1200px}.step-card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-3xl);padding:24px 16px;transform-origin:center left}.step-card.enter-next{animation:flip-next var(--dur-slow) var(--ease-out)}.step-card.enter-prev{animation:flip-prev var(--dur-slow) var(--ease-out)}@keyframes flip-next{0%{opacity:0;transform:rotateY(-35deg) translate(40px)}to{opacity:1;transform:none}}@keyframes flip-prev{0%{opacity:0;transform:rotateY(35deg) translate(-40px)}to{opacity:1;transform:none}}.step-kicker{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:var(--ink-soft)}.step-card h2{margin:0 0 16px;font-size:1.35rem;line-height:1.4}.step-hint{margin:-8px 0 16px;font-size:.82rem;color:var(--ink-soft)}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.field-label{font-size:.85rem;font-weight:700;color:var(--ink)}.field-label small{font-weight:400;color:var(--ink-soft)}input[type=date],input[type=time],input[type=text]{width:100%;min-height:54px;padding:8px 16px;font:inherit;font-size:1.1rem;font-weight:400;color:var(--ink);background:var(--paper);border:1px solid var(--btn-line);border-radius:var(--radius-md);appearance:none;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}input:focus{outline:none;border-color:var(--black);box-shadow:0 0 0 1px var(--black)}input:disabled{opacity:.45}button:focus-visible,label:has(>input:focus-visible){outline:2px solid var(--black);outline-offset:2px}.toggle{display:flex;align-items:center;gap:16px;min-height:48px;font-weight:400;color:var(--ink);cursor:pointer}.toggle input{position:absolute;margin:0;opacity:0}.toggle-ui{position:relative;flex:0 0 52px;height:30px;border-radius:var(--radius-pill);background:var(--track);transition:background-color var(--dur-base) var(--ease-out)}.toggle-ui:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--paper);box-shadow:0 1px 2px #0003;transition:transform var(--dur-base) var(--ease-out)}.toggle input:checked+.toggle-ui{background:var(--black)}.toggle input:checked+.toggle-ui:after{transform:translate(22px)}.region-tabs{display:flex;gap:8px;margin:-8px -16px 8px;padding:8px 16px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.region-tabs::-webkit-scrollbar{display:none}.region-tab{flex:0 0 auto;min-height:40px;padding:0 16px;font:inherit;font-size:.85rem;font-weight:700;color:var(--ink);background:var(--paper);border:1px solid var(--btn-line);border-radius:var(--radius-pill);scroll-snap-align:start;cursor:pointer}.region-tab[aria-selected=true]{color:var(--on-ink);background:var(--black);border-color:var(--black)}.pref-grid{min-height:168px}.pref-group{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pref-badge input,.pref-unknown input,.mbti-btn input,.segmented input{position:absolute;margin:0;opacity:0;pointer-events:none}.pref-badge span{display:grid;place-items:center;min-height:52px;font-weight:700;color:var(--ink);background:var(--paper);border:1px solid var(--btn-line);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.pref-badge span:active,.mbti-btn span:active{transform:scale(.98)}.pref-badge input:checked+span{color:var(--on-ink);background:var(--black);border-color:var(--black)}.pref-unknown span{display:block;margin-top:16px;padding:16px;font-size:.88rem;font-weight:400;color:var(--ink-soft);background:var(--paper);border:1px dashed var(--btn-line);border-radius:var(--radius-md);cursor:pointer}.pref-unknown input:checked+span{color:var(--on-ink);background:var(--black);border:1px solid var(--black)}.mbti-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mbti-btn span{position:relative;display:grid;place-items:center;min-height:56px;font-size:1rem;font-weight:700;letter-spacing:.04em;color:var(--ink);background:var(--paper);border:1px solid var(--btn-line);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.mbti-btn.group-nf{--group: #047857;--group-line: #6ee7b7}.mbti-btn.group-nt{--group: #7c3aed;--group-line: #c4b5fd}.mbti-btn.group-sj{--group: #0369a1;--group-line: #7dd3fc}.mbti-btn.group-sp{--group: #b45309;--group-line: #fcd34d}.mbti-btn span{border-color:var(--group-line)}.mbti-btn span:before{content:"";position:absolute;top:8px;left:8px;width:8px;height:8px;border-radius:50%;background:var(--group)}.mbti-btn input:checked+span{color:var(--white);background:var(--group);border-color:var(--group)}.mbti-btn input:checked+span:before{background:var(--white)}.mbti-picked{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 8px;min-height:3.2em;margin:16px 0 8px;padding:8px 16px;font-size:.9rem;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-md)}.mbti-picked b{font-size:1.1rem;font-weight:700;color:var(--ink)}.mbti-picked small{font-size:.72rem}.optional{margin-top:16px}.optional summary{min-height:48px;display:flex;align-items:center;gap:8px;font-weight:700;font-size:.88rem;color:var(--ink);cursor:pointer;list-style:none}.optional summary::-webkit-details-marker{display:none}.optional summary:before{content:"";flex:none;width:16px;height:16px;background-color:currentColor;-webkit-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%2012h14%27%2F%3E%3Cpath%20d%3D%27M12%205v14%27%2F%3E%3C%2Fsvg%3E) center / contain no-repeat;mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%2012h14%27%2F%3E%3Cpath%20d%3D%27M12%205v14%27%2F%3E%3C%2Fsvg%3E) center / contain no-repeat}.optional[open] summary:before{-webkit-mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%2012h14%27%2F%3E%3C%2Fsvg%3E);mask-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M5%2012h14%27%2F%3E%3C%2Fsvg%3E)}.optional[open] summary{margin-bottom:8px}.segmented{display:flex;gap:8px}.segmented label{flex:1}.segmented span{display:grid;place-items:center;min-height:48px;font-weight:700;color:var(--ink);background:var(--paper);border:1px solid var(--btn-line);border-radius:var(--radius-md);cursor:pointer}.segmented input:checked+span{color:var(--on-ink);background:var(--black);border-color:var(--black)}.form-error{min-height:1.6em;margin:8px 0 0;font-size:.85rem;font-weight:700;color:var(--danger)}.form-privacy{flex-basis:100%;margin:0;font-size:.7rem;line-height:1.6;color:var(--ink-soft)}.action-bar{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0 calc(16px + env(safe-area-inset-bottom,0px))}.btn-main,.btn-sub{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 16px;font:inherit;font-weight:700;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn-main{flex:1;font-size:1.08rem;color:var(--on-ink);background:var(--black);border:1px solid var(--black)}.btn-sub{flex:0 0 auto;padding:0 24px;color:var(--ink);background:var(--paper);border:1px solid var(--btn-line)}.btn-main:active,.btn-sub:active{transform:scale(.98)}.region-tab,.segmented span,.relation-tab span,.progress button,.toc-links a,.toc-all,.home-link,.sheet-close,.pref-unknown span,.optional summary{transition-property:transform,background-color,color,border-color;transition-duration:var(--dur-fast);transition-timing-function:var(--ease-out)}:is(.region-tab,.segmented span,.relation-tab span,.progress button,.toc-links a,.toc-all,.home-link,.sheet-close,.pref-unknown span,.optional summary):active{transform:scale(.98)}.progress button:disabled:active{transform:none}.btn-main:active{background:var(--black-hover)}.btn-sub:active{background:var(--fill)}@media(hover:hover){.btn-main:hover,.btn-save:hover{background:var(--black-hover)}.btn-sub:hover,.pair-cta:hover,.chapter-toggle:hover,.toc-all:hover,.sheet-close:hover{background:var(--fill)}}.result{padding-top:16px}.manual{overflow:hidden;background:transparent;border:1px solid var(--line-soft);border-radius:var(--radius-3xl)}.cover{position:relative;overflow:hidden;padding:32px 24px 24px;border:1px solid var(--line-soft);border-radius:var(--radius-3xl);color:var(--text);background:var(--surface)}.cover-kicker{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:var(--ink-soft)}.cover-title{margin:8px 0 16px;padding-bottom:16px;font-size:1.75rem;font-weight:700;line-height:1.3;color:var(--ink);border-bottom:1px solid var(--line)}.cover-title:last-child{margin-bottom:0;padding-bottom:0;border-bottom:0}.cover-sub{margin:0;font-size:.82rem;font-weight:700;color:var(--ink-soft)}.chapter{padding:24px 24px 8px;scroll-margin-top:calc(var(--guide-h) + 58px)}.chapter[data-chapter=intro]{border-top:0}.chapter-no{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:var(--ink-soft)}.chapter h3{margin:8px 0 16px;font-size:1.375rem;font-weight:800;line-height:1.375;color:var(--ink-strong)}.chapter h3 em{font-style:normal;text-decoration:underline 1px rgba(23,23,23,.25);text-underline-offset:6px}.chapter-guide{display:flex;align-items:flex-start;gap:8px;margin:-8px 0 16px;padding:8px 16px;font-size:.76rem;font-weight:400;line-height:1.6;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-sm)}.chapter-guide .icon{margin-top:.2em;color:var(--ink)}.chapter.is-collapsed .ai-text{max-height:calc(5.3em + 16px);overflow:hidden;-webkit-mask-image:linear-gradient(#000 35%,transparent);mask-image:linear-gradient(#000 35%,transparent)}.chapter.is-collapsed .more{display:none}.chapter-toggle{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:8px 16px;font:inherit;font-size:.8rem;font-weight:700;color:var(--ink);background:var(--paper);border:1px solid var(--btn-line);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.chapter-toggle:active{transform:scale(.98)}.toc{position:sticky;top:var(--guide-live, var(--guide-h));z-index:15;display:flex;align-items:center;gap:8px;margin:8px -8px;padding:8px;background:#ffffffdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line-soft);border-radius:var(--radius-pill)}.toc-home{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;color:var(--ink);background:var(--paper);border:1px solid var(--btn-line);border-radius:var(--radius-pill);cursor:pointer}.toc-home:active{transform:scale(.98);background:var(--fill)}.home-link{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:48px;margin:8px 0 0;padding:0;font:inherit;font-size:.88rem;font-weight:700;color:var(--ink);background:transparent;border:0;cursor:pointer}.toc-links{display:flex;flex:1;gap:8px;min-width:0;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.toc-links::-webkit-scrollbar{display:none}.toc-links a{flex:0 0 auto;padding:0 8px;font-size:.74rem;font-weight:700;line-height:32px;color:var(--ink);text-decoration:none;white-space:nowrap;border-radius:var(--radius-pill)}.toc-links a[aria-current=true]{color:var(--on-ink);background:var(--black)}.toc-all{flex:0 0 auto;padding:0 8px;font:inherit;font-size:.68rem;font-weight:700;line-height:30px;color:var(--ink);background:var(--paper);border:1px solid var(--btn-line);border-radius:var(--radius-pill);cursor:pointer}.data-block{margin-bottom:16px;padding:16px;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-xl)}.hero-fact-big{flex:0 0 auto;display:grid;place-items:center;min-width:60px;height:60px;padding:0 8px;font-size:1.9rem;font-weight:700;color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper)}.hero-fact-big.mbti{font-size:1.3rem;color:var(--on-ink);background:var(--black);border-color:var(--black)}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.pillar{display:flex;flex-direction:column;padding:8px 0;background:var(--surface-strong);border-radius:var(--radius-sm);line-height:1.45}.pillar.is-day{background:var(--paper);box-shadow:inset 0 0 0 1px var(--ink)}.pillar.unknown{color:var(--ink-soft)}.pillar-label,.pillar-god,.pillar-stage{font-size:.66rem}.pillar-label{display:flex;flex-direction:column;font-weight:700;line-height:1.3}.pillar-label small{font-size:.56rem;font-weight:700;color:var(--ink-soft)}.pillar-char{font-size:1.55rem;font-weight:700;line-height:1.2}.pillar-empty{padding:1.9rem 0;font-size:.75rem}.el-wood{color:#2b9a48}.el-fire{color:#f0552a}.el-earth{color:#b07d1c}.el-metal{color:#8a8fa0}.el-water{color:#1f80e0}.bg-wood{background:#7ee2a0}.bg-fire{background:#ffa071}.bg-earth{background:#f2cf6b}.bg-metal{background:#cfd3e0}.bg-water{background:#6cc6ff}.facts{display:grid;gap:8px;margin:16px 0;font-size:.85rem}.facts div{display:flex;gap:8px;align-items:baseline}.facts dt{min-width:3.5em;font-weight:700}.facts dt .term small{font-size:.66rem;font-weight:700;color:var(--ink-soft)}#data-past .facts{gap:8px}#data-past .facts div{flex-direction:column;gap:0}#data-past .facts dt{white-space:nowrap}.facts dd{display:flex;flex-direction:column;margin:0;line-height:1.5}.facts dd small{font-size:.66rem;color:var(--ink-soft)}.bars{display:grid;gap:8px}.bar{height:8px;overflow:hidden;background:#17171714;border-radius:var(--radius-pill)}.bar-fill{display:block;height:100%;border-radius:var(--radius-pill);transition:width .8s var(--ease-out)}.bar-num{text-align:right}.chip-label{margin:8px 0;font-size:.72rem;font-weight:700;color:var(--ink-soft)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:0 16px;font-size:.8rem;font-weight:400;line-height:2;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-pill)}.functions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0;list-style:none;font-size:.85rem;font-weight:700;color:var(--ink)}.functions b{display:grid;flex:none;place-items:center;width:24px;height:24px;font-size:.7rem;color:var(--on-ink);background:var(--black);border-radius:50%}.functions small{font-weight:400;font-size:.68rem;color:var(--ink-soft)}.big3{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:8px}.note{margin:8px 0 0;font-size:.75rem;color:var(--ink-soft)}.flow{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none;font-size:.84rem}.flow-tag{flex:0 0 3.4em;text-align:center;font-size:.7rem;font-weight:700;line-height:2;color:var(--ink);background:var(--paper);border:1px solid var(--btn-line);border-radius:var(--radius-pill)}.more{margin-top:16px;font-size:.85rem}.more summary{min-height:40px;display:flex;align-items:center;font-weight:700;color:var(--ink);cursor:pointer}.planets{margin:0;padding:0;list-style:none}.gap-compare{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px}.gap-side{padding:8px;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-lg)}.gap-label{margin:0 0 8px;font-size:.8rem;font-weight:700;line-height:1.3;color:var(--ink)}.gap-label small{display:block;font-size:.62rem;color:var(--ink-soft)}.gap-side ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.gap-row{position:relative;display:flex;flex-direction:column;width:100%;padding:8px 24px 8px 8px;line-height:1.35;background:#fffc;border-radius:10px}.gap-row small{padding-right:16px;font-size:.6rem;color:var(--ink-soft)}.gap-row b{font-size:.76rem}.gap-side .gap-row{padding:8px}.gap-row .q{position:absolute;top:8px;right:8px;margin-left:0}.gap-vs{display:grid;place-items:center;font-size:1.2rem;color:var(--ink)}.alerts{display:grid;gap:8px;margin:0;padding:0;list-style:none;font-size:.85rem;font-weight:700;color:var(--ink)}.alerts li{display:flex;align-items:flex-start;gap:8px}.alerts li>span:last-child{display:flex;flex-direction:column;align-items:flex-start}.alerts small{font-size:.66rem;color:var(--ink-soft)}.alert-lamp{flex:0 0 14px;height:14px;margin-top:8px;border-radius:50%}.lamp-yellow{background:#eab308}.lamp-red{background:#ef4444}.lamp-blue{background:#3b82f6}.facts.relations{gap:8px;margin:0}.facts.relations dt{display:flex;flex-direction:column;flex:0 0 8.4em;line-height:1.4}.facts.relations dd{display:block}.facts.relations dt small{font-size:.6rem;font-weight:700;color:var(--ink-soft)}.ai-text{font-size:.9375rem;color:var(--text)}.ai-text p,.ai-text ul{margin:0 0 16px}.ai-text ul{padding-left:24px}.ai-text li{margin-bottom:8px}.ai-text p,.ai-text li{font-weight:400;line-height:1.8}.ai-text h3,.ai-text h4{margin:24px 0 8px;padding-left:12px;font-weight:700;line-height:1.375;color:var(--ink);border-left:2px solid var(--ink)}.ai-text h3{font-size:1.125rem}.ai-text h4{font-size:1rem}.ai-text>:is(h3,h4):first-child{margin-top:0}.ai-text strong{font-weight:600;color:var(--ink-strong)}.ai-text h4.part-conclusion{margin-top:8px;padding-left:0;border-left:0;font-size:.8rem;letter-spacing:.04em;color:var(--ink-soft)}.ai-text>h4.part-conclusion:first-child{margin-top:0}.part-reveal{margin:8px 0 16px;padding:16px 16px 0;font-size:.86rem;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-lg)}.chapter .ai-text .part-reveal h4{margin:0 0 8px;padding:0;background:none;border:0;font-size:.82rem;color:var(--ink)}.part-reveal ul{padding-left:24px}.part-reveal li{margin-bottom:8px}.ai-text blockquote{margin:0 0 16px;padding:8px 16px;font-size:.8rem;color:var(--ink-soft);background:var(--surface);border-left:2px solid var(--btn-line);border-radius:0 var(--radius-xs) var(--radius-xs) 0}.closing{padding:16px;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-xl);font-weight:400}.closing p:last-child{margin-bottom:0}.chapter-closing{padding-bottom:24px}.demo-note{margin:0;padding:0 24px 16px;font-size:.72rem;color:var(--ink-soft)}.error{color:var(--danger);font-weight:700}.skeleton{display:grid;gap:8px;margin:0 0 16px}.skeleton span{height:8px;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--track) 0%,var(--fill) 50%,var(--track) 100%);background-size:200% 100%;animation:shimmer 1.2s linear infinite}.skeleton span:last-child{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.share-hint{display:flex;align-items:center;gap:8px;margin:24px 0 8px;font-size:.8rem;font-weight:700;color:var(--ink-soft)}.spec-card{position:relative;overflow:hidden;padding:16px 16px 8px;color:var(--white);line-height:1.45;background:var(--spec-bg);border-radius:var(--radius-3xl);scroll-margin-top:12px}.spec-card:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.8) 1px,transparent 1.5px);background-size:34px 34px;opacity:.35}.spec-card>*{position:relative}.spec-head{display:flex;align-items:center;gap:8px}.spec-owl{flex:0 0 40px;width:40px}.spec-owl .owl-body,.spec-owl .lids,.spec-owl .tassel{animation:none}.spec-title{min-width:0}.spec-kicker{margin:0;font-size:.52rem;font-weight:700;letter-spacing:.2em;color:var(--neon-mint)}.spec-name{margin:0;overflow:hidden;font-size:1.02rem;font-weight:700;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}.spec-code{margin-left:auto;padding:0 8px;font-size:.85rem;font-weight:700;letter-spacing:.05em;color:var(--ink);background:var(--neon-mint);border-radius:9px}.spec-copy{margin:8px 0;padding:8px;font-size:.95rem;font-weight:700;line-height:1.45;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-md);text-wrap:pretty}.spec-faces,.spec-bento{display:grid;gap:8px;margin:0 0 8px}.spec-faces{grid-template-columns:repeat(3,1fr)}.spec-bento{grid-template-columns:1fr 1fr}.spec-faces div,.spec-bento .tile,.spec-energy{background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-sm)}.spec-faces div{display:flex;flex-direction:column;padding:8px}.spec-faces span{font-size:.56rem;font-weight:700;color:var(--neon-mint)}.spec-faces b{font-size:.66rem;line-height:1.4;text-wrap:pretty}.spec-bento .tile{display:flex;flex-direction:column;padding:8px}.spec-bento dt{font-size:.58rem;font-weight:700;color:var(--neon-blue);white-space:nowrap}.spec-bento dd{display:flex;flex-direction:column;margin:0;font-size:.7rem;font-weight:700;line-height:1.42}.spec-faces small,.spec-bento small{font-size:.52rem;font-weight:700;line-height:1.3;opacity:.6}.spec-energy{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:8px}.energy{display:flex;flex-direction:column;min-width:0}.energy .bar-name{overflow:hidden;font-size:.56rem;font-weight:700;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}.energy .bar-name small{display:block;font-size:.5rem;opacity:.6}.energy-meter{display:flex;align-items:center;gap:8px;margin-top:0}.energy-meter .bar{flex:1;height:5px;background:#ffffff26}.energy-meter b{font-size:.66rem}.spec-foot{display:flex;justify-content:space-between;gap:8px;margin:8px 0 0;font-size:.58rem;font-weight:700;opacity:.8}.spec-foot span:only-child{margin-left:auto}.btn-save{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:56px;margin:16px 0 0;padding:0 16px;font:inherit;font-size:.95rem;font-weight:700;color:var(--on-ink);background:var(--black);border:1px solid var(--black);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.btn-save:disabled{opacity:.6}.btn-save:active{transform:scale(.98);background:var(--black-hover)}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 8px}.result-actions button{width:100%;min-height:60px;padding:0 16px}.result-actions--three>:first-child{grid-column:1 / -1}.result-actions .btn-sub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;line-height:1.3}.btn-label{display:inline-flex;align-items:center;gap:8px}.result-actions .btn-sub small{font-size:.68rem;font-weight:400;color:var(--ink-soft)}.footer{padding:24px 0 32px;font-size:.62rem;line-height:1.6;color:var(--ink-soft)}.footer p{margin:4px 0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.term,.hero-fact,.bar-btn,.big3-item,.flow-row,.planet-row,.planet-card,.functions button,.gap-row{font:inherit;color:inherit;text-align:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.term{display:inline-flex;align-items:center;font-weight:700;color:var(--ink);text-decoration:underline dotted rgba(23,23,23,.4);text-decoration-thickness:1px;text-underline-offset:4px}.term-mini{font-size:inherit;text-underline-offset:3px}.q{display:inline-block;flex:0 0 auto;width:14px;height:14px;margin-left:8px;font-size:0;color:var(--ink-soft);background-color:currentColor;-webkit-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%2710%27%2F%3E%3Cpath%20d%3D%27M9.09%209a3%203%200%200%201%205.83%201c0%202-3%203-3%203%27%2F%3E%3Cpath%20d%3D%27M12%2017h.01%27%2F%3E%3C%2Fsvg%3E) center / contain no-repeat;mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Ccircle%20cx%3D%2712%27%20cy%3D%2712%27%20r%3D%2710%27%2F%3E%3Cpath%20d%3D%27M9.09%209a3%203%200%200%201%205.83%201c0%202-3%203-3%203%27%2F%3E%3Cpath%20d%3D%27M12%2017h.01%27%2F%3E%3C%2Fsvg%3E) center / contain no-repeat;vertical-align:middle}.term-mini .q{width:12px;height:12px}.term:active,.hero-fact:active,.bar-btn:active,.big3-item:active,.flow-row:active,.planet-row:active,.planet-card:active,.functions button:active{transform:scale(.98)}.block-title{margin:16px 0 8px;font-size:.8rem;font-weight:700;color:var(--ink)}.term-hint{display:flex;align-items:center;gap:8px;margin:0 0 16px;padding:8px 16px;font-size:.8rem;font-weight:700;line-height:1.5;color:var(--ink-soft);background:var(--fill);border-radius:var(--radius-md)}.term-hint-icon{flex:0 0 16px;width:16px;height:16px}.hero-fact{display:flex;align-items:center;gap:8px;width:100%;margin-bottom:8px;line-height:1.5}.hero-fact small{color:var(--ink-soft);font-size:.75rem}.pillar-god .term,.pillar-stage .term{justify-content:center}.bar-row{display:grid;grid-template-columns:7.2em 1fr 1.2em;align-items:center;gap:8px;width:100%;font-weight:700;font-size:.85rem}.bar-btn{grid-template-columns:10.6em 1fr 1.2em 15px;padding:0;border-radius:var(--radius-xs)}.bar-name{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.bar-name small{font-size:.62rem;color:var(--ink-soft);font-weight:700}.functions li{display:block}.functions button{display:flex;align-items:center;gap:8px;width:100%;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm)}.functions button .q{margin-left:auto}.big3-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:8px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);line-height:1.3}.big3-item>span:first-child{display:flex;flex-direction:column;align-items:flex-start;font-size:.72rem;font-weight:700;color:var(--ink)}.big3-item>span:first-child small{font-size:.62rem;color:var(--ink-soft)}.big3-item b{font-size:1.7rem;font-weight:700;color:var(--ink)}.big3-item em{font-style:normal;font-size:.8rem;font-weight:700;color:var(--ink)}.big3-item .q{position:absolute;top:8px;right:8px}.flow li{display:block}.flow-row{display:flex;align-items:center;gap:8px;width:100%;padding:8px;line-height:1.5;background:var(--surface-strong);border:1px solid var(--line-soft);border-radius:var(--radius-sm)}.flow-row small{color:var(--ink-soft);font-size:.75rem}.flow-row .q{margin-left:auto}.planets li{border-bottom:1px solid var(--line)}.planets li:last-child{border-bottom:0}.planet-card{display:grid;gap:8px;width:100%;padding:16px 0;text-align:left}.planet-card-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 8px;color:var(--ink)}.planet-card-head b{font-size:1rem;font-weight:800}.planet-role{flex:1;min-width:0;font-weight:700;word-break:auto-phrase;text-wrap:balance}.planet-card-head .q{align-self:center}.planet-card-row{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:8px;align-items:baseline;font-size:.875rem;line-height:1.7;color:var(--text)}.planet-card-row>small{font-size:.75rem;font-weight:700;color:var(--ink-soft)}.planet-card-sign{color:var(--ink-soft)}.planet-row{display:grid;grid-template-columns:minmax(0,1fr) 4.5rem 6.75rem;align-items:center;gap:8px;width:100%;padding:8px 0}.planet-name,.planet-sign{display:flex;flex-direction:column;line-height:1.35}.planet-name small{font-size:.68rem;font-weight:400;color:var(--ink-soft)}.planet-sign small{font-size:.68rem;color:var(--ink-soft)}.planet-sign-name{display:flex;align-items:baseline}.sign-mark{flex:none;width:1.5em;text-align:left}.planet-house{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--ink-soft);font-weight:700}.planet-house-text{display:flex;flex-direction:column;min-width:0;line-height:1.35}.planet-house small{font-size:.66rem;font-weight:700}body.sheet-open{overflow:hidden}.sheet{width:100%;max-width:var(--phone);max-height:86vh;max-height:86dvh;margin:auto auto 0;padding:0;color:var(--ink);background:var(--paper);border:0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:0 -8px 24px #00000014}.sheet[open]{animation:sheet-up var(--dur-slow) var(--ease-out)}.sheet::backdrop{background:#17171766;backdrop-filter:blur(2px)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}.sheet-inner{display:flex;flex-direction:column;max-height:inherit;padding:8px 16px calc(16px + env(safe-area-inset-bottom,0px))}.sheet-grip{align-self:center;width:40px;height:4px;margin-bottom:8px;background:var(--track);border-radius:var(--radius-pill)}.sheet-head{display:flex;align-items:center;gap:8px;padding-bottom:8px;border-bottom:1px solid var(--line)}.sheet-owl{flex:0 0 48px;width:48px}.sheet-owl .owl-body,.sheet-owl .lids,.sheet-owl .tassel{animation:none}.sheet-kicker{margin:0;font-size:.7rem;font-weight:700;color:var(--ink-soft)}.sheet-title{margin:0;font-size:1.15rem;line-height:1.4}.sheet-close{flex:0 0 auto;display:grid;place-items:center;width:40px;height:40px;margin-left:auto;font:inherit;font-size:1.1rem;color:var(--ink);background:var(--paper);border:1px solid var(--btn-line);border-radius:50%;cursor:pointer}.sheet-body{overflow-y:auto;overscroll-behavior:contain;padding:16px 0 8px;font-size:.92rem;color:var(--text)}.sheet-lead{margin:0 0 16px;padding:8px 16px;color:var(--ink);background:var(--fill);border-radius:var(--radius-sm)}.sheet-block h3{margin:16px 0 0;font-size:.85rem;font-weight:700;color:var(--ink)}.sheet-block p{margin:0}.sheet-tip{margin:16px 0 0;padding:8px 16px;font-size:.85rem;background:var(--fill);border-radius:var(--radius-sm)}.sheet-tip b{display:block;font-size:.75rem;color:var(--ink)}.sheet-ok{width:100%;margin-top:16px}.wait-status{margin:0 0 8px;font-size:.85rem;font-weight:400;color:var(--ink-soft)}.wait-status b{color:var(--ink);display:inline-block;min-width:1.6em;text-align:right}.error-card{margin:0 0 16px;padding:16px;background:var(--surface-strong);border:1px solid #fecaca;border-radius:var(--radius-xl)}.error-card b{display:block;color:var(--danger)}.error-card p{margin:8px 0 16px;font-size:.88rem}.error-card .btn-main{width:100%;min-height:48px;font-size:.95rem}.cast-member{display:block;flex:0 0 100%;min-width:0}.owl[data-count="2"]{flex-basis:104px;width:104px}.owl[data-count="2"] .cast-member{flex-basis:60px}.owl[data-count="3"]{flex-basis:124px;width:124px}.owl[data-count="3"] .cast-member{flex-basis:52px}.owl .cast-member+.cast-member{margin-left:-16px}.cast-member.face-right{--lean: 8deg}.cast-member.face-left{--lean: -8deg}.cast-member.is-flipped{--flip: -1}.cast-member[class*=face-]{transform:rotate(var(--lean, 0deg)) scaleX(var(--flip, 1));transform-origin:50% 100%}body.compact-guide .owl[data-count="2"]{flex-basis:60px;width:60px}body.compact-guide .owl[data-count="2"] .cast-member{flex-basis:36px}body.compact-guide .owl[data-count="3"]{flex-basis:76px;width:76px}body.compact-guide .owl[data-count="3"] .cast-member{flex-basis:32px}body.compact-guide .owl .cast-member+.cast-member{margin-left:-8px}body.compact-guide[data-scene=gap] .bubble,body.compact-guide[data-scene=emergency] .bubble,body.compact-guide[data-scene=relations] .bubble{font-size:.72rem;line-height:1.4}.cast-member:nth-child(2) .owl-body{animation-delay:-1s}.cast-member:nth-child(3) .owl-body{animation-delay:-2s}.chapter{--theme: var(--ink-soft);--theme-line: rgba(23, 23, 23, .25);position:relative;isolation:isolate}.chapter-manual{--theme: #1c775c;--theme-line: #269f7b}.chapter-past{--theme: var(--east);--theme-line: #ae7822}.chapter-present{--theme: var(--mbti);--theme-line: #62a12a}.chapter-gap{--theme: #98691d;--theme-line: #ae7822}.chapter-future{--theme: var(--west);--theme-line: #6f56cc}.chapter-emergency{--theme: var(--east);--theme-line: var(--east)}.chapter-relations{--theme: #b34e7f;--theme-line: #cc5991}.chapter-no{color:var(--theme)}.chapter h3 em{text-decoration-color:var(--theme-line);text-decoration-thickness:2px}.chapter-guide .icon{color:var(--theme)}.trio-hero{margin:0 0 16px;padding:16px;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-3xl)}.trio-slogan{margin:0;font-size:.86rem;font-weight:700;line-height:1.55;color:var(--ink)}.trio-slogan span{display:block;margin:0 0 8px;font-size:.68rem;font-weight:400;letter-spacing:.04em;color:var(--ink-soft)}.trio-row{display:flex;justify-content:center;align-items:flex-end;gap:8px}.trio-member{flex:1 1 0;min-width:0;margin:0}.trio-art{width:86%;max-width:104px;margin:0 auto}.trio-member figcaption{display:flex;flex-direction:column;align-items:center;line-height:1.35}.trio-member figcaption b{font-size:.78rem;color:var(--ink)}.trio-member figcaption small{font-size:.64rem;font-weight:400;color:var(--ink-soft)}.trio-ron .owl-body{animation-delay:-.8s}.trio-mint .owl-body{animation-delay:-1.9s}.trio--hero .trio-row{margin-top:8px}.trio--cover{margin:-8px -8px 16px;padding:8px;background:var(--surface-strong);border:1px solid var(--line-soft);border-radius:var(--radius-xl)}.trio--cover .trio-art{width:70%;max-width:64px}.trio--cover figcaption b{font-size:.68rem;color:var(--ink)}.trio--cover figcaption small{font-size:.58rem}.trio--cover .trio-slogan{margin-top:8px;font-size:.66rem;font-weight:400;letter-spacing:.04em;color:var(--ink-soft)}.doodles{position:fixed;inset:0;z-index:-1;pointer-events:none}.doodle-layer{position:absolute;inset:0;opacity:0;background-size:260px 260px;transition:opacity .8s var(--ease-out)}.doodle-intro{background-image:var(--doodle-intro)}.doodle-past{background-image:url(/assets/fret-tile-3WQF1IDl.webp);background-size:200px auto}.doodle-present{background-image:var(--doodle-present);background-position:90px 10px}.doodle-gap{background-image:var(--doodle-gap);background-position:20px 70px}.doodle-future{background-image:var(--doodle-future);background-position:60px 50px}.doodle-care{background-image:var(--doodle-care);background-position:10px 20px}.doodle-soul{background-image:var(--doodle-soul);background-position:30px 40px}body:not([data-scene]) .doodle-intro,body[data-scene=past] .doodle-past,body[data-scene=emergency] .doodle-care,body[data-scene=relations] .doodle-care{opacity:.5}.art-layer{position:absolute;inset:0;overflow:hidden;opacity:0;transition:opacity .8s var(--ease-out)}.art{position:absolute;display:block;background:center / contain no-repeat}.art-jupiter{top:22%;left:-48px;width:clamp(144px,38vw,240px);aspect-ratio:1;background-image:url(/assets/jupiter-Drr4J7gv.webp);transform:rotate(-8deg)}.art-pencil{top:48%;right:-32px;width:clamp(112px,28vw,176px);aspect-ratio:480 / 574;background-image:url(/assets/pencil-Cg7T3SEh.webp)}.art-yinyang{top:74%;left:-40px;width:clamp(128px,34vw,208px);aspect-ratio:1;background-image:url(/assets/yinyang-BnpXqn2R.webp);transform:rotate(12deg)}.art-mask{top:22%;left:-40px;width:clamp(160px,42vw,264px);aspect-ratio:480 / 330;background-image:url(/assets/mask-BgQk9hXI.webp);transform:rotate(-6deg)}.art-mahjong{top:48%;right:-28px;width:clamp(120px,30vw,184px);aspect-ratio:480 / 344;background-image:url(/assets/mahjong-DF5nOXTn.webp);transform:rotate(8deg)}.art-compass{top:74%;left:-40px;width:clamp(128px,34vw,208px);aspect-ratio:480 / 496;background-image:url(/assets/compass-Dv-ITtl4.webp);transform:rotate(-10deg)}.art-puzzle{top:16%;left:-40px;width:clamp(128px,34vw,208px);aspect-ratio:1;background-image:url(/assets/puzzle-D21srwwy.webp);transform:rotate(-8deg)}.art-daisy{top:36%;right:-32px;width:clamp(120px,30vw,184px);aspect-ratio:1;background-image:url(/assets/daisy-Ch-mw6g3.webp);transform:rotate(10deg)}.art-gear{top:56%;left:-40px;width:clamp(128px,34vw,208px);aspect-ratio:1;background-image:url(/assets/gear-CbBPw48_.webp);transform:rotate(6deg)}.art-cloud{top:76%;right:-32px;width:clamp(128px,32vw,196px);aspect-ratio:1;background-image:url(/assets/cloud-eIQzzoIU.webp);transform:rotate(-6deg)}.art-moon{top:10%;right:-36px;width:clamp(128px,32vw,200px);aspect-ratio:1;background-image:url(/assets/moon-DulBB8HX.webp);transform:rotate(-8deg)}.art-saturn{top:38%;left:-48px;width:clamp(160px,42vw,264px);aspect-ratio:1;background-image:url(/assets/saturn-4aWaPLR1.webp);transform:rotate(8deg)}.art-star{top:72%;right:-28px;width:clamp(112px,28vw,176px);aspect-ratio:1;background-image:url(/assets/star-D3__S9p1.webp);transform:rotate(12deg)}body[data-scene=cover] .art-intro,body[data-scene=manual] .art-intro,body[data-scene=present] .art-present,body[data-scene=gap] .art-gap,body[data-scene=future] .art-future{opacity:.4}@media(prefers-reduced-motion:reduce){.doodle-layer,.art-layer{transition:none}}.ambient{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.doodles .ambient{opacity:0;transition:opacity .8s var(--ease-out)}body[data-scene=past] .ambient-fall,body[data-scene^=soul] .ambient-numbers{opacity:1}.ambient-fall{z-index:0}.amb{position:absolute;animation-duration:var(--d);animation-delay:var(--delay);animation-iteration-count:infinite;animation-play-state:paused}.amb>i{display:block;width:var(--s);height:var(--s);background:var(--img) center / contain no-repeat}body[data-scene=past] .ambient-fall :is(.amb,.amb>i),body[data-scene^=soul] .ambient-numbers :is(.amb,.amb>i){animation-play-state:running}.amb-fall{left:var(--x);top:0;height:100%;animation-name:amb-fall;animation-timing-function:linear}.amb-fall>i{position:absolute;top:calc(var(--s) * -2);opacity:.9;animation:amb-leaf var(--sway-speed, 3s) ease-in-out var(--delay) infinite alternate;animation-play-state:paused}@keyframes amb-fall{0%{transform:translateY(0);opacity:0}5%,90%{opacity:1}to{transform:translateY(calc(100% + var(--s) * 4));opacity:0}}@keyframes amb-leaf{0%{transform:translate(calc(var(--sway, 16px) * -1)) rotate(-40deg)}to{transform:translate(var(--sway, 16px)) rotate(30deg)}}.amb-rise{left:var(--x);top:0;height:100%;animation-name:amb-rise;animation-timing-function:linear}.amb-rise>i{position:absolute;top:100%;opacity:.72;animation:amb-sway 3.6s ease-in-out infinite alternate;animation-play-state:paused}@keyframes amb-rise{0%{transform:translateY(0);opacity:0}6%,88%{opacity:1}to{transform:translateY(calc(-100% - var(--s) * 2));opacity:0}}@keyframes amb-sway{0%{transform:translate(-10px) rotate(-10deg)}to{transform:translate(10px) rotate(10deg)}}@media(prefers-reduced-motion:reduce){.amb,.amb>i{animation:none!important}.amb-fall,.amb-rise{display:none}}.pair-cta{display:flex;align-items:center;gap:8px;width:100%;min-height:56px;margin:16px 0 0;padding:8px 16px;font:inherit;font-size:.9rem;font-weight:700;line-height:1.45;text-align:left;word-break:keep-all;overflow-wrap:anywhere;color:var(--ink);background:var(--paper);border:1px solid var(--btn-line);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.pair-cta:active{transform:scale(.98);background:var(--fill)}.cover+.pair-cta{margin:8px 0 0}.pair-cta>span:not(.lock-chip){flex:1;min-width:0}.cta-lock[hidden]{display:none}.next-reads{margin:16px 0 0;background:var(--paper);border:1px solid var(--btn-line);border-radius:var(--radius-sm);overflow:hidden}.next-reads-head{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:32px;margin:0;padding:8px 0 0;font-size:.72rem;font-weight:700;color:var(--ink-soft)}.next-reads-head>span{padding:0 16px}.next-reads-head .lock-chip{width:fit-content}.next-reads-row{display:grid;grid-template-columns:1fr 1fr}.next-read{display:grid;align-content:center;gap:2px;min-height:64px;padding:8px 16px 12px;font:inherit;text-align:left;color:var(--ink);background:none;border:0;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.next-read+.next-read{border-left:1px solid var(--line)}.next-read b{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:.9rem;line-height:1.45}.next-read small{font-size:.72rem;line-height:1.5;color:var(--ink-soft)}.next-read:active{transform:scale(.98);background:var(--fill)}@media(hover:hover){.next-read:hover{background:var(--fill)}}select{width:100%;min-height:54px;padding:8px 16px;font:inherit;font-size:1.05rem;font-weight:400;color:var(--ink);background:var(--paper);border:1px solid var(--btn-line);border-radius:var(--radius-md)}select:focus{outline:none;border-color:var(--black);box-shadow:0 0 0 1px var(--black)}.invite-banner{display:flex;align-items:flex-start;gap:8px;margin:0 0 24px;padding:16px;font-size:.95rem;font-weight:700;line-height:1.5;color:var(--ink);background:var(--fill);border:1px solid var(--line-soft);border-radius:var(--radius-md)}.invite-banner .icon{flex:0 0 24px;width:24px;height:24px}.pair-form:not(.is-invite) .invite-only,.pair-form.is-invite .invite-hide,.pair-form.is-invite .pair-me>summary{display:none}.pair-form.is-invite .pair-me{margin:0 0 16px;padding:0;background:none;border:0}.invite-lock{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:.75rem;font-weight:400;color:var(--ink-soft)}.invite-lock .icon{width:16px;height:16px}.pair-form.is-invite .mbti-btn:has(input:disabled:not(:checked)){opacity:.35}.pair-form.is-invite input[readonly],.pair-form.is-invite select:disabled,.pair-form.is-invite input:disabled{background:var(--fill);color:var(--ink);opacity:1}.btn-line{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:56px;margin:16px 0 8px;padding:8px 16px;font:inherit;font-size:.95rem;font-weight:700;color:var(--white);background:#06c755;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-md);box-shadow:0 1px 2px #00000014;cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.btn-line:active{transform:scale(.98);background:#05b34c}@media(hover:hover){.btn-line:hover{background:#05b34c}}.btn-line:focus-visible{outline:2px solid var(--black);outline-offset:2px}.btn-wide{width:100%;margin:16px 0 8px;padding:8px 16px;font-size:.95rem}.btn-wide .icon,.btn-line .icon{flex:0 0 20px;width:20px;height:20px}.pair-send{margin:0 0 24px}.pair-spec+.pair-send{margin:16px 0 8px}.pair-send-label{min-width:0;text-align:left;text-wrap:balance}.cover-chunk{display:inline-block}.line-save{margin:8px 0 16px}.saved-badge{display:inline-flex;align-items:center;gap:8px;margin:0 0 16px;padding:8px 16px;font-size:.75rem;font-weight:700;color:var(--ink-soft);background:#ffffffb8;backdrop-filter:blur(8px);border:1px solid var(--line-soft);border-radius:var(--radius-pill)}.saved-badge[hidden]{display:none}.saved-badge .icon{width:16px;height:16px}.btn-line.is-busy{cursor:progress;opacity:.85}.btn-line.is-busy .icon{display:none}.btn-line.is-busy:before{content:"";flex:0 0 20px;width:20px;height:20px;border:2px solid rgba(255,255,255,.35);border-top-color:var(--white);border-radius:50%;animation:line-spin .7s linear infinite}@keyframes line-spin{to{transform:rotate(360deg)}}.toast{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:60;max-width:calc(100% - 32px);margin:0;padding:16px 24px;font-size:.9rem;font-weight:700;color:var(--white);background:#171717db;backdrop-filter:blur(8px);border-radius:var(--radius-md);opacity:0;pointer-events:none;transform:translate(-50%,16px);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.toast.is-shown{opacity:1;transform:translate(-50%)}.invite-note{margin:0 0 16px;font-size:.72rem;line-height:1.6;color:var(--ink-soft)}.date-select{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:8px}.date-select select{min-width:0;padding:8px;font-size:1rem;text-overflow:ellipsis}.date-select select:active{transform:scale(.98)}.pair-me{margin:0 0 16px;padding:8px 16px;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-xl)}.pair-me summary{display:flex;flex-direction:column;justify-content:center;gap:8px;min-height:52px;padding:8px 0;cursor:pointer;list-style:none}.pair-me summary::-webkit-details-marker{display:none}.pair-me summary span{display:grid;grid-template-columns:24px 1fr;align-items:center;column-gap:8px;font-size:.85rem;font-weight:700;line-height:1.4;color:var(--ink)}.pair-me summary span:before{content:"";display:block;width:16px;height:16px;color:var(--ink);background-color:currentColor;-webkit-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20%206%209%2017l-5-5%27%2F%3E%3C%2Fsvg%3E) center / contain no-repeat;mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%20fill%3D%27none%27%20stroke%3D%27black%27%20stroke-width%3D%272%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%3E%3Cpath%20d%3D%27M20%206%209%2017l-5-5%27%2F%3E%3C%2Fsvg%3E) center / contain no-repeat}.pair-me summary small{grid-column:2;font-size:.68rem;font-weight:400;color:var(--ink-soft)}.pair-me summary b{padding-left:32px;font-size:.82rem;color:var(--ink)}.pair-me[open] summary{margin-bottom:8px;border-bottom:1px solid var(--line)}.pair-names{display:grid;grid-template-columns:1fr 1fr;gap:8px}.relation-tabs{display:grid;gap:8px}.relation-tab input{position:absolute;margin:0;opacity:0;pointer-events:none}.relation-tab span{display:flex;align-items:center;gap:8px;min-height:48px;padding:8px 16px;font-size:.9rem;font-weight:700;color:var(--ink);background:var(--paper);border:1px solid var(--btn-line);border-radius:var(--radius-md);cursor:pointer}.relation-tab input:checked+span{color:var(--on-ink);background:var(--black);border-color:var(--black)}.pair-sub{margin:24px 0 8px;padding-top:16px;font-size:1rem;font-weight:700;color:var(--ink);border-top:1px solid var(--line)}.pair-form .pref-unknown{margin-top:8px}.chapter-pair-chemistry{--theme: #b34e7f;--theme-line: #cc5991}.chapter-pair-gap{--theme: #98691d;--theme-line: #ae7822}.chapter-pair-scenes{--theme: var(--mbti);--theme-line: #62a12a}.chapter-pair-landmines{--theme: var(--east);--theme-line: var(--east)}.chapter-pair-future{--theme: var(--west);--theme-line: #6f56cc}.pair-meters{display:grid;gap:8px}.meter{display:grid;grid-template-columns:9.6em 1fr 2.8em;align-items:center;gap:8px;font-size:.8rem;font-weight:700;color:var(--ink)}.meter .bar{height:12px}.meter b{text-align:right;font-size:.95rem;color:var(--ink)}.meter-talk .bar-fill,.meter-comfort .bar-fill,.meter-tag .bar-fill{background:var(--ink)}.pair-compare{display:grid;grid-template-columns:1fr auto 1fr;gap:8px}.pair-compare .gap-vs{align-self:center}.pair-col{display:grid;align-content:start;gap:8px;min-width:0;padding:8px;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-lg)}.pair-col-name{margin:0;overflow:hidden;font-size:.85rem;font-weight:700;color:var(--ink);white-space:nowrap;text-overflow:ellipsis}.pair-cell{display:flex;flex-direction:column;margin:0;padding:0 8px;line-height:1.35;background:#ffffffd9;border-radius:9px}.pair-cell small{font-size:.6rem;color:var(--ink-soft)}.pair-cell b{font-size:.76rem}.pair-bond{display:flex;gap:8px;align-items:baseline;margin:8px 0 0;font-size:.78rem;font-weight:400;line-height:1.5}.pair-bond b{flex:0 0 auto;padding:0 8px;font-size:.66rem;font-weight:700;color:var(--ink);background:var(--paper);border:1px solid var(--btn-line);border-radius:var(--radius-pill)}.pair-year{align-items:flex-start;font-size:.8rem}.talk{display:flex;align-items:flex-start;gap:8px;margin:0 0 16px}.talk-face,.speaker-face{flex:none;overflow:hidden;background:var(--paper);border:2px solid var(--theme-line, var(--line));border-radius:50%}.talk-face{width:44px;height:44px}.talk-face svg,.speaker-face svg{display:block;width:140%;height:auto;margin:2px 0 0 -20%}.talk-face .owl-body,.talk-face .lids,.talk-face .tassel,.speaker-face .owl-body,.speaker-face .lids,.speaker-face .tassel{animation:none}.ai-text .talk-line{position:relative;flex:1;min-width:0;margin:0;padding:8px 16px;font-size:.9rem;background:var(--surface-strong);border:1px solid var(--line-soft);border-radius:4px var(--radius-lg) var(--radius-lg) var(--radius-lg)}.talk-name{display:block;font-size:.68rem;font-weight:700;color:var(--ink)}.speaker{display:flex;align-items:center;gap:12px;margin:0 0 8px}.speaker-face{width:48px;height:48px}.speaker-faces{display:flex;flex:none;gap:4px}.speaker-name{display:flex;flex-direction:column;line-height:1.4}.speaker-name b{font-size:.9rem;color:var(--ink)}.speaker-name small{font-size:.72rem;font-weight:700;color:var(--ink-soft)}.vs-meters{display:grid;gap:8px;margin:0 0 8px;padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-sm)}.vs-meter{display:grid;grid-template-columns:9.4em 1fr 2.8em;align-items:center;gap:8px;font-size:.72rem;font-weight:700;white-space:nowrap}.vs-meter .bar{height:9px;background:#ffffff26}.vs-meter .bar-fill{background:var(--neon-blue)}.vs-meter:nth-child(2) .bar-fill{background:var(--neon-mint)}.vs-meter:nth-child(3) .bar-fill{background:var(--neon-pink)}.vs-meter b{text-align:right;font-size:.92rem}.vs-sides{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:0 0 8px}.vs-side{display:grid;gap:8px;min-width:0;margin:0;padding:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-sm)}.vs-side div{display:flex;flex-direction:column;line-height:1.3}.vs-side dt{font-size:.58rem;font-weight:700;opacity:.7}.vs-side dd{margin:0;overflow:hidden;font-size:.84rem;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.vs-name{margin:0;overflow:hidden;font-size:.92rem;font-weight:700;white-space:nowrap;text-overflow:ellipsis;color:var(--neon-blue)}.vs-side-1 .vs-name{color:var(--neon-pink)}.vs-mark{font-size:.75rem;font-weight:700}.vs-rules{padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-sm)}.vs-rules-title{margin:0 0 8px;font-size:.66rem;font-weight:700;color:var(--neon-mint)}.vs-rules ol{margin:0;padding-left:24px;font-size:.8rem;font-weight:700;line-height:1.5}.vs-rules li{margin-bottom:8px}.vs-rules li::marker{color:var(--neon-pink);font-weight:700}.pair-spec .spec-code{font-size:.72rem}body[data-scene=pair-cover] .doodle-intro,body[data-scene=pair-chemistry] .doodle-care,body[data-scene=pair-gap] .doodle-gap,body[data-scene=pair-scenes] .doodle-present,body[data-scene=pair-landmines] .doodle-care,body[data-scene=pair-future] .doodle-future{opacity:.5}body.compact-guide[data-scene=pair-gap] .bubble,body.compact-guide[data-scene=pair-landmines] .bubble{font-size:.72rem;line-height:1.4}.step-card,.trio-hero,.cover,.data-block,.chapter-guide,.chapter .ai-text,.pair-me,.error-card{background:#ffffff94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(229,229,229,.8);box-shadow:0 1px 2px #0000000d}.chapter .ai-text{margin-bottom:16px;padding:16px;border-radius:var(--radius-xl)}.chapter .ai-text>:last-child{margin-bottom:0}.chapter .ai-text:empty{display:none}.chapter-closing .ai-text.closing{margin-bottom:0}body[data-scene^=soul] .doodle-soul{opacity:.5}.chapter-soul{--theme: #a4492a;--theme-line: #d9962a}.soul-hero{display:flex;align-items:center;gap:16px;margin:8px 0 16px}.soul-badge{flex:none;display:grid;place-items:center;width:88px;height:88px;color:var(--white);background:#a4492a;border:3px solid #e8a92a;border-radius:50%;box-shadow:inset 0 0 0 4px #ffffff40}.soul-badge b{font-size:2.6rem;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}.soul-hero-text{min-width:0}.soul-title{margin:0;padding:0;font-size:1.35rem;border:0}.soul-master{display:inline-block;margin-top:8px;padding:0 8px;font-size:.68rem;font-weight:700;color:#a4492a;border:1px solid #e8a92a;border-radius:var(--radius-pill)}.soul-formula{margin:0 0 16px;padding:8px 16px;font-size:.84rem;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;background:#fff9;border:1px dashed #d9962a;border-radius:var(--radius-sm)}.soul-formula span{display:block;font-size:.66rem;font-weight:400;color:var(--ink-soft)}.soul-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:0}.soul-chip{padding:0 16px;font-size:.85rem;font-weight:700;line-height:2;color:#a4492a;background:var(--paper);border:1px solid #e8a92a;border-radius:var(--radius-pill)}.soul-steps{display:grid;gap:8px;margin:0 0 8px;padding:0;list-style:none}.soul-steps li{display:flex;flex-direction:column;padding:8px 16px;line-height:1.5;background:var(--surface-strong);border:1px solid var(--line-soft);border-radius:var(--radius-sm)}.soul-steps small{font-size:.7rem;color:var(--ink-soft)}.soul-steps b{font-size:.9rem;color:var(--ink);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.soul-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px}.soul-col{display:grid;align-content:start;gap:8px;min-width:0;padding:8px;background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--radius-lg)}.soul-col-name{margin:0;font-size:.8rem;font-weight:700}.soul-col.is-plus .soul-col-name{color:#1c775c}.soul-col.is-minus .soul-col-name{color:#a4492a}.soul-col .pair-cell{padding:8px}.soul-compat{display:grid;gap:8px}.soul-compat p{display:grid;grid-template-columns:6.4em minmax(0,1fr);align-items:start;gap:8px;margin:0}.soul-compat small{font-size:.72rem;line-height:34px;color:var(--ink-soft)}.soul-nums{display:flex;flex-wrap:wrap;gap:8px}.soul-num{display:inline-flex;align-items:center;gap:8px;padding:0 16px 0 4px;font-size:.8rem;font-weight:700;line-height:32px;color:var(--ink);background:var(--paper);border:1px solid var(--btn-line);border-radius:var(--radius-pill)}.soul-num b{display:grid;place-items:center;width:24px;height:24px;font-size:.8rem;line-height:1;color:var(--white);background:#1c775c;border-radius:50%}.soul-num.is-caution b{background:#a4492a}.chapter-soul .flow-row b{font-size:1rem;color:#a4492a}.soul-spec{background:radial-gradient(circle at 10% 6%,rgba(233,130,92,.55),transparent 42%),radial-gradient(circle at 95% 40%,rgba(244,194,91,.4),transparent 45%),radial-gradient(circle at 40% 110%,rgba(200,100,63,.45),transparent 50%),#3a2119}.soul-spec .spec-kicker{color:#f4c25b}.soul-spec-num{margin-left:auto;display:grid;place-items:center;min-width:48px;height:44px;padding:0 8px;font-size:1.6rem;font-weight:800;color:#3a2119;background:#f4c25b;border-radius:var(--radius-md)}.soul-spec-formula{margin:8px 0 0;font-size:.66rem;font-weight:700;color:#f4c25b;overflow-wrap:anywhere}.soul-spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 8px}.soul-spec-box{padding:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-sm)}.soul-spec-box+.soul-spec-box{margin-top:8px}.soul-spec-grid .soul-spec-box+.soul-spec-box{margin-top:0}.soul-spec-label{margin:0 0 4px;font-size:.6rem;font-weight:700;color:#f4c25b}.soul-spec-box ul{margin:0;padding-left:16px;font-size:.72rem;font-weight:700;line-height:1.45}.soul-spec-compat p:last-child{display:flex;flex-wrap:wrap;gap:8px;margin:0}.soul-spec-pill{padding:0 8px;font-size:.72rem;font-weight:700;line-height:1.8;background:#ffffff24;border-radius:var(--radius-pill)}.soul-spec-pill.is-caution{color:#ffc2a8}.soul-spec-years{display:grid;gap:4px;margin:0;padding:0;list-style:none;font-size:.74rem;font-weight:700}.soul-spec-years li{display:flex;align-items:baseline;gap:8px}.soul-spec-years span{font-size:.66rem;opacity:.7}.soul-spec-years b{min-width:1em;font-size:.95rem;color:#f4c25b}.chapter-os{--theme: #475569;--theme-line: #94a3b8}body[data-scene=os] .doodle-gap{opacity:.5}.owl[data-count="4"]{flex-basis:140px;width:140px}.owl[data-count="4"] .cast-member{flex-basis:44px}body.compact-guide .owl[data-count="4"]{flex-basis:88px;width:88px}body.compact-guide .owl[data-count="4"] .cast-member{flex-basis:28px}body.compact-guide[data-scene=os] .bubble{font-size:.72rem;line-height:1.4}.os-parts{display:grid;gap:8px;margin:0}.os-part{display:grid;grid-template-columns:8.4em 1fr;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}.os-part:last-child{border-bottom:0;padding-bottom:0}.os-part:first-child{padding-top:0}.os-part dt,.os-part dd{display:flex;flex-direction:column;margin:0;line-height:1.45}.os-part dt{font-size:.8rem;font-weight:700;color:var(--ink)}.os-part dd{font-size:.86rem;font-weight:700;color:var(--ink)}.os-part small{font-size:.68rem;font-weight:400;color:var(--ink-soft)}.os-body h4{margin:24px 0 8px;padding-left:12px;font-size:1rem;line-height:1.375;color:var(--ink);border-left:2px solid var(--ink)}.os-body h4:first-child{margin-top:0}.os-scenes{display:grid;gap:16px;margin:0;padding:0;list-style:none}.os-scene p{margin:0 0 8px}.os-scene p:last-child{margin-bottom:0}.os-scene-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 8px}.os-no{font-size:.72rem;font-weight:700;color:var(--theme);font-variant-numeric:tabular-nums}.os-when{font-size:.86rem;font-weight:700;color:var(--ink)}.os-owner{flex-basis:100%;font-size:.72rem;font-weight:700;color:var(--theme)}.os-basis{padding-left:8px;font-size:.76rem;line-height:1.6;color:var(--ink-soft);border-left:2px solid var(--theme-line)}.os-conflict{padding:16px;background:#fff9;border:1px solid var(--line);border-radius:var(--radius-sm)}.os-conflict p{margin:0 0 8px}.os-conflict p:last-child{margin-bottom:0}.os-pair{font-size:.72rem;font-weight:700;color:var(--theme)}.os-affirm strong{font-weight:700}.os-body .talk:last-child{margin-bottom:0}body[data-scene=home] .doodle-intro{opacity:.5}.home-nav{display:flex;margin:16px 0 0}.home-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;font:inherit;font-size:.85rem;font-weight:700;color:var(--ink);background:var(--paper);border:1px solid var(--btn-line);border-radius:var(--radius-pill);cursor:pointer}.home-back:active{transform:scale(.98);background:var(--fill)}.home{display:grid;gap:24px;margin:16px 0 0}.home-hero,.home-card,.home-wide,.home-plan{background:#ffffff94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(229,229,229,.8);box-shadow:0 1px 2px #0000000d}.home-hero{display:grid;gap:8px;padding:24px;border-radius:var(--radius-3xl)}.home-kicker{display:flex;align-items:center;gap:8px;margin:0;font-size:.72rem;font-weight:700;letter-spacing:.04em;color:var(--ink-soft)}.home-title{margin:0;font-size:1.5rem;line-height:1.35}.home-copy{margin:0;font-size:.95rem;font-weight:700;line-height:1.6;color:var(--text)}.home-tags{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0;padding:0;list-style:none}.home-tags li{padding:4px 12px;font-size:.76rem;font-weight:700;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-pill)}.home-hero .btn-main,.home-hero .btn-sub{width:100%}.monthly{display:grid;gap:16px}.monthly-back{justify-self:start}.monthly-body{padding:8px 16px 24px;background:#ffffff94;border:1px solid rgba(229,229,229,.8);border-radius:var(--radius-3xl)}.monthly-body>h3:first-child{margin-top:16px}.home-section{display:grid;gap:8px}.home-heading{margin:0 0 4px;font-size:.85rem;color:var(--ink-soft)}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-card,.home-wide{position:relative;font:inherit;text-align:left;color:var(--text);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.home-card:active,.home-wide:active{transform:scale(.98)}.home-card{display:grid;align-content:start;gap:4px;min-height:132px;padding:16px;border-radius:var(--radius-xl)}.home-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.home-card-label{margin-top:4px;font-size:.74rem;font-weight:700;color:var(--ink-soft);word-break:keep-all;overflow-wrap:anywhere}.home-card-value{margin-top:4px;font-size:1.15rem;line-height:1.3;color:var(--ink)}.home-card-sub{font-size:.76rem;line-height:1.5}.home-avatar{flex:none;display:block;width:36px;height:36px}.home-avatar svg{display:block;width:100%;height:100%}.home-avatar.is-flipped svg{transform:scaleX(-1)}.home-avatar .owl-body,.home-avatar .lids,.home-avatar .tassel{animation:none}.home-wide{display:flex;align-items:center;gap:16px;width:100%;min-height:72px;padding:16px;border-radius:var(--radius-xl)}.home-wide-icon{flex:none;display:grid;place-items:center;width:40px;height:40px;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm)}.home-wide-text{flex:1;display:grid;gap:4px;min-width:0}.home-wide-text b{font-size:.95rem;color:var(--ink)}.home-wide-text small{font-size:.74rem;line-height:1.5;color:var(--ink-soft)}.home-card.is-locked .home-card-value,.home-card.is-locked .home-card-sub,.home-wide.is-locked .home-wide-text{opacity:.6}.lock-chip,.free-chip{flex:none;display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:.66rem;font-weight:700;line-height:1.6;white-space:nowrap;border-radius:var(--radius-pill)}.lock-chip{color:var(--on-ink);background:var(--black)}.lock-chip .icon{width:1em;height:1em}.free-chip{color:var(--ink);background:var(--paper);border:1px solid var(--line)}.home-plan{display:grid;gap:16px;padding:24px;border-radius:var(--radius-3xl)}.home-plan p{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:.85rem;line-height:1.6}.home-plan-lead b,.home-plan.is-premium b{font-size:1rem;color:var(--ink)}.home-plan .btn-main{width:100%}.dev-switch{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:8px 16px;font-size:.74rem;color:var(--ink-soft);border:1px dashed var(--btn-line);border-radius:var(--radius-sm)}.dev-switch button{margin-left:auto;padding:4px 12px;font:inherit;font-weight:700;color:var(--ink);background:var(--paper);border:1px solid var(--btn-line);border-radius:var(--radius-pill);cursor:pointer}.chapter .lock-cta{display:none}.chapter.is-locked .lock-cta{display:grid;gap:8px;margin:-96px 0 16px;padding:16px;position:relative;text-align:center;background:#ffffffd9;border:1px solid rgba(229,229,229,.8);border-radius:var(--radius-xl);box-shadow:0 4px 16px #0000000f}.chapter.is-locked .lock-cta p{display:flex;justify-content:center;align-items:center;gap:8px;margin:0;font-size:.85rem;font-weight:700;color:var(--ink)}.chapter.is-locked .ai-text{max-height:10em;overflow:hidden;filter:blur(4px);user-select:none;pointer-events:none;-webkit-mask-image:linear-gradient(#000 30%,transparent);mask-image:linear-gradient(#000 30%,transparent)}.chapter.is-locked .chapter-toggle{display:none}.trial-note{margin:16px 0 0;padding:8px 16px;font-size:.8rem;font-weight:700;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm)}.paywall .sheet-body{display:grid;gap:16px}.paywall-lead{display:flex;align-items:flex-start;gap:16px}.paywall-lead .home-avatar{width:48px;height:48px}.paywall-lead p{margin:0;font-size:.88rem;line-height:1.7}.paywall-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin:0;font-size:1.15rem;font-weight:700;color:var(--ink)}.paywall-price small{font-size:.74rem;font-weight:400;color:var(--ink-soft)}.paywall-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.paywall-list li{display:flex;gap:8px;font-size:.82rem;line-height:1.6}.paywall-list li .icon{margin-top:.25em}.paywall-list b{display:block;color:var(--ink)}.paywall .btn-main{width:100%}.paywall .btn-main:disabled{opacity:.5;cursor:default}.paywall-note{margin:-8px 0 0;font-size:.74rem;line-height:1.6;color:var(--ink-soft);text-align:center}.rcard{margin:16px 0 24px;padding:24px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);font-family:var(--font);color:var(--text)}.rcard-title{margin:0;font-size:1rem;font-weight:700;line-height:1.5;color:var(--ink-soft);overflow-wrap:break-word;min-width:0}.rcard-formula{margin:8px 0 24px;font-size:1.75rem;font-weight:800;line-height:1.35;color:var(--ink-strong);overflow-wrap:break-word;min-width:0}.rcard-formula span{display:block;text-wrap:pretty}.rcard-axes{display:grid;gap:16px;padding-top:24px;border-top:1px solid var(--line)}.rcard-axis-head{display:flex;align-items:baseline;gap:8px;margin:0 0 8px;font-size:1rem;font-weight:800;line-height:1.5;color:var(--ink-strong)}.rcard-axis-head small{font-size:.875rem;font-weight:400;color:var(--ink-soft)}.rcard-list{margin:0;padding:0;list-style:none;background:var(--wash);border-radius:var(--radius-xs)}.rcard-item{display:grid;grid-template-columns:8rem minmax(0,1fr);gap:8px;align-items:baseline;padding:8px 16px;line-height:1.6}.rcard-item+.rcard-item{border-top:1px solid var(--line)}.rcard-key{font-size:.875rem;color:var(--ink-soft)}.rcard-value{min-width:0;font-size:1rem;font-weight:700;color:var(--ink-strong);overflow-wrap:anywhere}.attune{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:24px;background:var(--paper);transition:opacity .4s var(--ease-out) .16s}.attune[hidden]{display:none}.attune-mark{width:144px;height:144px;overflow:visible;transition:transform .56s var(--ease-spring),opacity .32s var(--ease-out) .12s}.attune-arc{fill:none;stroke-width:2.4;stroke-linecap:round;stroke-dasharray:72 141.6;transform-origin:60px 60px}.attune-orbit{transform-origin:60px 60px}.attune-orbit-1 .attune-arc{stroke:var(--east);opacity:.9;--spin: 2.6s}.attune-orbit-2 .attune-arc{stroke:var(--west);opacity:.85;--spin: 3.7s;stroke-dasharray:54 159.6}.attune-orbit-3 .attune-arc{stroke:var(--mbti);opacity:.85;--spin: 5.3s;stroke-dasharray:96 117.6}.attune.is-running .attune-arc{animation:attune-spin var(--spin) linear infinite}.attune.is-running .attune-orbit-2 .attune-arc{animation-direction:reverse}.attune.is-running .attune-orbit-1{animation:attune-converge-1 9s var(--ease-out) forwards}.attune.is-running .attune-orbit-2{animation:attune-converge-2 11s var(--ease-out) forwards}.attune.is-running .attune-orbit-3{animation:attune-converge-3 13s var(--ease-out) forwards}@keyframes attune-spin{to{transform:rotate(360deg)}}@keyframes attune-converge-1{0%{transform:translate(-14px,8px) scale(1.22)}to{transform:translate(0) scale(1)}}@keyframes attune-converge-2{0%{transform:translate(12px,10px) scale(.78)}to{transform:translate(0) scale(1)}}@keyframes attune-converge-3{0%{transform:translate(2px,-16px) scale(1.4)}to{transform:translate(0) scale(1)}}.attune-msg{max-width:22rem;word-break:auto-phrase;text-wrap:balance;margin:0;min-height:3.4em;font-size:.875rem;line-height:1.7;text-align:center;color:var(--ink-soft);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}.attune-msg.is-swapping{opacity:0;transform:translateY(4px)}.attune.is-done{opacity:0;pointer-events:none}.attune.is-done .attune-mark{transform:scale(.4);opacity:0}.attune.is-done .attune-msg{opacity:0;transform:translateY(-4px)}.is-attuning{visibility:hidden}.is-revealing{animation:attune-reveal .52s var(--ease-out) both}@keyframes attune-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.attune.is-running .attune-arc,.attune.is-running .attune-orbit-1,.attune.is-running .attune-orbit-2,.attune.is-running .attune-orbit-3{animation:none}.attune,.attune-mark,.attune-msg{transition:none}.is-revealing{animation:none}}.group-cta{margin:0 0 24px}.gseg{--i: 1;position:relative;display:grid;grid-template-columns:repeat(4,1fr);padding:4px;margin:0 0 24px;background:#0000000a;border-radius:var(--radius-pill)}.gseg-thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/4);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-pill);transform:translate(calc(var(--i) * 100%));transition:transform var(--dur-slow) var(--ease-out)}.gseg button{position:relative;min-height:40px;font:inherit;font-size:.95rem;font-weight:700;color:var(--ink-soft);background:none;border:0;border-radius:var(--radius-pill);cursor:pointer;transition:color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.gseg button[aria-checked=true]{color:var(--ink-strong)}.gseg button:active{transform:scale(.98)}.gseg button:focus-visible{outline:2px solid var(--ink-strong);outline-offset:-2px}.gm-list{list-style:none;margin:0;padding:0}.gm{display:grid;grid-template-rows:1fr;opacity:1;transition:grid-template-rows var(--dur-slow) var(--ease-out),opacity var(--dur-base) var(--ease-out)}.gm.is-off{grid-template-rows:0fr;opacity:0}.gm-clip{min-height:0;overflow:hidden}.gm:not(:first-child) .gm-clip{padding-top:8px}.gm-card{display:grid;grid-template-columns:24px 1fr;column-gap:16px;padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);transform:translateY(0);transition:transform var(--dur-slow) var(--ease-out)}.gm.is-off .gm-card{transform:translateY(-8px)}.gm-num{grid-row:span 2;display:grid;place-items:center;width:24px;height:24px;margin:0;font-size:.75rem;font-weight:800;color:var(--on-ink);background:var(--ink-strong);border-radius:var(--radius-pill)}.gm-field{margin-bottom:0}.gm-field+.gm-field{margin-top:16px}.gm-card input{min-height:48px}#group-submit:disabled{opacity:.35;cursor:default}#group-submit:disabled:active{transform:none;background:var(--black)}.group-result{padding-bottom:24px}.group-result .result-actions{grid-template-columns:1fr}.ghead{padding:24px 0 16px}.ghead-title{margin:8px 0 0;font-size:1.5rem;line-height:1.3}.gchart{padding:16px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg)}.gchart-box{position:relative;aspect-ratio:1 / 1}.gchart-box[data-count="2"]{aspect-ratio:100 / 44}.gchart-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.gedge-line{stroke:var(--ink-strong);stroke-width:var(--w);stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:.45;transition:opacity var(--dur-base) var(--ease-out),stroke-width var(--dur-slow) var(--ease-spring)}.gedge-hit{stroke:transparent;stroke-width:24px;vector-effect:non-scaling-stroke;cursor:pointer;pointer-events:stroke}.gedge[data-bond=resonance] .gedge-line{animation:g-breathe 3.2s var(--ease-out) infinite alternate}.gedge[data-bond=pull] .gedge-line{animation:g-beat 1.8s var(--ease-out) infinite alternate}.gedge[data-bond=stimulus] .gedge-line{animation:g-flow 1.4s steps(10) infinite}@keyframes g-breathe{0%{opacity:.3}to{opacity:.6}}@keyframes g-beat{0%{opacity:.25}to{opacity:.7}}@keyframes g-flow{to{stroke-dashoffset:-10}}.has-focus .gedge .gedge-line{opacity:.12}.has-focus .gedge.is-on .gedge-line{opacity:1;stroke-width:calc(var(--w) + 1px);animation-name:none}.has-focus .gedge[data-bond=stimulus].is-on .gedge-line{animation:g-flow 1.4s steps(10) infinite}.gnode{position:absolute;z-index:1;display:flex;flex-direction:column;align-items:center;gap:4px;width:104px;padding:0;font:inherit;background:none;border:0;cursor:pointer;transform:translate(-50%,-20px);-webkit-tap-highlight-color:transparent}.gnode-dot{display:grid;place-items:center;width:40px;height:40px;font-size:1rem;font-weight:800;color:var(--ink-strong);background:var(--paper);border:1.5px solid var(--ink-strong);border-radius:var(--radius-pill);transition:background-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.gnode-name{max-width:100%;padding:0 4px;background:var(--paper);border-radius:4px;font-size:.8rem;font-weight:800;line-height:1.3;color:var(--ink-strong);white-space:nowrap}.gnode-badge{max-width:100%;padding:0 8px;font-size:.66rem;line-height:1.6;color:var(--ink-soft);white-space:nowrap;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-pill)}.gnode:active .gnode-dot{transform:scale(.98)}.gnode:focus-visible{outline:none}.gnode:focus-visible .gnode-dot{outline:2px solid var(--ink-strong);outline-offset:2px}.has-focus .gnode .gnode-dot{color:var(--ink-soft);border-color:#00000040}.has-focus .gnode.is-on .gnode-dot{color:var(--on-ink);background:var(--ink-strong);border-color:var(--ink-strong)}.has-focus .gnode.is-on .gnode-badge{color:var(--ink-strong);border-color:var(--ink-strong)}.glegend{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin:16px 0 0;padding:16px 0 0;list-style:none;border-top:1px solid var(--line)}.glegend li{display:flex;align-items:center;gap:8px;min-width:0;font-size:.78rem}.glegend svg{flex:0 0 32px;width:32px;height:8px}.glegend-line{stroke:var(--ink-strong);stroke-linecap:round}.glegend small{color:var(--ink-soft);white-space:nowrap}.gchips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.gchip{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;font:inherit;font-size:.82rem;font-weight:700;color:var(--ink-strong);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.gchip small{font-size:.7rem;font-weight:400;color:var(--ink-soft);transition:color var(--dur-fast) var(--ease-out)}.gchip:active{transform:scale(.98)}.gchip.is-on{color:var(--on-ink);background:var(--ink-strong);border-color:var(--ink-strong)}.gchip.is-on small{color:var(--on-ink);opacity:.7}.gdetail{min-height:160px;padding:24px;background:linear-gradient(var(--wash),var(--wash)),var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-base) var(--ease-out)}.gdetail.is-swapping{opacity:0;transform:translateY(4px)}.gdetail-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:.8rem;font-weight:700;color:var(--ink-soft)}.gbond{padding:0 8px;font-size:.7rem;line-height:1.8;color:var(--ink-strong);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-pill)}.gdetail-label{margin:16px 0;font-size:1.15rem;line-height:1.4}.glabel-pill{display:inline-block;max-width:100%;padding:8px 16px;font-weight:800;letter-spacing:.02em;color:var(--on-ink);white-space:nowrap;background:var(--ink-strong);border-radius:var(--radius-pill);transform-origin:left center;animation:g-pop var(--dur-slow) var(--ease-spring) both}@keyframes g-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.gdetail.is-swapping .glabel-pill{animation:none}.gdetail-power{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:8px;margin:0 0 16px;font-size:.9rem;font-weight:700;line-height:1.6;color:var(--ink-strong);word-break:auto-phrase}.gdetail-power-tag{padding:0 8px;font-size:.7rem;line-height:1.8;color:var(--ink-strong);border:1px solid var(--ink-strong);border-radius:var(--radius-pill);transform:translateY(2px)}.gdetail-basis{margin:16px 0 0;padding-top:8px;font-size:.72rem;line-height:1.7;color:var(--ink-soft);border-top:1px solid var(--line)}.gdetail-text{margin:0;font-size:.9rem;line-height:1.8;color:var(--text)}.gdetail-rows{display:grid;gap:8px;margin:16px 0 0;padding:0;list-style:none}.gdetail-row{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:8px;width:100%;min-height:48px;padding:8px 16px;font:inherit;text-align:left;color:var(--ink-strong);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-sm);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out)}.gdetail-row small{min-width:0;font-size:.78rem;color:var(--ink-soft)}.gdetail-row:active{transform:scale(.98)}.gsummary{margin:32px 0 16px}.gsum-heading{margin:0 0 16px;font-size:1.1rem}.gsum-list{display:grid;gap:8px}.gsum{display:grid;gap:8px;width:100%;padding:16px;font:inherit;text-align:left;color:var(--ink-strong);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.gsum:active{transform:scale(.98);background:var(--wash)}.gsum-kicker{font-size:.72rem;font-weight:700;color:var(--ink-soft)}.gsum-title{font-size:1.05rem;line-height:1.4}.gsum-text{font-size:.85rem;line-height:1.75;color:var(--text)}@media(prefers-reduced-motion:reduce){.gseg-thumb,.gm,.gm-card,.gdetail,.gedge-line,.gnode-dot,.gchip{transition:none}.gedge .gedge-line,.has-focus .gedge.is-on .gedge-line,.glabel-pill{animation:none!important}}body:not(.is-ura) .ura-only,body.is-ura .omote-only{display:none!important}body,.guide,.bubble,.gchart,.gm-card,.gnode-dot,.gnode-name,.gnode-badge,.gchip,.gdetail,.gbond,.gsum,.glabel-pill{transition-property:background-color,color,border-color,opacity,transform,stroke-width;transition-duration:var(--dur-base);transition-timing-function:var(--ease-out)}.sky,.doodles{transition:opacity var(--dur-base) var(--ease-out)}body.is-ura{background:var(--night);color:var(--text)}body.is-ura .sky,body.is-ura .doodles{opacity:0}body.is-ura .guide{background-color:#09090bf0}body.is-ura .btn-main{color:var(--night)}body.is-ura .btn-sub{background:var(--night)}body.is-ura .btn-sub:active{background:#18181b}body.is-ura .home-link{color:var(--ink-soft)}.ura-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 16px}.ura-bar-note{margin:0;font-size:.78rem;line-height:1.6;color:var(--ink-soft)}.ura-toggle{display:inline-flex;flex:0 0 auto;align-items:center;gap:8px;min-height:40px;padding:0 16px;font:inherit;font-size:.82rem;font-weight:800;color:var(--ink-strong);white-space:nowrap;background:var(--paper);border:1px solid var(--ink-strong);border-radius:var(--radius-pill);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out),background-color var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),border-color var(--dur-base) var(--ease-out)}.ura-toggle:active{transform:scale(.98)}.ura-toggle:focus-visible{outline:2px solid var(--ink-strong);outline-offset:2px}body.is-ura .gedge .gedge-line{animation:none;opacity:.5}body.is-ura .gedge[data-ura="3"] .gedge-line{--w: 3px;stroke-dasharray:none;opacity:.85;animation:g-beat 1.2s var(--ease-out) infinite alternate}body.is-ura .gedge[data-ura="2"] .gedge-line{--w: 2px;stroke-dasharray:3 3}body.is-ura .gedge[data-ura="1"] .gedge-line{--w: 1px;stroke-dasharray:.5 4;opacity:.4}body.is-ura .has-focus .gedge .gedge-line{opacity:.12;animation:none}body.is-ura .has-focus .gedge.is-on .gedge-line{opacity:1}.glegend-line[data-ura="3"]{stroke-width:3px}.glegend-line[data-ura="2"]{stroke-width:2px;stroke-dasharray:3 3}.glegend-line[data-ura="1"]{stroke-width:1px;stroke-dasharray:.5 4}.gdetail-wrap{perspective:900px}.gdetail.is-flipping{animation:g-flip .42s var(--ease-spring) both}@keyframes g-flip{0%{opacity:0;transform:rotateY(-80deg) scale(.96)}to{opacity:1;transform:rotateY(0) scale(1)}}.gdetail-friction{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:8px;margin:0 0 16px;font-size:.9rem;font-weight:700;line-height:1.6;color:var(--ink-strong);word-break:auto-phrase}.gmine{margin:0;padding:16px;border:1px dashed var(--line);border-radius:var(--radius-sm)}.gmine-head{margin:0 0 8px;font-size:.75rem;font-weight:800;letter-spacing:.04em;color:var(--ink-strong)}.gmine-body{position:relative}.gmine-text{margin:0;font-size:.88rem;line-height:1.8;color:var(--text);background:#ffffff1a;border-radius:var(--radius-xs);filter:blur(6px);user-select:none;-webkit-user-select:none;transition:filter .42s var(--ease-spring),background-color var(--dur-slow) var(--ease-out)}.gmine-reveal{position:absolute;inset:0;display:grid;place-items:center;width:100%;padding:0;font:inherit;background:none;border:0;cursor:pointer;transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-slow) var(--ease-spring)}.gmine-reveal span{padding:8px 16px;font-size:.82rem;font-weight:800;color:var(--on-ink);white-space:nowrap;background:var(--ink-strong);border-radius:var(--radius-pill);transition:transform var(--dur-fast) var(--ease-out)}.gmine-reveal:active span{transform:scale(.98)}.gmine.is-revealed .gmine-text{filter:blur(0);background-color:transparent;user-select:text;-webkit-user-select:text}.gmine.is-revealed .gmine-reveal{opacity:0;transform:scale(.96);pointer-events:none}@media(prefers-reduced-motion:reduce){.gdetail.is-flipping{animation:none}.gmine-text,.gmine-reveal,.seal-fill,.ura-rise{transition:none}body.is-ura .gedge .gedge-line{animation:none!important}}body.is-ura .glabel-pill{font-size:1rem}.glegend b{white-space:nowrap}.seal{margin:64px 0 32px;text-align:center}.seal-line{position:relative;margin:0 0 24px;border-top:1px dashed rgb(0 0 0 / .2)}.seal-line span{position:relative;top:-.8em;padding:0 8px;font-size:.62rem;font-weight:700;letter-spacing:.16em;color:var(--ink-soft);background:var(--paper)}.seal-copy{max-width:20rem;margin:0 auto 24px;font-size:.8rem;line-height:1.8;color:var(--ink-soft);word-break:auto-phrase;text-wrap:balance}.seal-btn{position:relative;width:100%;min-height:56px;padding:0 16px;overflow:hidden;font:inherit;font-size:.95rem;font-weight:800;color:var(--white);background:#0a0a0a;border:1px solid #0a0a0a;border-radius:var(--radius-sm);cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:manipulation;transition:transform var(--dur-fast) var(--ease-out)}.seal-btn:active{transform:scale(.98)}.seal-btn:focus-visible{outline:2px solid #0a0a0a;outline-offset:2px}.seal-fill{position:absolute;inset:0;background:#ffffff38;transform:scaleX(0);transform-origin:left center;transition:transform var(--dur-slow) var(--ease-out)}.seal-btn.is-holding .seal-fill{transform:scaleX(1);transition:transform var(--hold, .7s) var(--ease-out)}.seal-btn.is-open .seal-fill{transform:scaleX(1)}.seal-text{position:relative;white-space:nowrap}.ura-rise{position:fixed;inset:0;z-index:900;background:var(--night);transform:translateY(100%);pointer-events:none;transition:transform .64s var(--ease-out),opacity .36s var(--ease-out)}.ura-rise.is-up{transform:translateY(0)}.ura-rise.is-gone{transform:translateY(0);opacity:0}.seal-keep{white-space:nowrap}.gm .date-select{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.gm .date-y{grid-column:1 / -1}.rank-cta{margin:0 0 24px}.group-cta:has(+.rank-cta){margin-bottom:8px}.rank-head{margin:0 0 16px}.rank-kicker{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:.75rem;font-weight:700;color:var(--ink-soft)}.rank-kicker .icon{width:16px;height:16px}.rank-title{margin:0 0 8px;font-size:1.5rem;font-weight:800;line-height:1.35;color:var(--ink-strong)}.rank-sub{margin:0;font-size:.875rem;color:var(--ink-soft)}.rank-dots{display:flex;gap:8px;margin:0 0 16px}.rank-dot{display:grid;place-items:center;flex:1;min-width:0;height:32px;padding:0;font:inherit;font-size:.8125rem;font-weight:800;color:var(--ink-soft);background:var(--wash);border:1px solid var(--line);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--dur-base) var(--ease-out),color var(--dur-base) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.rank-dot .icon{width:16px;height:16px}.rank-dot.is-done{color:var(--ink-strong);background:var(--paper)}.rank-dot[aria-current=step]{color:var(--on-ink);background:var(--ink-strong);border-color:var(--ink-strong)}.rank-dot:active{transform:scale(.98)}.rank-deck{position:relative;display:flex;align-items:flex-start;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--radius-2xl);outline:none}.rank-deck::-webkit-scrollbar{display:none}.rank-deck:focus-visible{box-shadow:0 0 0 2px var(--ink-strong)}.rank-slide{position:relative;flex:0 0 100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}.rank-card{padding:24px 16px;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-2xl)}.rank-pos{display:flex;align-items:baseline;gap:4px;margin:0 0 8px;color:var(--ink-strong)}.rank-num{font-size:3rem;font-weight:800;line-height:1;letter-spacing:-.02em}.rank-unit{font-size:1rem;font-weight:800}.rank-crown{width:32px;height:32px;margin:0 8px 0 0;align-self:center}.rank-name{margin:0 0 8px;font-size:1.5rem;font-weight:800;line-height:1.3;overflow-wrap:anywhere}.rank-headline{display:inline-block;margin:0 0 16px;padding:4px 8px;font-size:.75rem;font-weight:700;color:var(--ink-soft);background:var(--wash);border-radius:var(--radius-xs)}.rank-score{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;margin:0 0 24px}.rank-points{margin:0;font-size:.875rem;font-weight:700;color:var(--ink-soft)}.rank-points b{font-size:2rem;font-weight:800;color:var(--ink-strong)}.rank-meter,.rank-mini,.rank-row-meter{display:block;height:8px;overflow:hidden;background:#0000000f;border-radius:var(--radius-pill)}.rank-meter>span,.rank-mini>span,.rank-row-meter>span{display:block;height:100%;background:currentColor;border-radius:inherit;transform:scaleX(0);transform-origin:left center;transition:transform var(--dur-slow) var(--ease-out) .1s}.rank-slide.is-current .rank-meter>span,.rank-slide.is-current .rank-mini>span,.rank-slide.is-current .rank-row-meter>span{transform:scaleX(var(--p))}.rank-reads{display:grid;gap:16px;margin:0 0 24px;padding:0;list-style:none}.rank-read{display:grid;grid-template-columns:40px 1fr;gap:8px;align-items:start}.rank-avatar{display:block;width:40px;height:40px}.rank-avatar svg{display:block;width:100%;height:100%}.rank-read-body{min-width:0}.rank-read-head{display:grid;grid-template-columns:auto 1fr 48px;align-items:center;gap:8px;margin:0 0 4px;font-size:.875rem}.rank-read-head>span:first-child{font-size:.6875rem;font-weight:700;color:var(--ink-soft)}.rank-read-head b{min-width:0;font-weight:800;overflow-wrap:anywhere}.rank-mini{height:4px}.rank-read-line{margin:0 0 4px;padding:8px;font-size:.8125rem;line-height:1.7;background:var(--wash);border-radius:var(--radius-xs) var(--radius-lg) var(--radius-lg) var(--radius-lg)}.rank-who{display:block;font-size:.6875rem;font-weight:700;color:var(--ink-soft)}.rank-basis{margin:0;font-size:.6875rem;line-height:1.6;color:var(--ink-soft);overflow-wrap:anywhere}.rank-tips{display:grid;gap:8px;margin:0}.rank-tips>div{padding:8px 16px;border:1px solid var(--line);border-radius:var(--radius-lg)}.rank-tips dt{display:flex;align-items:center;gap:8px;font-size:.6875rem;font-weight:700;color:var(--ink-soft)}.rank-tips dt .icon{width:16px;height:16px}.rank-tips dd{margin:4px 0 0;font-size:.875rem;font-weight:700;line-height:1.6}.rank-slide.is-current .rank-pos{animation:rank-pop var(--dur-slow) var(--ease-spring)}@keyframes rank-pop{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}.rank-slide.is-top .rank-card{color:var(--on-ink);background:var(--ink-strong);border-color:var(--ink-strong)}.rank-slide.is-top .rank-pos,.rank-slide.is-top .rank-name,.rank-slide.is-top .rank-read-head b,.rank-slide.is-top .rank-tips dd,.rank-slide.is-top .rank-points b{color:var(--on-ink)}.rank-slide.is-top .rank-headline,.rank-slide.is-top .rank-read-line{color:var(--on-ink);background:#ffffff1a}.rank-slide.is-top .rank-points,.rank-slide.is-top .rank-read-head>span:first-child,.rank-slide.is-top .rank-who,.rank-slide.is-top .rank-basis,.rank-slide.is-top .rank-tips dt{color:#ffffffa3}.rank-slide.is-top .rank-meter,.rank-slide.is-top .rank-mini{background:#ffffff29}.rank-slide.is-top .rank-tips>div{border-color:#fff3}.rank-slide.is-top .rank-avatar{background:var(--paper);border-radius:50%}.rank-curtain{position:absolute;inset:0;z-index:2;display:none;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;padding:48px 24px;font:inherit;text-align:left;color:var(--on-ink);background:var(--ink-strong);border:0;border-radius:var(--radius-2xl);cursor:pointer;transition:transform var(--dur-slow) var(--ease-out),opacity var(--dur-slow) var(--ease-out)}.rank-curtain b{font-size:1.5rem;font-weight:800}.rank-curtain span{font-size:.875rem;color:#ffffffa3}.rank-curtain-icon{width:48px;height:48px;margin:0 0 8px}.rank-curtain:active{transform:scale(.98)}.rank-slide.is-top .rank-curtain{display:flex}.rank-slide.is-top:not(.is-sealed) .rank-curtain{pointer-events:none;opacity:0;transform:translateY(-24px)}.rank-slide.is-sealed .rank-card{visibility:hidden}.rank-final-title{margin:0 0 16px;font-size:1.25rem;font-weight:800}.rank-finale .rank-kicker{margin:0 0 8px}.rank-rows{display:grid;gap:8px;margin:0 0 24px;padding:0;list-style:none}.rank-row{display:grid;grid-template-columns:32px 1fr auto;grid-template-areas:"num name pts" "num bar bar";align-items:center;gap:4px 8px;padding:8px 16px;border:1px solid var(--line);border-radius:var(--radius-lg)}.rank-row.is-top{color:var(--on-ink);background:var(--ink-strong);border-color:var(--ink-strong)}.rank-row-num{grid-area:num;font-size:1.5rem;font-weight:800}.rank-row-name{grid-area:name;min-width:0;font-weight:800;overflow-wrap:anywhere}.rank-row-name small{display:block;font-size:.6875rem;font-weight:700;opacity:.64}.rank-row-points{grid-area:pts;font-size:1.25rem;font-weight:800}.rank-row-points small{font-size:.6875rem}.rank-row-meter{grid-area:bar;height:4px}.rank-row.is-top .rank-row-meter{background:#ffffff29}.rank-note{margin:16px 0 0;font-size:.6875rem;line-height:1.6;color:var(--ink-soft)}.rank-nav{display:grid;grid-template-columns:56px 1fr;gap:8px;margin:16px 0 24px}.rank-nav .btn-sub,.rank-nav .btn-main{margin:0}.rank-prev{display:grid;place-items:center;padding:0}.rank-next{display:flex;align-items:center;justify-content:center;gap:8px}.rank-next[hidden]{display:none}.rank-nav:has(.rank-next[hidden]){grid-template-columns:56px}.rank-prev:disabled{opacity:.4}@media(prefers-reduced-motion:reduce){.rank-slide.is-current .rank-pos{animation:none}.rank-meter>span,.rank-mini>span,.rank-row-meter>span,.rank-curtain{transition:none}}