:root{font-family:Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,system-ui,sans-serif;color:#f7f1e4;background:#151c25;font-synthesis:none;font-weight:500}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;width:100%}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}a{color:#f0bc70}button:focus-visible,a:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #f0bc70;outline-offset:3px}.app-shell{min-height:100dvh;background:radial-gradient(circle at 85% 0%,#253744 0,transparent 42%),#151c25}.page{width:min(100%,680px);margin:auto;padding:calc(24px + env(safe-area-inset-top)) 22px calc(105px + env(safe-area-inset-bottom));min-height:100dvh}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:850;letter-spacing:-.06em}.brand-mark{display:grid;place-items:center;background:#e9ad59;color:#151c25;border-radius:50%;height:29px;width:29px;font-size:27px;line-height:1}.home-intro{margin:43px 0 39px}.lead{font-size:clamp(34px,9vw,54px);font-weight:850;line-height:1.25;letter-spacing:-.07em;margin:0 0 15px}.home-intro>p:last-child{font-size:15px;line-height:1.7;color:#bfc8ca;margin:0;max-width:25em}.choice-group{margin:0 0 27px}.choice-group h2{font-size:14px;color:#bdc9cb;font-weight:700;margin:0 0 11px}.chips{display:flex;gap:9px;flex-wrap:wrap}.chip{min-height:56px;padding:0 16px;border:1px solid #56616a;background:#25313c;color:#f7f1e4;border-radius:18px;font-weight:700;white-space:nowrap}.chip.selected{background:#e9ad59;border-color:#e9ad59;color:#1a2028}.primary{min-height:66px;width:100%;border:0;border-radius:21px;background:#e9ad59;color:#1c2025;font-size:20px;font-weight:850;display:flex;align-items:center;justify-content:center;gap:14px;box-shadow:0 7px 25px #0006}.primary span{font-size:24px}.secondary{min-height:56px;border:1px solid #657078;border-radius:18px;background:#293640;color:#f7f1e4;padding:0 22px;font-weight:750}.bottom-nav{display:flex;justify-content:space-between;gap:5px;border-top:1px solid #3d4a53;padding-top:12px;margin-top:28px}.bottom-nav button{background:transparent;color:#bfc8ca;border:0;min-height:56px;font-size:12px;padding:6px}.topic-page{display:flex;flex-direction:column;padding-bottom:calc(15px + env(safe-area-inset-bottom))}.topic-top{display:flex;gap:12px;align-items:center;justify-content:space-between}.context-chip{background:#2a3942;color:#e7e9e4;border:1px solid #52626a;padding:10px 13px;min-height:56px;border-radius:16px;text-align:left;font-size:13px;font-weight:700}.context-chip span{color:#e9ad59;margin-left:7px}.icon-button,.round-action{border:1px solid #52626a;background:#2a3942;color:#f7f1e4;min-height:56px;min-width:56px;border-radius:17px;font-size:19px}.topic-card{flex:1;min-height:40dvh;display:flex;flex-direction:column;justify-content:center;padding:30px 4px;transition:transform .2s}.topic-card.rotated{transform:rotate(180deg)}.card-kicker{color:#e9ad59;font-size:15px;font-weight:750;margin-bottom:25px}.topic-text{font-size:clamp(29px,7.5vw,56px);line-height:1.42;font-weight:850;letter-spacing:-.045em;overflow-wrap:anywhere}.topic-meta{font-size:13px;color:#aab9bd;margin-top:32px}.topic-actions{display:flex;gap:9px;align-items:center;min-height:60px}.round-action{font-size:16px;padding:0 10px}.menu-wrap{position:relative}.popup{position:absolute;bottom:62px;right:0;background:#33424c;border:1px solid #67747b;border-radius:16px;min-width:215px;box-shadow:0 8px 25px #0009;z-index:5;overflow:hidden}.popup button{display:block;width:100%;min-height:54px;text-align:left;border:0;border-bottom:1px solid #59666d;background:transparent;color:#fff;padding:10px 17px}.next-zone{min-height:11dvh;display:grid;place-items:center;color:#84949b;text-align:center}.next-zone p{font-size:12px}.topic-bottom{display:flex;gap:10px}.topic-bottom .secondary{width:28%}.next-button{width:72%}.back-home{background:transparent;border:0;color:#bfc8ca;min-height:56px;margin:auto;font-size:13px}.sub-header{display:flex;align-items:center;gap:14px;margin-bottom:29px}.sub-header button{min-width:56px;min-height:56px;background:#2a3942;border:1px solid #53636c;border-radius:16px;color:#fff;font-size:26px}.sub-header h1{font-size:28px;margin:0;letter-spacing:-.04em}.standard-page{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.field-label{display:block;font-size:17px;font-weight:750;margin-bottom:12px}textarea{display:block;width:100%;min-height:145px;resize:vertical;border:1px solid #62717a;border-radius:19px;background:#24323c;color:#fff;padding:18px;font-size:21px;line-height:1.5}textarea::placeholder{color:#99a8ad}.counter{text-align:right;color:#abb8bb;margin:8px 0 24px;font-size:13px}.guideline-box{border:1px solid #59656c;border-radius:18px;padding:18px;margin:24px 0;color:#d7dfdb;line-height:1.7}.guideline-box p{margin:7px 0}.agreement{display:flex;align-items:center;gap:12px;line-height:1.5;margin-bottom:22px;min-height:56px}.agreement input{width:26px;height:26px;accent-color:#e9ad59;flex:none}.result{background:#2c4546;border-radius:14px;padding:15px;line-height:1.5}.section-intro,.settings-note{color:#bcc9c9;line-height:1.7}.list-card{border:1px solid #53616a;background:#22303a;border-radius:18px;padding:18px;margin:12px 0}.list-card p{font-size:21px;line-height:1.5;font-weight:750;margin:0 0 15px}.list-card div{display:flex;flex-wrap:wrap;gap:7px}.list-card button{background:#33444e;border:1px solid #64747a;border-radius:11px;color:#fff;min-height:48px;padding:0 12px}.empty{line-height:1.7;color:#b9c8c9;margin:40px 0}.links{display:grid;gap:8px}.links a{display:flex;align-items:center;min-height:58px;border:1px solid #55646a;padding:0 16px;border-radius:13px;color:#f2e6cf;text-decoration:none}.settings-note{margin:28px 0}.ad-notice{position:fixed;left:12px;right:12px;bottom:calc(8px + env(safe-area-inset-bottom));max-width:660px;margin:auto;z-index:20;background:#e9e4d5;color:#1c2830;border-radius:15px;padding:12px 15px;box-shadow:0 5px 30px #000a;display:flex;align-items:center;gap:12px}.ad-notice p{margin:0;font-size:12px;line-height:1.5;flex:1}.ad-notice a{color:#2e515c}.ad-notice button{min-height:44px;border:0;background:#24343d;color:#fff;border-radius:10px;padding:0 12px}.toast{position:fixed;top:calc(20px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:30;background:#e9ad59;color:#161e27;padding:13px 17px;border-radius:13px;font-weight:750;box-shadow:0 5px 20px #0009;width:max-content;max-width:90vw}@media(max-width:380px){.page{padding-left:16px;padding-right:16px}.chip{padding:0 12px}.topic-text{font-size:29px}.context-chip{font-size:11px}}@media(prefers-color-scheme:light){:root{color:#182128;background:#f6f1e7}.app-shell{background:radial-gradient(circle at 85% 0%,#e6dfcd 0,transparent 42%),#f6f1e7}.home-intro>p:last-child,.choice-group h2,.section-intro,.settings-note,.empty{color:#52616a}.chip,.context-chip,.icon-button,.round-action,.secondary,.sub-header button,.list-card,.links a,textarea{background:#fffaf0;color:#1f3038;border-color:#aab4b3}.chip.selected,.primary{background:#bb7030;color:#fff;border-color:#bb7030}.topic-meta,.next-zone,.back-home,.bottom-nav button{color:#617078}.bottom-nav{border-color:#aab4b3}.guideline-box{color:#37454c;border-color:#aab4b3}.list-card button{background:#eee6d8;color:#23343b;border-color:#aab4b3}.popup{background:#fffaf0}.popup button{color:#1f3038}.brand-mark{background:#bb7030;color:#fff}.card-kicker{color:#ac6328}}.topic-page.native-banner{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.home.page{padding-top:calc(16px + env(safe-area-inset-top));padding-bottom:calc(120px + env(safe-area-inset-bottom))}.brand{justify-content:space-between;gap:12px}.brand-title{display:flex;align-items:center;gap:10px}.home-links{display:flex;align-items:center;gap:2px}.home-links button{min-width:42px;min-height:44px;border:0;background:transparent;color:inherit;font-size:18px;font-weight:700}.home-links button:nth-child(2){font-size:12px}.home-intro{margin:18px 0 22px}.lead{font-size:clamp(30px,8vw,44px);line-height:1.18;margin-bottom:8px}.home-intro>p:last-child{font-size:13px;line-height:1.4}.home .choice-group{margin-bottom:17px}.home .choice-group h2{margin-bottom:7px}.home .chips{gap:7px}.home .chip{min-height:45px;padding:0 12px;border-radius:14px;font-size:13px}.home-action{position:fixed;left:50%;transform:translate(-50%);width:min(calc(100% - 32px),636px);bottom:0;margin:0;padding:10px 0 calc(10px + env(safe-area-inset-bottom));z-index:8;background:linear-gradient(transparent,#151c25 14%)}.home-action .primary{min-height:60px}.home .ad-notice{position:static;max-width:none;margin:2px 0 12px;padding:5px 8px;box-shadow:none;border:1px solid #58666b;background:transparent;color:inherit;border-radius:9px}.home .ad-notice p{font-size:11px}.home .ad-notice a{color:#e9ad59}.home .ad-notice button{min-height:32px;padding:0 8px;background:#34444c}.topic-top .icon-button{min-width:62px;padding:0 8px;font-size:13px;font-weight:700}.topic-text.short{font-size:clamp(42px,10.6vw,60px)}.topic-text.medium{font-size:clamp(34px,8vw,46px)}.topic-text.long{font-size:clamp(28px,6.8vw,34px)}.next-zone{min-height:9dvh;margin:12px 0;cursor:pointer}.topic-bottom{margin-top:8px}.relation-warning{color:#e9ad59;font-size:13px;margin:-14px 0 20px}@media(max-width:380px){.home .chip{padding:0 10px;font-size:12px}.home-links button{min-width:37px}.topic-text.short{font-size:clamp(38px,10.6vw,60px)}}@media(prefers-color-scheme:light){.home-action{background:linear-gradient(transparent,#f6f1e7 14%)}.home .ad-notice a{color:#99501e}.home .ad-notice button{background:#efe2cf;color:#23343b}}