:root{--paper:#f3eee7;--paper-2:#ebe3d8;--panel:#fbf8f2;--ink:#2b322d;--ink-soft:#5e655e;--ink-faint:#8a8f86;--line:#2b322d1f;--line-strong:#2b322d38;--sun:#e3a24c;--dawn:#d98c79;--sky:#7ba6c2;--grass:#8fa96c;--earth:#be8b5c;--forest:#4e6b57;--moon:#8b90b4;--yoake:#e1a788;--accent:#cf7e68;--accent-ink:#b25c45;--glow:#e3a24c8c;--shadow:0 18px 50px -28px #2b322d73;--shadow-soft:0 10px 30px -22px #2b322d66;--serif:"Hiragino Maru Gothic ProN","Hiragino Maru Gothic Pro","YuRounded","Kosugi Maru","M PLUS Rounded 1c","Hiragino Sans",sans-serif;--sans:"Hiragino Kaku Gothic ProN","Hiragino Sans","Yu Gothic","YuGothic","Meiryo","Noto Sans JP",system-ui,sans-serif;--wrap:640px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--paper:#171c1e;--paper-2:#1e2528;--panel:#20282b;--ink:#ece6da;--ink-soft:#aeb4ac;--ink-faint:#7e857e;--line:#ece6da1f;--line-strong:#ece6da38;--sun:#eab05e;--dawn:#e29a87;--sky:#8fb6d0;--grass:#a0ba7c;--earth:#ce9a69;--forest:#6e8e78;--moon:#a0a5c6;--yoake:#ebb194;--accent:#e19079;--accent-ink:#eda792;--glow:#eab05e66;--shadow:0 24px 60px -30px #000000b3;--shadow-soft:0 14px 34px -24px #0009}}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}html{font-size:112.5%}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overscroll-behavior-y:none;margin:0;line-height:1.8}p{margin:0}button{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.serif{font-family:var(--serif);font-weight:600}.app-shell{max-width:var(--wrap);flex-direction:column;min-height:100dvh;margin:0 auto;padding:0 20px;display:flex}.screen{flex-direction:column;flex:1;padding:32px 0 40px;animation:.5s both fadeIn;display:flex}@media (prefers-reduced-motion:reduce){.screen{animation:none}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.eyebrow{letter-spacing:.3em;text-indent:.3em;color:var(--accent-ink);margin:0 0 14px;font-size:.76rem;font-weight:700}.screen-title{font-family:var(--serif);letter-spacing:.03em;text-wrap:balance;margin:0 0 16px;font-size:clamp(1.5rem,6vw,2rem);font-weight:600;line-height:1.6}.lead{color:var(--ink-soft);max-width:32em;font-size:1rem;line-height:1.95}.btn{appearance:none;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px 28px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .25s,box-shadow .25s,opacity .25s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(120deg, var(--sun), var(--accent));box-shadow:0 14px 28px -14px #cf7e68b3}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{color:var(--ink);border:1px solid var(--line-strong);background:0 0}.btn-ghost:active{transform:scale(.98)}.btn-text{color:var(--ink-soft);background:0 0;border:0;width:auto;padding:8px;font-size:.9rem;text-decoration:underline}.btn-row{flex-direction:column;gap:12px;margin-top:28px;display:flex}.progress-track{background:var(--line);border-radius:999px;width:100%;height:6px;margin-bottom:22px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--sun), var(--accent));border-radius:999px;height:100%;transition:width .4s}.text-input{border:1px solid var(--line-strong);background:var(--panel);width:100%;color:var(--ink);border-radius:14px;padding:14px 16px;font-size:1rem}.text-input:focus{border-color:var(--accent)}.field-label-plain{color:var(--ink-soft);font-size:.85rem;font-weight:700}.quiz-question{font-family:var(--serif);text-wrap:balance;margin:8px 0 28px;font-size:1.2rem;line-height:1.75}.choice-stack{flex-direction:column;gap:14px;display:flex}.choice-card{appearance:none;text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-soft);border-radius:18px;padding:20px 22px;font-size:1rem;line-height:1.7;transition:transform .2s,border-color .2s,box-shadow .2s}.choice-card:active{transform:scale(.98)}.choice-card:hover{border-color:var(--accent)}.half-btn{border:1px dashed var(--line-strong);background:var(--paper-2);width:100%;color:var(--ink-soft);cursor:pointer;border-radius:14px;margin-top:12px;padding:15px 16px;font-family:inherit;font-size:.95rem;line-height:1.4}.half-btn:active{transform:scale(.98)}.quiz-nav{justify-content:space-between;margin-top:24px;display:flex}.reveal-stage{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:60vh;display:flex;position:relative;overflow:hidden}.reveal-glow{aspect-ratio:1;background:radial-gradient(circle, var(--glow) 0%, transparent 62%);z-index:0;width:min(80vw,420px);position:absolute;bottom:10%;left:50%;transform:translate(-50%,30%)}@media (prefers-reduced-motion:no-preference){.reveal-glow{animation:1.6s cubic-bezier(.16,.8,.2,1) both sunrise}.reveal-disc{animation:.6s cubic-bezier(.2,.8,.2,1) .3s both pop,3.6s ease-in-out 1.1s infinite breathe}.reveal-name{animation:.7s .5s both fadeUp}.reveal-catch{animation:.7s .7s both fadeUp}.ring-node .disc{animation:3.4s ease-in-out infinite floatY}.ring-node:first-of-type .disc{animation-delay:0s}.ring-node:nth-of-type(2) .disc{animation-delay:-.4s}.ring-node:nth-of-type(3) .disc{animation-delay:-.8s}.ring-node:nth-of-type(4) .disc{animation-delay:-1.2s}.ring-node:nth-of-type(5) .disc{animation-delay:-1.6s}.ring-node:nth-of-type(6) .disc{animation-delay:-2s}.ring-node:nth-of-type(7) .disc{animation-delay:-2.4s}.ring-node:nth-of-type(8) .disc{animation-delay:-2.8s}.ring-node.active .disc{animation:3.4s ease-in-out infinite floatY,1.6s ease-in-out infinite pulseGlow}.type-card.active{animation:.6s cubic-bezier(.2,.8,.2,1) cardPulse}}@keyframes sunrise{0%{opacity:0;transform:translate(-50%,80%)}to{opacity:1;transform:translate(-50%,30%)}}@keyframes pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes breathe{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.08);transform:scale(1.045)}}@keyframes pulseGlow{0%,to{box-shadow:0 8px 20px -8px #cf7e688c}50%{box-shadow:0 0 22px 2px #cf7e68b3}}@keyframes cardPulse{0%{transform:scale(1)}30%{transform:scale(1.015)}to{transform:scale(1)}}.reveal-name{z-index:1;font-family:var(--serif);letter-spacing:.08em;margin:20px 0 8px;font-size:clamp(2rem,10vw,2.8rem);font-weight:600;position:relative}.reveal-catch{z-index:1;color:var(--ink-soft);font-size:1.05rem;position:relative}.confidence-tag{z-index:1;letter-spacing:.12em;color:var(--ink-faint);border:1px solid var(--line-strong);border-radius:999px;margin-top:16px;padding:5px 14px;font-size:.75rem;display:inline-block;position:relative}.reveal-follow{z-index:1;max-width:22em;color:var(--ink-soft);text-align:center;margin-top:18px;font-size:.9rem;line-height:1.8;position:relative}.recheck-cta{cursor:pointer;text-align:center;background:color-mix(in srgb, var(--accent) 8%, var(--panel));border:1.5px dashed var(--accent);width:100%;color:var(--ink);border-radius:16px;flex-direction:column;align-items:center;gap:4px;margin-top:4px;padding:16px;display:flex}.recheck-cta-lead{font-family:var(--serif);font-size:1rem;font-weight:700}.recheck-cta-sub{color:var(--accent-ink);font-size:.85rem;font-weight:700}.disc{border-radius:50%;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 6px 18px -8px #2b322d4d}.disc-lg{width:112px;height:112px}.disc-md{width:76px;height:76px}.disc-sm{width:52px;height:52px}.disc-cast{width:62px;height:62px}.start-cast{flex-direction:column;align-items:center;margin:16px 0 22px;display:flex}.start-cast-row{justify-content:center;display:flex}.disc.kidoairaku{background:radial-gradient(circle at 38% 32%,#fff5e0, var(--sun) 55%, #c9852f);background-image:url(/types/kidoairaku.png);background-position:50%;background-size:cover}.disc.hitonatsukkoi{background:radial-gradient(circle at 38% 32%,#eaf6ff, var(--sky) 58%, #4f82a3);background-image:url(/types/hitonatsukkoi.png);background-position:50%;background-size:cover}.disc.sentou{background:radial-gradient(circle at 38% 32%,#f0f7e6, var(--grass) 58%, #6f8c4c);background-image:url(/types/sentou.png);background-position:50%;background-size:cover}.disc.sewazuki{background:url(/types/sewazuki.png) 50%/cover}.disc.dandori{background:radial-gradient(circle at 38% 32%,#f7ead6, var(--earth) 56%, #916239);background-image:url(/types/dandori.png);background-position:50%;background-size:cover}.disc.okuyukashii{background:radial-gradient(circle at 38% 32%,#e4efe4, var(--forest) 58%, #33503f);background-image:url(/types/okuyukashii.png);background-position:50%;background-size:cover}.disc.yorisoi{background:radial-gradient(circle at 38% 32%,#eef0fb, var(--moon) 58%, #5f6493);background-image:url(/types/yorisoi.png);background-position:50%;background-size:cover}.disc.jouatsui{background:radial-gradient(circle at 38% 32%,#ffeede, var(--yoake) 55%, #c47c58);background-image:url(/types/jouatsui.png);background-position:50%;background-size:cover}.type-card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:22px;padding:28px 24px;transition:box-shadow .3s,border-color .3s}.type-detail-list{flex-direction:column;gap:16px;margin-top:20px;display:flex}.type-card.active{border-color:var(--accent-ink);box-shadow:0 0 0 2px var(--accent-ink)}.type-card-head{text-align:center;flex-direction:column;align-items:center;gap:10px;margin-bottom:8px;display:flex}.snap-list{flex-direction:column;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.snap-list li{color:var(--ink);background:var(--paper-2);border-radius:12px;padding:12px 14px;font-size:.95rem;line-height:1.7}.field-block{margin-top:20px}.field-label{letter-spacing:.14em;color:var(--accent-ink);margin-bottom:6px;font-size:.75rem;font-weight:700}.field-body{color:var(--ink-soft);font-size:.98rem;line-height:1.85}.screenshot-line{text-align:center;font-family:var(--serif);color:var(--ink);border-top:1px dashed var(--line-strong);border-bottom:1px dashed var(--line-strong);margin-top:22px;padding:16px;font-size:1.05rem}.portrait{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:24px;margin-top:20px;overflow:hidden}.portrait-scene{background:linear-gradient(to bottom, color-mix(in srgb,var(--sky) 40%,var(--panel)), color-mix(in srgb,var(--yoake) 26%,var(--panel)) 60%, color-mix(in srgb,var(--grass) 30%,var(--panel)));min-height:260px;padding:20px 16px 0;position:relative}.portrait-ground{background:color-mix(in srgb,var(--forest) 46%,var(--panel));border-radius:50% 50% 0 0/20px 20px 0 0;height:70px;position:absolute;bottom:0;left:0;right:0}.portrait-members{z-index:1;flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:16px;min-height:180px;padding-bottom:24px;display:flex;position:relative}.portrait-member{flex-direction:column;align-items:center;gap:8px;display:flex}.portrait-member .m-label{color:var(--ink);background:color-mix(in srgb, var(--panel) 82%, transparent);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:700}.portrait-member .m-sub{color:var(--ink-soft);font-size:.7rem;font-weight:500;display:block}.portrait-caption{background:var(--panel);color:var(--ink-soft);text-align:center;padding:16px 18px;font-size:.9rem;line-height:1.7}.member-list{flex-direction:column;gap:10px;margin-top:20px;display:flex}.member-row{background:var(--panel);border:1px solid var(--line);cursor:pointer;text-align:left;width:100%;color:var(--ink);border-radius:16px;align-items:center;gap:12px;padding:12px 16px;font-size:1rem;display:flex}.member-row:active{transform:scale(.99)}.member-row .name{flex:1;font-weight:700}.member-row .type-name{color:var(--ink-soft);font-size:.88rem}.add-member-btn{border:1px dashed var(--line-strong);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:16px;margin-top:14px;padding:14px;font-size:.95rem}.role-grid{flex-direction:column;gap:12px;margin-top:20px;display:flex}.role-card{border:1px solid var(--line);background:var(--panel);cursor:pointer;text-align:left;border-radius:18px;align-items:center;gap:14px;padding:18px;display:flex}.role-card .role-title{font-family:var(--serif);font-size:1.05rem;font-weight:600}.role-card .role-desc{color:var(--ink-soft);margin-top:4px;font-size:.85rem;line-height:1.7}.correct-choices{flex-direction:column;align-items:stretch;gap:10px;display:flex}.correct-choices .role-card{align-items:flex-start}.chip-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.chip{border:1px solid var(--line-strong);background:var(--panel);cursor:pointer;color:var(--ink);border-radius:999px;padding:9px 16px;font-size:.88rem}.chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.pair-header{text-align:center;margin-bottom:8px}.pair-header .versus{justify-content:center;align-items:center;gap:14px;margin-bottom:10px;display:flex}.pair-header .versus .vs{color:var(--accent-ink);font-family:var(--serif)}.pair-section{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:20px;margin-top:16px;padding:22px 20px}.pair-section h3{font-family:var(--serif);align-items:center;gap:10px;margin:0 0 12px;font-size:1.05rem;font-weight:600;display:flex}.pair-section h3:after{content:"";background:var(--line);flex:1;height:1px}.pair-section p{color:var(--ink);white-space:pre-line;font-size:.96rem;line-height:1.85}.pair-section p+p{margin-top:10px}.pair-note{color:var(--ink-soft);margin:0 0 10px;font-size:.82rem}.pair-guide{background:color-mix(in srgb,var(--accent) 7%, var(--panel));border:1px solid var(--line);border-radius:16px;margin-bottom:18px;padding:16px 18px}.pair-guide-title{font-family:var(--serif);color:var(--accent-ink);margin:0 0 8px;font-size:.95rem;font-weight:700}.pair-guide-body{color:var(--ink-soft);margin:0 0 10px;font-size:.88rem;line-height:1.8}.pair-guide-list{flex-direction:column;gap:5px;margin:0;padding-left:1.1em;display:flex}.pair-guide-list li{color:var(--ink);font-size:.86rem;line-height:1.7}.pair-guide-list b{color:var(--accent-ink)}.trans-line{border-left:3px solid var(--line-strong);padding-left:12px;line-height:1.75}.voice-pair{flex-direction:column;gap:10px;display:flex}.voice-line{font-family:var(--serif);background:var(--paper-2);border-radius:14px;padding:12px 16px;font-size:1rem}.note-box{background:color-mix(in srgb, var(--accent) 12%, var(--panel));color:var(--ink-soft);border-radius:14px;margin-top:18px;padding:14px 16px;font-size:.85rem;line-height:1.8}.footer-actions{border-top:1px solid var(--line);flex-direction:column;gap:10px;margin-top:auto;padding-top:28px;display:flex}.top-nav{color:var(--ink-soft);justify-content:space-between;align-items:center;padding:16px 0;font-size:.85rem;display:flex}.top-nav .brand{font-family:var(--serif);color:var(--ink);letter-spacing:.08em;font-weight:600}.link-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:6px;font-size:.85rem}.axis-explain{flex-direction:column;gap:16px;margin-top:22px;display:flex}.axis-explain-item{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow-soft);border-radius:18px;padding:18px 20px}.axis-explain-key{letter-spacing:.16em;color:var(--ink-faint);margin:0;font-size:.72rem;font-weight:700}.axis-explain-poles{font-family:var(--serif);color:var(--ink);letter-spacing:.06em;margin:4px 0 8px;font-size:1.3rem;font-weight:600}.axis-explain-body{color:var(--ink-soft);margin:0;font-size:.9rem;line-height:1.85}.axis-explain-body b{color:var(--accent-ink);font-weight:700}.ring-guide{text-align:center;color:var(--ink-soft);margin:32px 0 0;font-size:.85rem}.ring{aspect-ratio:1;width:min(90vw,360px);margin:22px auto 40px;position:relative}.ring-bg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ring-inner{fill:var(--panel);opacity:.5}.band-captain{fill:color-mix(in srgb,var(--grass) 32%, var(--panel))}.band-moodmaker{fill:color-mix(in srgb,var(--sun) 32%, var(--panel))}.band-counselor{fill:color-mix(in srgb,var(--moon) 32%, var(--panel))}.band-manager{fill:color-mix(in srgb,var(--earth) 32%, var(--panel))}.ring-axis-line{stroke:var(--line-strong);stroke-width:1px;opacity:.25}.ring-role-t{fill:var(--ink);opacity:.82;font-family:var(--serif);font-size:15px;font-weight:700}.ring-axis-t{fill:var(--ink);font-family:var(--serif);letter-spacing:2px;font-size:18px;font-weight:800}.ring-axis-v{writing-mode:vertical-rl}.selected-label{text-align:center;letter-spacing:.2em;color:var(--accent-ink);margin:0 0 10px;font-size:.72rem;font-weight:700}.selected-label:before,.selected-label:after{content:"　·　";color:var(--line-strong)}.axis-note{background:color-mix(in srgb,var(--accent) 9%, var(--panel));border:1px solid color-mix(in srgb,var(--accent) 22%, transparent);color:var(--ink);border-radius:14px;margin:2px 0 18px;padding:14px 16px;font-size:.92rem;line-height:1.85}.axis-note-key{letter-spacing:.18em;color:var(--accent-ink);margin-bottom:5px;font-size:.68rem;font-weight:700;display:block}.ring-node{cursor:pointer;background:0 0;border:0;padding:0;transition:transform .25s;position:absolute;transform:translate(-50%,-50%)}.ring-node:hover{transform:translate(-50%,-50%)scale(1.06)}.ring-node .disc-sm{width:48px;height:48px}.ring-node .disc{transition:box-shadow .25s,outline .25s;display:block}.ring-node.active .disc{outline:3px solid var(--accent);outline-offset:2px;box-shadow:0 8px 20px -8px #cf7e6899}.ring-name-t{font-family:var(--serif);fill:var(--ink);paint-order:stroke;stroke:var(--paper);stroke-width:4px;stroke-linejoin:round;font-size:13.5px;font-weight:700}.ring-name-t.active{fill:var(--accent-ink)}.app-shell.with-tabs{padding-bottom:calc(84px + env(safe-area-inset-bottom))}.tabbar{width:min(100%, var(--wrap));z-index:40;background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);padding:8px 6px calc(8px + env(safe-area-inset-bottom));border-bottom:none;border-radius:20px 20px 0 0;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-item{cursor:pointer;color:var(--ink-faint);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 0;font-family:inherit;font-size:.72rem;display:flex}.tab-item .tab-icon{font-size:1.05rem;line-height:1}.tab-item.active{color:var(--accent-ink);font-weight:700}.tnj{aspect-ratio:1;border:1px solid var(--line);width:100%;box-shadow:var(--shadow-soft);border-radius:20px;position:relative;overflow:hidden}.tnj-grid{background:var(--line-strong);grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;display:grid;position:absolute;inset:0}.tnj-q{position:relative}.tnj-q-mm{background:color-mix(in srgb, var(--sun) 20%, var(--panel))}.tnj-q-cp{background:color-mix(in srgb, var(--grass) 20%, var(--panel))}.tnj-q-cs{background:color-mix(in srgb, var(--moon) 20%, var(--panel))}.tnj-q-mg{background:color-mix(in srgb, var(--earth) 20%, var(--panel))}.tnj-role{color:var(--ink-soft);opacity:.8;letter-spacing:.04em;font-size:.62rem;position:absolute}.tnj-q-mm .tnj-role{top:8px;left:10px}.tnj-q-cp .tnj-role{top:8px;right:10px}.tnj-q-cs .tnj-role{bottom:8px;left:10px}.tnj-q-mg .tnj-role{bottom:8px;right:10px}.tnj-ax{z-index:3;color:var(--ink-soft);background:var(--panel);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:1px 9px;font-size:.66rem;position:absolute}.tnj-ax-top{top:6px;left:50%;transform:translate(-50%)}.tnj-ax-bottom{bottom:6px;left:50%;transform:translate(-50%)}.tnj-ax-left{top:50%;left:6px;transform:translateY(-50%)}.tnj-ax-right{top:50%;right:6px;transform:translateY(-50%)}.tnj-line{z-index:1;width:100%;height:100%;position:absolute;inset:0}.tnj-line line{stroke:var(--accent);stroke-width:2px;stroke-dasharray:5 5;opacity:.85}.tnj-dot{z-index:2;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:3px;padding:0;font-family:inherit;display:flex;position:absolute;transform:translate(-50%,-50%)}div.tnj-dot{cursor:default}.tnj-name{color:var(--ink);background:var(--panel);border:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:96px;padding:0 8px;font-size:.7rem;overflow:hidden}.tnj-ghost{z-index:2;border:2px dashed var(--line-strong);border-radius:50%;width:30px;height:30px;position:absolute;transform:translate(-50%,-50%)}.tnj-mini{align-self:center;width:74%}.tnj-home{margin-top:6px}.tnj-zukan{margin-bottom:4px}.scene-pill{color:var(--ink-soft);background:var(--paper-2);border-radius:999px;align-self:center;margin:8px 0 4px;padding:5px 18px;font-size:.88rem}.duo{grid-template-columns:1fr 1fr;gap:14px;margin:10px 4px 0;display:grid}.duo-kid{flex-direction:column;align-items:center;gap:12px;display:flex}.duo-bub{border:1px solid var(--line);background:var(--panel);text-align:center;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:64px;margin:0;padding:10px 12px;font-size:.9rem;line-height:1.6;display:flex;position:relative}.duo-bub:after{content:"";background:var(--panel);border-right:1px solid var(--line);border-bottom:1px solid var(--line);width:11px;height:11px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.duo-cap{text-align:center;color:var(--ink-soft);margin:14px 0 2px;font-size:.9rem}.btn .btn-sub{opacity:.85;flex-basis:100%;margin-top:2px;font-size:.72rem;font-weight:400}.btn:has(.btn-sub){flex-wrap:wrap;row-gap:0;padding-top:10px;padding-bottom:10px}.trust-line{text-align:center;color:var(--ink-faint);margin-top:20px;font-size:.78rem;line-height:1.9}.fork{background:color-mix(in srgb, var(--accent) 12%, var(--panel));border-radius:18px;flex-direction:column;align-items:stretch;gap:10px;margin-top:22px;padding:18px 16px 14px;display:flex}.fork-label{text-align:center;color:var(--accent-ink);letter-spacing:.06em;margin:0;font-size:.8rem;font-weight:700}.fork-sub{text-align:center;color:var(--ink-soft);margin:0;font-size:.8rem}.fork .btn-text{align-self:center}.home-section{flex-direction:column;margin-top:26px;display:flex}.home-section-title{color:var(--ink-faint);letter-spacing:.08em;margin:0 0 10px;font-size:.76rem;font-weight:700}.invite-card{border:1px solid var(--line);background:var(--panel);border-radius:16px;flex-direction:column;gap:12px;margin-top:18px;padding:16px;display:flex}.invite-card p{color:var(--ink-soft);margin:0;font-size:.92rem;line-height:1.8}.pair-list{flex-direction:column;gap:8px;display:flex}.pair-row{border:1px solid var(--line);background:var(--panel);cursor:pointer;color:var(--ink);text-align:left;border-radius:14px;align-items:center;gap:8px;padding:12px 14px;font-family:inherit;font-size:.92rem;display:flex}.pair-row .disc-sm:nth-child(2){margin-left:-10px}.pair-names{flex:1;margin-left:4px;font-weight:600}.pair-distance{color:var(--ink-soft);white-space:nowrap;font-size:.8rem}.pair-new{color:var(--accent-ink);background:color-mix(in srgb, var(--accent) 16%, var(--panel));border-radius:999px;padding:2px 8px;font-size:.62rem;font-weight:700}.consult-card{border:1px solid var(--line);background:color-mix(in srgb, var(--accent) 9%, var(--panel));cursor:pointer;text-align:left;color:var(--ink);border-radius:16px;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;font-family:inherit;display:flex}.consult-ava{background:var(--accent);border-radius:50%;flex:none;width:44px;height:44px;overflow:hidden}.consult-ava img{object-fit:cover;width:100%;height:100%;display:block}.consult-copy{flex-direction:column;flex:1;gap:1px;display:flex}.consult-copy b{font-family:var(--serif);font-size:.98rem}.consult-copy small{color:var(--ink-soft);font-size:.74rem}.consult-arr{color:var(--ink-faint)}.settings-details summary{cursor:pointer;color:var(--ink-faint);font-size:.8rem;list-style:none}.settings-details summary::-webkit-details-marker{display:none}.settings-details[open] summary{margin-bottom:8px}.member-actions{flex-direction:column;align-items:stretch;gap:12px;margin-top:22px;display:flex}.member-actions .btn-text,.member-actions .link-btn{align-self:center}.rename-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.rename-row .text-input{flex:8rem;min-width:0}.rename-row .btn{flex:none;width:auto;max-width:100%;margin-left:auto}.rename-feedback{align-items:center;min-height:26px;margin:8px 0 0;display:flex}.rename-saved{color:var(--accent-ink);font-size:.8rem;font-weight:700}@media (prefers-reduced-motion:no-preference){.rename-saved{animation:.28s rename-saved-in}}@keyframes rename-saved-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.reco-badge{color:var(--accent-ink);background:color-mix(in srgb, var(--accent) 16%, var(--panel));vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 9px;font-size:.66rem;font-weight:700;display:inline-block}.role-badge{color:var(--ink-soft);background:var(--paper-2);border:1px solid var(--line);border-radius:999px;margin-top:2px;padding:2px 11px;font-size:.7rem;display:inline-block}.stance-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.stance-half{border:1px solid var(--line);background:var(--panel);color:var(--ink-soft);border-radius:13px;padding:10px 12px;font-size:.85rem;line-height:1.6}.stance-half b{color:var(--ink);margin-bottom:3px;font-size:.82rem;display:block}.fb-card{background:var(--paper-2);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;font-size:.88rem;display:flex}.fb-btn{background:var(--accent);color:#fff;border-radius:999px;flex:none;padding:7px 16px;font-size:.82rem;font-weight:700;text-decoration:none}.zukan-typegrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.zukan-typecard{border:1px solid var(--line);background:var(--panel);cursor:pointer;color:var(--ink);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:16px 10px 12px;font-family:inherit;display:flex}.zukan-typename{font-family:var(--serif);font-size:.98rem}.zukan-typeono{color:var(--ink-soft);font-size:.72rem}.role-cards{flex-direction:column;gap:10px;display:flex}.role-explain{border:1px solid var(--line);background:var(--panel);border-left-width:5px;border-radius:14px;padding:14px 16px}.role-explain.role-moodmaker{border-left-color:var(--sun)}.role-explain.role-captain{border-left-color:var(--grass)}.role-explain.role-manager{border-left-color:var(--earth)}.role-explain.role-counselor{border-left-color:var(--moon)}.role-explain-name{font-family:var(--serif);margin:0 0 2px;font-size:1.05rem}.role-explain-catch{color:var(--accent-ink);margin:0 0 8px;font-size:.82rem}.role-explain-body{color:var(--ink-soft);margin:0 0 4px;font-size:.85rem;line-height:1.75}.role-explain-types{flex-wrap:wrap;gap:8px;margin:10px 0 0;display:flex}.role-type-chip{border:1px solid var(--line);background:var(--paper);cursor:pointer;color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 6px;font-family:inherit;font-size:.78rem;display:inline-flex}.consult{height:100dvh;max-width:var(--wrap);background:var(--paper);flex-direction:column;margin:0 auto;display:flex}.consult__header{border-bottom:1px solid var(--line);background:var(--panel);flex:none;align-items:center;gap:10px;padding:7px 14px;display:flex}.consult__back{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;padding:6px 8px;font-size:.9rem}.consult__ctx{flex:auto;min-width:0}.consult__chip{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.consult__chip-type{color:var(--ink-faint);margin-left:3px;font-size:.72rem;font-weight:400}.consult__chip-x{color:var(--ink-faint);margin:0 5px;font-weight:400}.consult__remain{color:var(--ink-faint);gap:10px;margin-top:2px;font-size:.7rem;display:flex}.consult__remain--low{color:var(--accent-ink);font-weight:700}.consult__body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:auto;gap:14px;padding:18px 16px 8px;display:flex;overflow-y:auto}.consult__intro{color:var(--ink-soft);font-size:.9rem;line-height:1.7}.msg{align-items:flex-end;gap:8px;max-width:100%;display:flex}.msg--user{flex-direction:row-reverse}.msg__bubble{white-space:pre-wrap;word-break:break-word;border-radius:16px;max-width:78%;padding:10px 14px;font-size:.92rem;line-height:1.7}.msg--mikata .msg__bubble{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-bottom-left-radius:5px}.msg--user .msg__bubble{background:var(--accent);color:#fff;border-bottom-right-radius:5px}.msg__avatar{object-fit:cover;background:var(--accent);border-radius:50%;flex:none;width:34px;height:34px}.msg__avatar--fallback{background:var(--accent);box-shadow:inset 0 0 0 2px #ffffff59}.msg__cursor:after{content:"▍";color:var(--ink-faint);animation:1s step-end infinite consultBlink}@keyframes consultBlink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.msg__cursor:after{animation:none}}.consult__starters{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.starter{border:1px solid var(--line-strong);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:.85rem}.starter:active{background:var(--paper-2)}.consult__choices{flex-wrap:wrap;flex:none;gap:8px;padding:10px 12px 2px;display:flex}.consult__inputbar{border-top:1px solid var(--line);background:var(--panel);padding:10px 12px calc(10px + env(safe-area-inset-bottom));flex:none}.consult__inputrow{align-items:flex-end;gap:8px;display:flex}.consult__textarea{resize:none;border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);border-radius:14px;flex:auto;max-height:120px;padding:10px 12px;font-family:inherit;font-size:16px;line-height:1.5}.consult__send{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;flex:none;padding:10px 16px;font-weight:700}.consult__send:disabled{opacity:.45;cursor:default}.consult__counter{text-align:right;color:var(--ink-faint);margin-top:4px;font-size:.68rem}.consult__counter--over{color:var(--accent-ink)}.consult__helpbar{border-top:1px solid var(--line);background:var(--paper-2);padding:7px 16px calc(7px + env(safe-area-inset-bottom));flex:none;justify-content:space-between;align-items:center;gap:12px;display:flex}.consult__help-btn{color:var(--accent-ink);cursor:pointer;background:0 0;border:none;padding:2px 0;font-size:.76rem;font-weight:700}.consult__link{color:var(--ink-faint);cursor:pointer;background:0 0;border:none;padding:0;font-size:.72rem;text-decoration:underline}.consult__hotlines{flex-wrap:wrap;gap:6px 12px;display:flex}.consult__hotlines a{color:var(--accent-ink);white-space:nowrap;text-decoration:none}.consult__hotlines--sheet{flex-flow:column;gap:10px;margin:6px 0 18px}.consult__hotlines--sheet a{background:var(--paper-2);color:var(--ink);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;font-size:.9rem;display:flex}.consult__hotlines--sheet a b{color:var(--accent-ink);white-space:nowrap}.consult__overlay{z-index:50;background:#00000073;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.promise{background:var(--panel);width:100%;max-width:420px;box-shadow:var(--shadow);border-radius:18px;padding:22px 20px}.promise__title{font-family:var(--serif);color:var(--ink);margin-bottom:14px;font-size:1.1rem;font-weight:600}.promise__list{flex-direction:column;gap:10px;margin:0 0 18px;padding:0;list-style:none;display:flex}.promise__list li{color:var(--ink-soft);padding-left:16px;font-size:.88rem;line-height:1.6;position:relative}.promise__list li:before{content:"・";color:var(--accent-ink);position:absolute;left:0}.consult__center{flex-direction:column;flex:auto;justify-content:center;gap:16px;padding:28px 22px;display:flex}.consult__center-title{font-family:var(--serif);color:var(--ink);font-size:1.25rem;font-weight:600;line-height:1.6}.consult__center-body{color:var(--ink-soft);font-size:.95rem;line-height:1.8}.consult__pick{flex-direction:column;gap:10px;display:flex}.consult__pick-item{border:1px solid var(--line-strong);background:var(--panel);text-align:left;cursor:pointer;color:var(--ink);border-radius:14px;padding:14px 16px;font-size:.95rem}.consult__pick-item:active{background:var(--paper-2)}.consult__pick-sub{color:var(--ink-faint);margin-top:3px;font-size:.78rem;display:block}.msg__bubble--typing{padding:14px 16px}.typing-dots{align-items:center;gap:5px;display:inline-flex}.typing-dots span{background:var(--ink-faint);opacity:.35;border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite typing-bounce}.typing-dots span:nth-child(2){animation-delay:.18s}.typing-dots span:nth-child(3){animation-delay:.36s}@keyframes typing-bounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:.9;transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.typing-dots span{animation:1.2s infinite typing-fade}@keyframes typing-fade{0%,to{opacity:.3}50%{opacity:.85}}}