@import url("https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@400;500&family=Noto+Sans+JP:wght@400;500;700;900&display=swap");:root{--ink:#243640;--muted:#73858b;--mint:#b9e7dc;--mint-deep:#46ad9d;--cream:#fffaf0;--yellow:#ffd25b;--line:#e2ebe7;--coral:#f2846a}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--cream);font-family:Noto Sans JP,sans-serif}button{border:0;cursor:pointer;font:inherit;color:inherit}.topbar{height:72px;padding:0 6vw;justify-content:space-between;background:rgba(255,250,240,.92);position:-webkit-sticky;position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(226,235,231,.65)}.brand,.topbar{display:flex;align-items:center}.brand{background:none;gap:10px;font-size:14px;letter-spacing:.16em;font-weight:900}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px 12px 12px 4px;background:var(--mint-deep);color:white;font-family:Kiwi Maru;font-size:20px;letter-spacing:0}.persona-switch{display:flex;gap:6px;padding:4px;background:#f2f6f2;border-radius:99px}.persona-switch button{padding:7px 14px;color:var(--muted);background:transparent;border-radius:99px;font-size:12px}.persona-switch button.active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #d8e1de;font-weight:700}.page{width:min(1120px,88vw);margin:0 auto}.hero{min-height:calc(100vh - 72px);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;padding:50px 0 100px}.hero,.hero-copy{position:relative}.hero-copy{z-index:1}.eyebrow{color:var(--mint-deep);font-size:12px;font-weight:900;letter-spacing:.12em;margin:0 0 16px}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.05em;line-height:1.35}.hero h1{font-size:clamp(38px,5vw,68px);margin:0 0 25px;font-weight:900}em{color:var(--mint-deep);font-style:normal}.lead{color:#587078;line-height:2;max-width:480px;font-size:16px}.primary{background:var(--ink);color:white;border-radius:12px;padding:15px 24px;font-weight:700;transition:.2s}.primary:hover{transform:translateY(-2px);background:#34515c}.primary:disabled{opacity:.35;cursor:not-allowed;transform:none}.primary.large{padding:18px 27px;font-size:15px}.primary span{margin-left:20px;color:var(--yellow)}.full{width:100%}.micro,.muted{color:var(--muted);font-size:12px;line-height:1.9}.hero-art{height:510px;position:relative}.sun{width:360px;height:360px;background:#e7f4e8;border-radius:52% 48% 45% 55%;right:6%;top:10%;transform:rotate(15deg)}.ground,.sun{position:absolute}.ground{height:120px;width:120%;right:-10%;bottom:20px;background:#d4eee3;border-radius:50% 50% 0 0;transform:rotate(-5deg)}.mascot{position:absolute;z-index:2;right:27%;top:31%;width:170px;height:170px;border-radius:48% 52% 47% 53%;display:grid;place-items:center;background:var(--mint-deep);color:white;font:500 76px Kiwi Maru;box-shadow:inset -10px -12px 0 #329689;transform:rotate(-7deg)}.mascot:after{content:"•  •";color:#1f6e69;font:700 28px Arial;position:absolute;top:57px;letter-spacing:18px}.mascot.sub{width:102px;height:102px;right:8%;top:49%;background:#f8aa82;box-shadow:inset -8px -10px 0 #e9936d;font-size:46px;transform:rotate(11deg)}.speech{position:absolute;z-index:3;right:34%;top:10%;background:white;padding:17px 20px;border-radius:18px 18px 4px 18px;box-shadow:0 10px 30px #b5d6cc;color:#56736f;font-size:13px;font-weight:700;line-height:1.7}.trust-strip{position:absolute;bottom:30px;left:0;display:flex;gap:28px;color:#78918c;font-size:12px}.center-page{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:60px 0}.card{background:white;border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 55px rgba(54,91,84,.08)}.welcome-card{width:min(560px,100%);padding:48px;text-align:center}.line-badge{display:inline-block;background:#06c755;color:white;padding:5px 13px;border-radius:6px;font-weight:900;font-size:12px;margin-bottom:20px}.welcome-card h2{font-size:28px}.welcome-card>p{line-height:1.9}.character{display:flex;align-items:center;gap:12px;text-align:left;margin:20px auto;width:-moz-fit-content;width:fit-content}.character .avatar{flex:none;width:54px;height:54px;display:block;border-radius:50%;object-fit:cover;box-shadow:0 2px 8px rgba(54,91,84,.15)}.character-name{display:block;font-size:12px;color:var(--mint-deep);font-weight:900}.character.shizuku .character-name{color:#df795a}.character p{margin:3px 0 0;font-size:13px}.character.compact{margin:0 0 22px}.character.compact .avatar{width:42px;height:42px}.promise-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;text-align:left;background:#f5faf6;padding:18px;border-radius:14px;margin:26px 0;color:#5e817a;font-size:12px}.text-button{background:none;padding:12px;color:var(--muted);font-size:12px}.survey-page{width:min(660px,88vw);padding:46px 0}.survey-head{display:flex;justify-content:space-between;font-size:12px;font-weight:700;color:var(--mint-deep);margin-bottom:10px}.progress{height:5px;background:#e3efea;border-radius:99px;margin-bottom:30px;overflow:hidden}.progress i{display:block;height:100%;background:var(--mint-deep);border-radius:99px;transition:.3s}.survey-card{padding:42px}.survey-card h2{font-size:30px;margin-bottom:8px}.survey-card .character{margin-left:0}.options{display:grid;grid-gap:10px;gap:10px;margin:28px 0}.option{display:flex;justify-content:space-between;padding:18px 20px;border:1px solid var(--line);background:#fff;border-radius:12px;text-align:left;font-size:14px}.option.selected,.option:hover{border-color:var(--mint-deep);background:#f0faf6}.option b{color:var(--mint-deep)}.searching{text-align:center}.searching h2{margin-top:25px}.loader{display:flex;justify-content:center;gap:8px}.loader span{width:12px;height:12px;border-radius:50%;background:var(--mint-deep);animation:bounce 1s infinite}.loader span:nth-child(2){animation-delay:.15s}.loader span:nth-child(3){animation-delay:.3s}@keyframes bounce{50%{transform:translateY(-12px);opacity:.5}}.content-page,.detail-page{padding:68px 0 100px}.result-intro{max-width:620px}.result-intro .character{margin-left:0}.result-intro h1{font-size:clamp(30px,4vw,48px)}.list-heading,.section-row{display:flex;justify-content:space-between;align-items:end;margin-top:60px}.section-row h2{margin:0}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px}.benefit-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;margin-top:36px}.benefit-card{display:block;width:100%;padding:24px;text-align:left;background:white;border:1px solid var(--line);border-radius:17px;transition:.2s}.benefit-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(54,91,84,.1);border-color:var(--mint)}.benefit-card-top,.benefit-footer,.detail-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.category-pill,.match{display:inline-block;border-radius:99px;background:#e8f5ef;color:var(--mint-deep);padding:5px 10px;font-size:10px;font-weight:700}.match{background:#fff3c9;color:#ad7b18}.benefit-card h3{margin:22px 0 10px;font-size:17px;line-height:1.5}.benefit-card p{color:var(--muted);font-size:12px;line-height:1.8;min-height:44px}.benefit-footer{border-top:1px solid #edf2ef;padding-top:15px;color:var(--muted);font-size:10px}.benefit-footer span:last-child{color:var(--mint-deep);font-size:18px}.disclaimer{margin-top:34px;padding:16px;color:var(--muted);background:#f3f7f3;font-size:11px;border-radius:10px;line-height:1.8}.back-link{background:none;color:var(--muted);font-size:12px;padding:0}.list-heading{margin-top:24px;align-items:center}.list-heading h1{font-size:42px;margin:0}.detail-card{max-width:820px;margin:24px auto 0;padding:44px}.detail-top{color:var(--muted);font-size:11px}.detail-card h1{font-size:42px;margin:28px 0 12px}.detail-summary{font-size:17px;line-height:1.9;color:#587078}.detail-body{max-width:650px;margin-top:40px}.detail-body h3{font-size:16px;margin-top:30px}.detail-body>p{color:#587078;line-height:2;font-size:14px}.progressive-box{background:#f5faf6;padding:22px;border-radius:16px;margin:18px 0 28px}.progressive-box .character{margin:0 0 10px}.progressive-box p{font-size:13px;line-height:1.8}.progressive-box ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:15px 0 0;list-style:none}.progressive-box li{background:white;border:1px solid var(--line);border-radius:7px;padding:7px 10px;font-size:11px;color:#67827c}.tag-row{display:flex;gap:10px;margin-top:35px;color:var(--mint-deep);font-size:11px}@media (max-width:760px){.topbar{padding:0 5vw}.persona-switch button{padding:7px 8px;font-size:10px}.hero{display:block;padding-top:70px}.hero h1{font-size:42px}.hero-art{height:300px;margin-top:30px;transform:scale(.8);transform-origin:center top}.trust-strip{position:relative;flex-wrap:wrap;gap:8px 16px;bottom:auto;margin-top:20px}.benefit-grid,.benefit-list{grid-template-columns:1fr}.detail-card,.survey-card,.welcome-card{padding:28px 22px}.detail-card h1{font-size:30px}.section-row{margin-top:40px}}.official-links{display:grid;grid-gap:10px;gap:10px;margin-top:24px;padding:18px;background:#f4f8f5;border-radius:12px;font-size:12px}.official-links p{margin:0;color:var(--muted)}.official-links a{color:#267b69;text-decoration:underline}.empty-state{padding:28px;background:#fff;border:1px solid var(--line);border-radius:14px;color:var(--muted)}.account-nav{display:flex;justify-content:flex-end;padding:8px 6vw;gap:12px}.form-fields,.settings-card{display:grid;grid-gap:18px;gap:18px}.settings-card{padding:26px;margin:28px 0}.form-fields{margin:24px 0}label{display:grid;grid-gap:8px;gap:8px;font-size:13px}input,select,textarea{width:100%;min-height:44px;padding:11px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);font:inherit}input[type=checkbox]{width:auto;min-height:auto}.optional-tags{border:0;padding:0;margin:22px 0;display:flex;flex-wrap:wrap;gap:8px}.optional-tags legend{font-size:12px;margin-bottom:10px;color:var(--muted)}.optional-tags .option{padding:10px 13px;font-size:12px}.range-input{display:grid;grid-gap:12px;gap:12px;margin:20px 0}.action-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.unlocked-card{padding:30px;margin-top:26px;background:#effaf5}.unlocked-card h2{font-size:46px;color:var(--mint-deep);margin-bottom:8px}.unlocked-card small{font-size:20px;margin-left:8px}.application-list{display:grid;grid-gap:16px;gap:16px}.application-card{padding:26px}.application-card h3{margin-top:18px}.small-avatar{width:70px;border-radius:50%}.error-message{color:#ad3d34;background:#fff2ec;padding:16px;border-radius:12px}.hero-character{position:absolute;z-index:2;object-fit:contain;border-radius:28px}.main-character{width:190px;right:24%;top:30%}.sub-character{width:110px;right:3%;top:47%}.admin-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.admin-tabs .option{padding:10px;font-size:12px}.json-editor{min-height:280px;font-family:monospace;font-size:12px}.record-output{padding:20px;overflow:auto;max-height:700px;white-space:pre-wrap;word-break:break-word;font-size:12px}.official-links .primary{color:white;text-decoration:none;text-align:center}