:root{color:#172d3e;font-synthesis:none;--navy:#102a43;--cream:#f6f0e4;--paper:#fffdf8;--gold:#b5944a;--sage:#7e927d;--vermilion:#b94b3f;--ink:#172d3e;--muted:#6f756f;--line:#ddd2bd;--shadow:0 12px 32px #19273117;background:#f6f0e4;font-family:Hiragino Sans,Yu Gothic,Noto Sans JP,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--cream);min-height:100%}body{background:radial-gradient(circle at 10% 0%, #fffaf0 0, transparent 28rem), var(--cream);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;min-height:44px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #b5944a61}input,textarea,select{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:#fff;border-radius:10px;padding:12px 14px;transition:border-color .2s,box-shadow .2s}textarea{resize:vertical;line-height:1.65}input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px #b5944a1f}label{color:#344957;gap:7px;font-size:.9rem;font-weight:700;display:grid}label small{color:var(--muted);font-weight:400;line-height:1.45}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:.02em}.staging-ribbon{z-index:20;background:var(--vermilion);color:#fff;text-align:center;letter-spacing:.12em;width:190px;padding:7px;font-size:.68rem;font-weight:800;position:fixed;top:18px;right:-46px;transform:rotate(35deg);box-shadow:0 3px 12px #0000002e}.staging-line{z-index:40;background:var(--vermilion);color:#fff;letter-spacing:.08em;place-items:center;height:24px;font-size:.68rem;font-weight:800;display:grid;position:fixed;top:0;left:0;right:0}.auth-shell{background:var(--paper);grid-template-columns:minmax(320px,1.05fr) minmax(320px,.95fr);min-height:100vh;display:grid}.brand-panel{color:#fbf4e5;background:var(--navy);flex-direction:column;justify-content:center;align-items:flex-start;min-height:100vh;padding:clamp(48px,8vw,112px);display:flex;position:relative;overflow:hidden}.brand-panel:before{content:"";border:1px solid #b5944a42;border-radius:50%;width:440px;height:440px;position:absolute;top:-90px;right:-170px;box-shadow:0 0 0 54px #b5944a0a,0 0 0 110px #b5944a08}.brand-panel:after{content:"";background:linear-gradient(transparent, var(--gold), transparent);width:1px;height:26%;position:absolute;bottom:8%;right:9%}.brand-seal,.mini-seal{color:#fff6e2;background:var(--vermilion);border:1px solid #d58a76;place-items:center;font-family:serif;display:grid}.brand-seal{border-radius:6px;width:58px;height:58px;margin-bottom:42px;font-size:1.8rem;box-shadow:inset 0 0 0 4px #ffffff1f}.mini-seal{border-radius:5px;width:30px;height:30px;font-size:1rem}.brand-panel .kicker{color:#d7bd7b;letter-spacing:.2em;font-size:.78rem;font-weight:800}.brand-panel h1{letter-spacing:.16em;margin-bottom:22px;font-family:Yu Mincho,Hiragino Mincho ProN,serif;font-size:clamp(3rem,7vw,5.2rem);font-weight:500}.brand-panel h1 small{color:#d7bd7b;letter-spacing:.28em;margin-top:8px;font-family:sans-serif;font-size:.68rem;font-weight:900;display:block}.brand-panel>p:not(.kicker){color:#dbe1df;max-width:510px;line-height:2}.blind-note{background:#ffffff0a;border:1px solid #d5be8052;grid-template-columns:42px 1fr;gap:2px 12px;width:min(100%,440px);margin-top:42px;padding:18px;display:grid}.blind-note>span{color:#d7bd7b;grid-row:span 2;place-items:center;font-size:2rem;display:grid}.blind-note strong{color:#f8ecd2}.blind-note small{color:#bfc9c8;line-height:1.5}.auth-card{width:min(460px,100% - 48px);box-shadow:var(--shadow);background:#fff;border:1px solid #e5dcc9;border-radius:18px;align-self:center;margin:auto;padding:42px}.segmented{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin-bottom:28px;display:grid}.segmented button{color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;font-weight:800}.segmented button.active{border-color:var(--vermilion);color:var(--navy)}.auth-card form,.profile-form,.question-form{gap:21px;display:grid}.fine-print{color:var(--muted);margin:18px 0 0;font-size:.72rem;line-height:1.6}.center{text-align:center}.primary,.secondary,.danger,.danger-link,.target-toggle,.search-box button{border-radius:10px;padding:11px 18px;font-weight:800}.primary{border:1px solid var(--navy);background:var(--navy);color:#fff;box-shadow:0 6px 14px #102a4329}.primary:hover{background:#173b5d}.primary:disabled,.danger:disabled{cursor:not-allowed;opacity:.48}.secondary{border:1px solid var(--navy);color:var(--navy);background:0 0}.wide{width:100%}.notice{border-radius:8px;margin:0 0 18px;padding:13px 44px 13px 14px;font-size:.84rem;line-height:1.5;position:relative}.notice.success{color:#315647;background:#e6f0e8;border:1px solid #bbd1bd}.notice.error{color:#842e27;background:#f8e9e5;border:1px solid #e2bab2}.notice button{color:inherit;background:0 0;border:0;font-size:1.2rem;position:absolute;top:0;right:4px}.center-screen{min-height:60vh;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:12px;display:grid}.ensou{border:3px solid #d8cfbd;border-top-color:var(--vermilion);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.onboarding-shell{min-height:100vh;padding:76px 20px 48px}.onboarding-brand{max-width:680px;color:var(--navy);letter-spacing:.12em;align-items:center;gap:12px;margin:0 auto 24px;font-family:serif;font-size:1.35rem;font-weight:800;display:flex}.onboarding-card{background:var(--paper);max-width:680px;box-shadow:var(--shadow);border-radius:16px;margin:auto;padding:clamp(24px,5vw,48px)}.onboarding-card .step{color:var(--vermilion);letter-spacing:.1em;margin-bottom:12px;font-size:.74rem;font-weight:800}.onboarding-card>h1{color:var(--navy);font-family:serif}.onboarding-card>p{color:var(--muted);margin-bottom:28px;line-height:1.7}.form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.check-line{border:1px solid var(--line);background:#fbf8f0;border-radius:10px;grid-template-columns:24px 1fr;align-items:start;gap:11px;padding:15px}.check-line input{width:20px;min-height:20px;accent-color:var(--vermilion);margin-top:2px}.check-line span{gap:3px;display:grid}.app-shell{min-height:100vh;padding:24px 0 90px}.app-header{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8eb;border-bottom:1px solid #b5944a47;justify-content:space-between;align-items:center;height:62px;padding:0 max(18px,50% - 520px);display:flex;position:sticky;top:24px}.app-header>div:first-child{color:var(--navy);letter-spacing:.12em;align-items:center;gap:10px;font-family:serif;display:flex}.test-chip{color:var(--vermilion);letter-spacing:.14em;border:1px solid #d8b7ac;border-radius:999px;padding:3px 9px;font-size:.64rem;font-weight:900;position:absolute;left:50%;transform:translate(-50%)}.avatar{background:var(--sage);color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-family:serif;font-weight:800;display:grid}.avatar.small{width:34px;height:34px;font-size:.85rem}.avatar.giant{border:5px solid #e9e0cd;width:82px;height:82px;margin:auto;font-size:2rem}.main-content{width:min(100%,760px);margin:0 auto;padding:34px 18px}.view{animation:.22s ease-out fade}@keyframes fade{0%{opacity:.35;transform:translateY(4px)}}.screen-title{margin:0 0 28px}.screen-title>span,.reveal-heading>span{color:var(--vermilion);letter-spacing:.2em;margin-bottom:7px;font-size:.68rem;font-weight:900;display:block}.screen-title h1{color:var(--navy);margin-bottom:8px;font-family:Yu Mincho,serif;font-size:clamp(1.7rem,5vw,2.3rem);font-weight:600}.screen-title p{max-width:580px;color:var(--muted);margin-bottom:0;line-height:1.7}.panel{background:var(--paper);border:1px solid #e3dac7;border-radius:14px;margin-bottom:20px;padding:clamp(20px,4vw,30px);box-shadow:0 7px 24px #212b310d}.required{color:var(--vermilion);background:#f3e2dc;border-radius:999px;margin-left:8px;padding:2px 7px;font-size:.65rem}fieldset{border:0;min-width:0;margin:0;padding:0}legend{color:#344957;margin-bottom:9px;font-size:.9rem;font-weight:700}.option-edit{grid-template-columns:34px 1fr;align-items:center;margin-bottom:9px}.option-edit>span{color:#536b5a;background:#e9eee8;border-radius:50%;place-items:center;height:34px;display:grid}.target-toggle{border:1px solid var(--line);color:var(--navy);background:#f8f4eb;justify-content:space-between;align-items:center;display:flex}.target-toggle b{font-size:1.3rem}.target-box{background:#fcf8ef;border:1px dashed #cdbf9e;border-radius:10px;gap:22px;margin-top:-10px;padding:20px;display:grid}.target-box>p{color:var(--muted);margin:0;font-size:.8rem}.chip-grid{flex-wrap:wrap;gap:8px;display:flex}.choice-chip{display:block}.choice-chip input{opacity:0;pointer-events:none;position:absolute}.choice-chip span{color:#56635f;background:#fff;border:1px solid #d6cbb6;border-radius:999px;place-items:center;min-height:44px;padding:8px 13px;font-weight:600;display:grid}.choice-chip.selected span{border-color:var(--sage);background:var(--sage);color:#fff}.privacy-callout{border-left:3px solid var(--gold);color:#485b61;background:#f6f2e7;gap:5px;padding:15px 17px;display:grid}.privacy-callout strong{color:var(--navy);font-size:.84rem}.privacy-callout span{font-size:.76rem;line-height:1.55}.feed{gap:17px;display:grid}.question-card{background:var(--paper);border:1px solid #e1d7c4;border-radius:14px;padding:clamp(20px,4vw,28px);box-shadow:0 8px 24px #272e310f}.author-row{align-items:center;gap:10px;display:flex}.author-row>div:last-child{display:grid}.author-row strong{font-size:.82rem}.author-row small{color:var(--muted);font-size:.68rem}.tag-row{flex-wrap:wrap;gap:7px;margin:17px 0 10px;display:flex}.tag-row span,.tag-row button{color:#536b5a;background:#e9eee8;border:0;border-radius:999px;align-items:center;min-height:32px;padding:5px 10px;font-size:.74rem;font-weight:800;display:inline-flex}.question-card h2{color:var(--navy);margin:0 0 14px;font-family:Yu Mincho,serif;font-size:clamp(1.2rem,4vw,1.48rem);line-height:1.65}.delivery-reason{color:var(--muted);margin-bottom:14px;font-size:.72rem}.blind-strip{color:#69706b;background:#f1eee6;border-radius:8px;align-items:center;gap:8px;margin:0 0 14px;padding:11px;font-size:.76rem;display:flex}.blind-dot{border:2px solid var(--gold);border-radius:50%;width:13px;height:13px}.empty-state{text-align:center;min-height:380px;color:var(--muted);align-content:center;place-items:center;display:grid}.empty-state>div{border:1px solid var(--line);width:62px;height:62px;color:var(--gold);border-radius:50%;place-items:center;margin-bottom:17px;font-family:serif;font-size:1.6rem;display:grid}.empty-state h2{color:var(--navy);font-family:serif}.detail-overlay{z-index:50;background:var(--cream);position:fixed;inset:24px 0 0;overflow-y:auto}.detail-sheet{background:var(--cream);width:min(100%,720px);min-height:100%;margin:auto;padding:24px 18px 110px}.back{color:var(--navy);background:0 0;border:0;margin-bottom:22px;font-weight:800}.detail-sheet>h1{color:var(--navy);font-family:Yu Mincho,serif;font-size:clamp(1.5rem,5vw,2rem);line-height:1.6}.blind-hero{border:1px solid var(--line);text-align:center;background:#f0ece2;justify-items:center;margin:28px 0;padding:27px 20px;display:grid}.blind-circle{border:1px solid var(--gold);width:50px;height:50px;color:var(--gold);border-radius:50%;place-items:center;margin-bottom:12px;font-size:1.5rem;display:grid}.blind-hero p{max-width:410px;color:var(--muted);margin:8px 0 0;font-size:.8rem;line-height:1.6}.answer-options{gap:10px;margin:18px 0;display:grid}.answer-options button{color:var(--navy);text-align:left;background:#fff;border:1px solid #d9cfbc;border-radius:10px;align-items:center;gap:12px;padding:13px;display:flex}.answer-options button>span{background:#eee9dd;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.answer-options button.selected{border-color:var(--navy);box-shadow:inset 4px 0 var(--vermilion);background:#e8eef1}.reveal{margin-top:24px}.reveal-heading{border-top:1px solid var(--gold);border-bottom:1px solid var(--gold);text-align:center;margin:0 0 24px;padding:23px}.reveal-heading h2{color:var(--navy);margin-bottom:6px;font-family:serif}.reveal-heading p{color:var(--muted);margin:0;font-size:.8rem}.my-answer{color:#fff;background:var(--navy);border-radius:10px;gap:5px;margin-bottom:16px;padding:18px;display:grid}.my-answer small{color:#c9d5d8}.my-answer strong{color:#f7e7b8;font-size:1.25rem}.my-answer p{margin:5px 0 0;line-height:1.6}.revision-result{border-top:1px solid #ffffff40;margin-top:12px;padding-top:12px;font-size:.84rem}.result-card,.perspectives,.attribute-summary,.revision-box{border:1px solid var(--line);background:var(--paper);border-radius:12px;margin-bottom:16px;padding:20px}.result-title,.section-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.result-title h3,.section-heading h2{color:var(--navy);margin:0}.result-title span,.section-heading span{color:var(--muted);font-size:.76rem}.bar-row{margin-top:18px}.bar-row>div:first-child{justify-content:space-between;font-size:.82rem;display:flex}.bar{background:#e8e3d8;border-radius:999px;height:8px;margin-top:7px;overflow:hidden}.bar i{border-radius:inherit;background:linear-gradient(90deg, var(--sage), #a5b59e);height:100%;display:block}.perspectives h3,.attribute-summary h3,.revision-box h3{color:var(--navy)}.perspectives blockquote{border:0;border-left:3px solid var(--sage);background:#f3f5f0;margin:12px 0 0;padding:15px}.perspectives blockquote span{color:#58705e;font-size:.7rem;font-weight:800}.perspectives blockquote p{margin:7px 0 0;line-height:1.65}.attribute-summary>p{color:var(--muted);font-size:.76rem;line-height:1.55}.locked-data{color:#777873;text-align:center;background:#eeeae1;border-radius:8px;padding:14px;font-size:.78rem}.revision-box>p{color:var(--muted);font-size:.8rem}.empty{color:var(--muted);font-size:.84rem;line-height:1.6}.method-card{color:#fff;background:var(--navy);border-radius:12px;gap:6px;margin-bottom:18px;padding:20px;display:grid}.method-card>span{color:#e9d497;letter-spacing:.1em;border:1px solid #d4bc77;border-radius:999px;justify-self:start;padding:4px 9px;font-size:.64rem;font-weight:900}.method-card p{color:#ced8db;margin:2px 0 0;font-size:.76rem;line-height:1.6}.axis-list{gap:21px;margin-top:25px;display:grid}.axis-card>div:first-child{grid-template-columns:1fr 70px 1fr;align-items:center;display:grid}.axis-card>div:first-child span:last-child{text-align:right}.axis-card b{color:var(--navy);text-align:center;font-size:1rem}.parameter{background:linear-gradient(90deg,#a7b6a5,#e7dfcc 50%,#bf7468);border-radius:999px;height:8px;margin:12px 7px 8px;position:relative}.parameter i{z-index:1;background:var(--navy);border:3px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000040}.axis-card small{color:var(--muted)}.tag-analysis{gap:8px;margin-top:16px;display:grid}.tag-analysis>div{background:#f3f1e9;border-radius:8px;grid-template-columns:1fr 90px 50px;align-items:center;min-height:48px;padding:9px 13px;display:grid}.tag-analysis b,.tag-analysis small{text-align:right}.tag-analysis small{color:var(--muted)}.analysis-disclaimer{color:var(--muted);text-align:center;font-size:.72rem;line-height:1.6}.search-box{grid-template-columns:1fr 92px;gap:8px;margin-bottom:28px;display:grid}.search-box button{border:1px solid var(--navy);background:var(--navy);color:#fff}.search-results{gap:28px;display:grid}.search-results section>h2{border-bottom:1px solid var(--line);color:var(--navy);padding-bottom:9px;font-family:serif;font-size:1.12rem}.person-card{background:var(--paper);width:100%;color:var(--ink);text-align:left;border:1px solid #e1d7c4;border-radius:10px;grid-template-columns:42px 1fr 24px;align-items:center;gap:10px;margin-bottom:8px;padding:12px;display:grid}.person-card>span:nth-child(2){gap:3px;display:grid}.person-card small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.public-profile,.profile-hero{text-align:center;padding:28px 16px}.public-profile h1,.profile-hero h2{color:var(--navy);margin:14px 0 7px;font-family:serif}.public-profile>p,.profile-hero>p{color:var(--muted);line-height:1.65}.centered{justify-content:center}.activity-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:24px 0;display:grid}.activity-grid>div{gap:3px;padding:14px 5px;display:grid}.activity-grid>div+div{border-left:1px solid var(--line)}.activity-grid b{color:var(--navy);font-size:1.2rem}.activity-grid span{color:var(--muted);font-size:.65rem}.privacy-line{font-size:.7rem}.profile-hero .secondary{margin-top:12px}.setting-list>div,.setting-list>button{width:100%;min-height:52px;color:var(--ink);text-align:left;background:0 0;border:0;border-top:1px solid #e8e0d2;justify-content:space-between;align-items:center;gap:10px;display:flex}.setting-list>div b{font-size:.8rem;font-weight:600}.setting-list>button{font-weight:700}.transparency p{color:var(--muted);margin:0;line-height:1.7}.danger-link{width:100%;color:var(--vermilion);background:0 0;border:0}.modal-backdrop{z-index:80;background:#081620a3;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.confirm-modal{background:var(--paper);border-radius:14px;width:min(100%,480px);padding:27px;box-shadow:0 20px 60px #0000004d}.confirm-modal h2{color:var(--navy)}.confirm-modal ul{color:var(--muted);padding-left:22px;font-size:.84rem;line-height:1.7}.modal-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:19px;display:grid}.modal-actions button{border:1px solid var(--line);background:#fff;border-radius:8px}.modal-actions .danger{border-color:var(--vermilion);background:var(--vermilion);color:#fff}.bottom-nav{z-index:35;height:calc(68px + env(safe-area-inset-bottom));padding:3px max(6px, calc((100% - 760px) / 2)) env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8f5;border-top:1px solid #d9ceba;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 28px #1b242814}.bottom-nav button{color:#79807b;background:0 0;border:0;align-content:center;place-items:center;gap:2px;display:grid;position:relative}.bottom-nav button>span{border-radius:50%;place-items:center;width:28px;height:28px;font-family:serif;font-size:.92rem;display:grid}.bottom-nav button small{font-size:.63rem;font-weight:700}.bottom-nav button.active{color:var(--navy)}.bottom-nav button.active>span{background:var(--navy);color:#fff}.bottom-nav button.active:before{content:"";background:var(--vermilion);width:26px;height:2px;position:absolute;top:0}@media (width<=720px){.auth-shell{background:var(--cream);grid-template-columns:1fr}.brand-panel{min-height:auto;padding:66px 26px 42px}.brand-panel h1{margin-bottom:12px;font-size:3rem}.brand-panel>p:not(.kicker){font-size:.88rem}.brand-seal{width:46px;height:46px;margin-bottom:24px}.blind-note{margin-top:24px}.auth-card{width:calc(100% - 28px);margin:20px auto 36px;padding:24px 20px}.form-grid{grid-template-columns:1fr}.main-content{padding-top:26px}.panel{border-radius:11px}.detail-overlay{top:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}