:root{--green:#9EC415;--pink:#E40058;--text:#1B2019;--muted:#657067;--line:#E2E9DB;--bg:#F6F8F2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Poppins,system-ui,sans-serif;font-size:14px;line-height:1.6}a{color:var(--pink);text-decoration:none}a:hover{text-decoration:underline}.account-shell{max-width:1000px;padding:24px 16px;margin:0 auto}.account-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:26px}.identity{display:flex;align-items:center;gap:14px;color:var(--text);font-size:18px;font-weight:800}.identity img{max-width:65px;max-height:48px;object-fit:contain}.account-header nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.account-card{max-width:650px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:20px;padding:clamp(24px,4vw,42px);box-shadow:0 12px 34px #29351A0A}.account-card:has(table){max-width:1000px}h1{margin:0 0 10px;font-size:clamp(24px,4vw,32px);letter-spacing:-.04em;line-height:1.25}h2{font-size:17px;line-height:1.4}p{color:var(--muted)}.intro{margin-top:0;margin-bottom:26px}.account-card label:not(.check){display:block;font-size:12px;font-weight:700;margin:18px 0 7px}input:not([type=checkbox]),select{width:100%;height:47px;padding:12px;border:1px solid #d6dfd2;background:#fff;border-radius:11px;color:var(--text);font:inherit;font-size:13px}input:focus,select:focus{outline:2px solid var(--green);outline-offset:1px}.check{display:flex;gap:11px;align-items:flex-start;margin:18px 0;font-size:13px}.check input{margin-top:5px;accent-color:var(--green)}button,.button{cursor:pointer;font:inherit;font-size:13px;font-weight:700;border-radius:11px;padding:12px 16px;text-align:center;display:inline-block;border:0}.primary{background:var(--green);color:#171B14;width:100%}.secondary{background:#171B14;color:#fff}.outline{background:#fff;border:1px solid var(--line);color:var(--text);width:100%}.button:hover{text-decoration:none;filter:brightness(.97)}.separator{text-align:center;color:var(--muted);margin:20px 0}.end{text-align:right;margin:8px 0 16px;font-size:12px}.bottom{margin:23px 0 0;text-align:center}.notice{padding:12px 15px;border-radius:11px;border:1px solid #bcd991;background:#f7ffed;margin-bottom:17px;color:#25390c}.notice.error{border-color:#ffb8cc;background:#fff5f8;color:#981b45}.read-only{padding:13px;border-radius:10px;background:#f6f8f2;color:#445144}.softbox{padding:18px;border:1px solid var(--line);background:#fafcf7;border-radius:13px;margin-top:25px}.softbox h2{margin:0}.danger{border-color:#f5c7d7;background:#fff8fa}.danger-button{background:#be164c;color:#fff;width:100%;margin-top:10px}.inline{display:inline}.link-button{background:transparent;border:0;padding:0;color:var(--pink)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:12px;border-bottom:1px solid var(--line);font-size:12px}th{white-space:nowrap}footer{text-align:center;color:var(--muted);padding:20px 0;font-size:11px}.large-icon{font-size:36px}@media(max-width:600px){.account-header{flex-direction:column;align-items:flex-start}.account-header nav{gap:12px}.account-card{border-radius:14px;padding:22px}}
/* 0.2.1 – personality onboarding */
.account-card:has(.persona-grid){max-width:940px}
.account-card textarea{width:100%;min-height:90px;padding:12px;border:1px solid #d6dfd2;border-radius:11px;color:var(--text);font:inherit;resize:vertical}
.account-card textarea:focus{outline:2px solid var(--green);outline-offset:1px}
.persona-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0 26px}
.persona-preset{display:flex!important;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:13px;margin:0!important;cursor:pointer;font-size:13px!important}
.persona-preset:has(input:checked),.avatar-pick:has(input:checked){border:2px solid var(--green);background:#f8fceb}
.persona-preset input{accent-color:var(--green)}.persona-preset img{border-radius:12px;flex-shrink:0}.persona-preset span{display:grid;gap:3px}.persona-preset small{font-weight:400;color:var(--muted);font-size:11px}
.avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:10px 0 24px}
.avatar-pick{display:flex!important;align-items:center;justify-content:center;flex-direction:column;gap:5px;min-height:99px;padding:9px;border:1px solid var(--line);border-radius:13px;margin:0!important;cursor:pointer;text-align:center;font-size:10px!important}
.avatar-pick input{position:absolute;opacity:0}.avatar-pick img{border-radius:15px;max-width:100%;height:auto}
.account-card .hint{font-size:12px;color:var(--muted);margin:9px 0}.account-card h2{margin:28px 0 8px}
@media(max-width:650px){.persona-grid{grid-template-columns:1fr}.avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.persona-grid input[type=radio]{width:16px;height:16px;flex:0 0 16px;padding:0;margin:0;accent-color:var(--green)}
.avatar-pick input[type=radio]{width:1px;height:1px;position:absolute;opacity:0;pointer-events:none}
.avatar-pick:focus-within,.persona-preset:focus-within{outline:2px solid var(--pink);outline-offset:2px}

.share-panel{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.share-panel .share-link{display:inline-block;padding:8px 11px;border:1px solid #d3dfbd;border-radius:18px;background:#f7fbef;color:#26460f;text-decoration:none;font:inherit;font-size:13px;cursor:pointer}
.share-panel small{flex-basis:100%;color:#455b28}
