:root{--bg:#f3f8fd;--card:#fff;--text:#11233f;--muted:#5d6f88;--line:#dbe6f1;--field:#f6f9fc;--primary:#1668c7;--primary-pressed:#11559f;--on-primary:#fff;--primary-soft:#e1effd;--primary-line:#a9cdf3;--glow:#2bb5e8;--ok-bg:#dcf4e8;--ok-text:#12683f;--off-bg:#e9eef4;--danger:#c22f46;--shadow:0 6px 24px #173e7014;--radius-lg:24px;--radius:20px;--bottom-inset:env(safe-area-inset-bottom,0px)}:root[data-theme=dark]{--bg:#0d1626;--card:#162236;--text:#e8f0fa;--muted:#94a6bd;--line:#2a3b55;--field:#1c2b42;--primary:#3b8eef;--primary-pressed:#2c79d4;--on-primary:#06162b;--primary-soft:#1a3557;--primary-line:#2f5688;--glow:#54cdf5;--ok-bg:#143a2b;--ok-text:#7fdcae;--off-bg:#243349;--danger:#f0768a;--shadow:0 6px 24px #0000004d}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font:16px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}h1,h2,h3,p{margin:0}svg{display:block}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}#app{flex-direction:column;max-width:560px;min-height:100dvh;margin:0 auto;display:flex}.screen{flex-direction:column;flex:1;padding:20px 20px 0;display:flex}.screen.with-nav{padding-bottom:calc(112px + var(--bottom-inset))}.screen.with-footer{padding-bottom:calc(104px + var(--bottom-inset))}.center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;padding:32px;display:flex}.center img{width:132px;height:auto}.center p{color:var(--muted)}.home-head{justify-content:space-between;min-height:70px;padding-right:96px;display:flex;position:relative}.home-head h1{letter-spacing:-.02em;font-size:30px;font-weight:800;line-height:1.15}.home-head p{color:var(--muted);margin-top:2px;font-size:15px}.mascot{z-index:2;pointer-events:none;filter:drop-shadow(0 6px 10px #173e702e);width:84px;height:auto;position:absolute;top:-8px;right:6px}.card{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:20px}.plan{z-index:1;margin-top:12px;padding:6px 20px;position:relative}.plan-row{justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:12px 0;display:flex}.plan-row+.plan-row{border-top:1px solid var(--line)}.plan-row small{color:var(--muted);font-size:14px;display:block}.plan-row strong{font-size:18px;font-weight:700}.plan-note{color:var(--muted);margin-top:2px;font-size:14px}.pill{background:var(--ok-bg);color:var(--ok-text);border-radius:999px;padding:5px 13px;font-size:14px;font-weight:600}.pill.off{background:var(--off-bg);color:var(--muted)}.section-head{justify-content:space-between;align-items:baseline;margin:26px 2px 12px;display:flex}.section-head h2{font-size:20px;font-weight:700}.section-head span{color:var(--muted);font-size:14px;font-weight:600}.profile{margin-bottom:14px}.profile h3{overflow-wrap:anywhere;font-size:19px;font-weight:700}.tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tag{background:var(--field);border-radius:999px;padding:5px 12px;font-size:14px;font-weight:600}.profile-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:16px;padding-top:14px;display:flex}.ghost{background:var(--field);border-radius:999px;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:600;display:inline-flex}.icon-btn{background:var(--field);width:44px;height:44px;color:var(--danger);border-radius:999px;place-items:center;display:grid}.btn{border-radius:var(--radius);background:var(--primary);width:100%;min-height:58px;color:var(--on-primary);justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:17px;font-weight:700;transition:background-color .15s,transform .1s;display:flex}.btn:active:not(:disabled){background:var(--primary-pressed);transform:scale(.99)}.btn:disabled{background:var(--card);color:var(--muted);box-shadow:inset 0 0 0 1px var(--line);cursor:default}.note{color:var(--muted);text-align:center;margin-top:10px;font-size:14px}.empty{text-align:center;padding:28px 20px}.empty img{width:104px;margin:0 auto 10px;display:block}.empty h3{font-size:18px}.empty p{color:var(--muted);margin-top:4px;font-size:15px}.nav{left:50%;bottom:calc(14px + var(--bottom-inset));background:var(--card);z-index:5;border-radius:26px;justify-content:space-around;width:min(520px,100% - 40px);padding:10px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 28px #173e7024}.nav button{color:var(--muted);border-radius:18px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:7px 0 5px;font-size:12px;font-weight:600;display:flex}.nav button[aria-current=page]{background:var(--primary-soft);color:var(--primary)}.step-label{color:var(--muted);font-size:15px;font-weight:600}.progress{background:var(--line);border-radius:999px;height:6px;margin:10px 0 24px;overflow:hidden}.progress div{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--glow));height:100%;transition:width .25s}.wizard-title{letter-spacing:-.01em;font-size:25px;font-weight:800;line-height:1.2}.wizard-sub{color:var(--muted);margin:6px 0 18px;font-size:15.5px}.footer{width:min(560px,100%);padding:14px 20px calc(16px + var(--bottom-inset));background:linear-gradient(transparent, var(--bg) 26%);z-index:5;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.error{color:var(--danger);text-align:center;margin-bottom:10px;font-size:14.5px}.search{margin-bottom:12px;position:relative}.search svg{color:var(--muted);position:absolute;top:50%;left:18px;transform:translateY(-50%)}.field{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);outline:none;width:100%;min-height:54px;padding:0 18px;transition:border-color .15s}.field::placeholder{color:var(--muted)}.field:focus{border-color:var(--primary)}.search .field{padding-left:50px}.options{flex-direction:column;gap:10px;display:flex}.option{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);align-items:center;gap:14px;width:100%;min-height:72px;padding:12px 18px;display:flex}.option.selected{background:var(--primary-soft);border-color:var(--primary-line)}.option .radio{border:2px solid var(--line);width:26px;height:26px;color:var(--on-primary);border-radius:50%;flex:none;place-items:center;display:grid}.option.selected .radio{border-color:var(--primary)}.option.selected .radio:after{content:"";background:var(--primary);border-radius:50%;width:14px;height:14px}.option.pinned{margin-bottom:12px}.option.pinned .radio{background:var(--primary)}.option.pinned .radio:after{display:none}.option-body{flex:1;min-width:0}.option-body strong{overflow-wrap:anywhere;font-size:17px;font-weight:600;display:block}.option-body small{color:var(--muted);font-size:14.5px;display:block}.option .aside{color:var(--muted);flex:none}.option.pinned .aside{color:var(--text);font-size:15px;font-weight:600}.no-results{color:var(--muted);text-align:center;padding:14px}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{background:var(--field);min-height:44px;color:var(--muted);border-radius:999px;padding:0 18px;font-weight:600}.chip[aria-pressed=true]{background:var(--primary);color:var(--on-primary)}.panel{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:14px;padding:20px}.panel h3{font-size:17px;font-weight:600}.panel>p{color:var(--muted);margin:2px 0 12px;font-size:14.5px}.panel .option{min-height:64px}.panel .field{background:var(--field)}.tokens{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.tokens:empty{display:none}.token{background:var(--primary-soft);min-height:36px;color:var(--text);overflow-wrap:anywhere;border-radius:999px;align-items:center;gap:4px;max-width:100%;padding:0 6px 0 13px;font-size:14.5px;font-weight:600;display:inline-flex}.token button{width:26px;height:26px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.counter{color:var(--muted);text-align:right;margin-top:6px;font-size:13px}.suggestions{flex-direction:column;max-height:240px;margin-top:8px;display:flex;overflow-y:auto}.suggestions button{text-align:left;border-bottom:1px solid var(--line);align-items:center;min-height:44px;padding:0 6px;display:flex}.suggestions button:last-child{border-bottom:0}.page-title{letter-spacing:-.02em;font-size:28px;font-weight:800;line-height:1.15}.page-sub{color:var(--muted);margin:4px 0 16px;font-size:15px}.segments{background:var(--off-bg);border-radius:16px;gap:4px;margin-bottom:14px;padding:4px;display:flex}.segments button{min-height:42px;color:var(--muted);border-radius:12px;flex:1;font-size:15px;font-weight:600}.segments button[aria-selected=true]{background:var(--card);color:var(--text);box-shadow:0 1px 4px #173e701f}.suggest-row{gap:8px;display:flex}.suggest-row .field{flex:1;min-width:0}.suggest-row .btn{width:auto;min-height:54px}.support textarea.field{resize:vertical;min-height:110px;font:inherit;padding:14px 18px;line-height:1.4;display:block}.support-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.support-foot .btn{width:auto;min-height:48px}.counter{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px}.counter.over{color:var(--danger)}.source-list{background:var(--card);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:4px 18px}.source{justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:8px 0;display:flex}.source+.source{border-top:1px solid var(--line)}.source div{min-width:0}.source strong{overflow-wrap:anywhere;font-weight:600;display:block}.source small{color:var(--muted);overflow-wrap:anywhere;font-size:13.5px;display:block}.source.muted strong{color:var(--muted)}.switch{background:var(--line);border-radius:999px;flex:none;width:50px;height:30px;transition:background-color .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:24px;height:24px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch[aria-checked=true]{background:var(--primary)}.switch[aria-checked=true]:after{transform:translate(20px)}.toast{left:50%;bottom:calc(112px + var(--bottom-inset));background:var(--text);max-width:calc(100% - 40px);color:var(--bg);text-align:center;z-index:10;border-radius:16px;padding:11px 18px;font-size:15px;font-weight:600;position:fixed;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.add-profile{margin-top:6px}.error.inline{text-align:left;margin:8px 0 0}.panel h3.spaced{margin-bottom:12px}
