:root{color:#201d17;font-synthesis:none;text-rendering:optimizelegibility;--ivory:#f7f1e3;--paper:#fffdf8;--paper-strong:#fffaf0;--ink:#201d17;--muted:#7b6d57;--line:#dfd2b7;--teal:#218676;--teal-soft:#e5f4ef;--blue:#35689e;--blue-soft:#eaf0f8;--amber:#ad670b;--amber-soft:#fff1d8;--red:#aa3a35;--red-soft:#fae8e5;--price-up:#d4483b;--price-down:#168258;--shadow:0 16px 45px #5c431b14;background:#f7f1e3;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--ivory);min-width:320px}body{background:var(--ivory);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #2186763d}.modal-open{overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{width:min(1220px,100% - 32px);min-height:100vh;margin:0 auto;padding:26px 0 34px}.site-header{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:26px;padding:4px 2px 24px;display:grid}.brand-block{align-items:center;gap:16px;min-width:0;display:flex}.brand-mark{color:#fff;background:var(--teal);border-radius:20px;flex:0 0 68px;place-items:center;width:68px;height:68px;font-size:32px;font-weight:850;display:grid;box-shadow:0 12px 28px #2186762e}.brand-block h1{letter-spacing:-.04em;margin:0 0 4px;font-size:clamp(25px,3vw,36px)}.brand-block p{color:var(--muted);margin:0;font-size:17px}.discipline-button{appearance:none;background:var(--paper);color:#3f3323;cursor:pointer;border:1px solid #ccb98f;border-radius:999px;min-height:48px;padding:12px 20px;font-weight:750;box-shadow:0 7px 20px #5b441e12}.discipline-button:hover{border-color:var(--teal);color:var(--teal);transform:translateY(-1px)}.monitor-status{color:var(--muted);white-space:nowrap;justify-items:end;gap:5px;font-size:14px;display:grid}.monitor-status strong{color:var(--teal);font-size:16px}.status-dot{background:#22aa85;border-radius:50%;width:12px;height:12px;margin-right:8px;display:inline-block;box-shadow:0 0 0 5px #22aa851a}.status-dot.paused{background:var(--amber);box-shadow:0 0 0 5px #ad670b1a}main{gap:24px;display:grid}.control-panel,.summary-panel,.empty-state{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffdf8e0;border-radius:30px}.control-panel{padding:26px}.add-form{grid-template-columns:minmax(0,1fr) 270px;gap:18px;display:grid}.add-form input{border:1px solid var(--line);width:100%;height:66px;color:var(--ink);background:#fffefa;border-radius:20px;padding:0 24px;font-size:21px}.add-form input::placeholder{color:#9a8b72}.primary-button,.secondary-button,.select-wrap select{cursor:pointer;border-radius:18px;min-height:58px;font-weight:720}.primary-button{color:#fff;background:var(--teal);border:0;padding:0 24px;font-size:20px}.primary-button:hover{background:#176f62}.primary-button:disabled,.secondary-button:disabled{opacity:.6;cursor:wait}.control-actions{grid-template-columns:1fr 1fr 1fr;gap:18px;margin-top:18px;display:grid}.secondary-button,.select-wrap select{border:1px solid var(--line);color:#315f94;background:var(--paper);width:100%;font-size:17px}.secondary-button:hover,.select-wrap select:hover{background:#fff;border-color:#9eb3c9}.select-wrap{position:relative}.select-wrap select{appearance:auto;color:var(--ink);padding:0 18px}.control-hint{color:var(--muted);margin:15px 2px 0;font-size:14px}.notice{color:#79521d;background:#fff6e4;border:1px solid #e5c895;border-radius:18px;padding:14px 18px}.demo-notice{color:#2d665b;background:#eef8f5;border-color:#b9d9d1}.summary-panel{align-items:center;gap:30px;padding:24px 30px;display:flex}.summary-panel h2{letter-spacing:-.02em;margin:0;font-size:25px}.summary-pills{flex-wrap:wrap;gap:12px;display:flex}.summary-pill{border-radius:999px;align-items:center;min-height:42px;padding:0 18px;font-size:16px;font-weight:750;display:inline-flex}.pill-add{background:var(--teal-soft);color:var(--teal)}.pill-hold{background:var(--blue-soft);color:var(--blue)}.pill-reduce{background:var(--amber-soft);color:var(--amber)}.pill-clear{background:var(--red-soft);color:var(--red)}.pill-paused{color:#625c50;background:#ece9e2}.stock-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.stock-card{border:1px solid var(--line);background:var(--paper);min-width:0;box-shadow:var(--shadow);border-radius:27px;padding:25px;transition:box-shadow .18s,transform .18s;position:relative;overflow:hidden}.stock-card:before{content:"";background:#9a9285;width:5px;position:absolute;inset:0 auto 0 0}.stock-card.tone-add:before{background:var(--teal)}.stock-card.tone-hold:before{background:var(--blue)}.stock-card.tone-reduce:before{background:var(--amber)}.stock-card.tone-clear:before{background:var(--red)}.stock-card.is-highlighted{transform:translateY(-3px);box-shadow:0 0 0 4px #21867621,0 20px 45px #5c431b1f}.remove-button,.icon-button{color:#8c7d66;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.remove-button{width:36px;height:36px;font-size:24px;position:absolute;top:12px;right:13px}.remove-button:hover,.icon-button:hover{color:var(--ink);background:#f2ecdf}.card-topline{justify-content:space-between;align-items:flex-start;gap:20px;padding-right:28px;display:flex}.stock-identity{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.stock-identity h3{letter-spacing:-.02em;margin:0;font-size:23px}.stock-identity span{color:#8b7c64;font-weight:650}.price-row{flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:11px;display:flex}.price-row strong{font-size:34px;line-height:1}.price-row span{font-weight:650}.price-up{color:var(--price-up)}.price-down{color:var(--price-down)}.price-placeholder{color:var(--muted);margin-top:12px}.advice-badge{text-align:right;border-radius:13px;justify-items:end;gap:4px;max-width:230px;padding:10px 13px;font-weight:820;line-height:1.25;display:grid}.advice-badge small{opacity:.75;font-size:11px;font-weight:700}.advice-add{color:var(--teal);background:var(--teal-soft)}.advice-hold{color:var(--blue);background:var(--blue-soft)}.advice-reduce{color:var(--amber);background:var(--amber-soft)}.advice-clear{color:var(--red);background:var(--red-soft)}.advice-paused{color:#615b50;background:#ece9e2}.metrics-grid{border-top:1px solid #ebe3d4;border-left:1px solid #ebe3d4;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:24px 0 18px;display:grid}.metrics-grid div{border-bottom:1px solid #ebe3d4;border-right:1px solid #ebe3d4;min-width:0;padding:12px 10px}.metrics-grid dt{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.metrics-grid dd{color:var(--ink);font-variant-numeric:tabular-nums;margin:5px 0 0;font-weight:760}.signal-strip{color:#504330;background:#f7f2e9;border-radius:14px;align-items:flex-start;gap:10px;min-height:46px;padding:12px 14px;font-size:14px;line-height:1.45;display:flex}.signal-dot{background:currentColor;border-radius:50%;flex:0 0 9px;width:9px;height:9px;margin-top:5px}.tone-add .signal-strip{color:#276c5f;background:#edf7f3}.tone-reduce .signal-strip{color:#815111;background:#fff5e2}.tone-clear .signal-strip{color:#873b37;background:#fcefed}.pending-note{color:#8a6b3c;margin:10px 2px 0;font-size:12px}.card-error{color:#756a59;background:#f3eee5;border-radius:14px;margin:24px 0;padding:15px}.card-footer{color:#8a7d69;flex-wrap:wrap;gap:8px 16px;margin-top:17px;font-size:12px;display:flex}.empty-state{text-align:center;place-content:center;justify-items:center;min-height:300px;padding:48px 24px;display:grid}.empty-icon{background:var(--teal-soft);width:62px;height:62px;color:var(--teal);border-radius:50%;place-items:center;font-size:34px;display:grid}.empty-state h2{margin:18px 0 7px}.empty-state p{max-width:520px;color:var(--muted);margin:0;line-height:1.7}.site-footer{color:#8b7e69;text-align:center;padding:30px 12px 0;font-size:13px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#32281947;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.discipline-dialog{border:1px solid var(--line);background:var(--paper);border-radius:28px;width:min(920px,100%);max-height:min(860px,100vh - 48px);overflow:hidden;box-shadow:0 28px 80px #36291440}.dialog-header{background:var(--paper-strong);border-bottom:1px solid #e9dfcd;justify-content:space-between;gap:24px;padding:27px 30px 22px;display:flex}.dialog-header h2{margin:3px 0 5px;font-size:30px}.dialog-header p{color:var(--muted);margin:0}.eyebrow{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:800}.icon-button{flex:0 0 42px;width:42px;height:42px;font-size:27px}.discipline-content{overscroll-behavior:contain;max-height:calc(min(860px,100vh - 48px) - 126px);padding:8px 30px 30px;overflow-y:auto}.discipline-section{border-bottom:1px solid #eee5d6;grid-template-columns:48px minmax(0,1fr);gap:15px;padding:22px 0;display:grid}.section-number{width:42px;height:31px;color:var(--teal);background:var(--teal-soft);border-radius:10px;place-items:center;font-size:12px;font-weight:850;display:grid}.discipline-section h3{margin:3px 0 11px;font-size:18px}.discipline-section ul{color:#625745;margin:0;padding-left:20px;line-height:1.72}.discipline-section li+li{margin-top:7px}.discipline-note{color:#73531f;background:#fff3df;border-radius:16px;margin-top:22px;padding:18px;line-height:1.65}@media (width<=850px){.app-shell{width:min(100% - 22px,720px);padding-top:16px}.site-header{grid-template-columns:minmax(0,1fr) auto;gap:15px}.monitor-status{border-top:1px solid #dfd2b7b3;grid-column:1/-1;justify-content:space-between;width:100%;padding-top:12px;display:flex}.brand-mark{border-radius:17px;flex-basis:56px;width:56px;height:56px;font-size:26px}.brand-block p{font-size:14px}.add-form{grid-template-columns:1fr}.add-form input{height:60px;font-size:17px}.control-actions{gap:10px}.summary-panel{flex-direction:column;align-items:flex-start;gap:16px}.stock-grid{grid-template-columns:1fr}}@media (width<=540px){.app-shell{width:calc(100% - 16px);padding-top:10px}.site-header{padding:4px 5px 17px}.brand-block{gap:11px}.brand-mark{border-radius:15px;flex-basis:49px;width:49px;height:49px;font-size:23px}.brand-block h1{font-size:22px}.brand-block p{display:none}.discipline-button{min-height:43px;padding:8px 13px}.monitor-status{font-size:12px}.monitor-status strong{font-size:13px}main{gap:14px}.control-panel,.summary-panel,.empty-state{border-radius:22px}.control-panel{padding:14px}.add-form{gap:10px}.add-form input{border-radius:15px;height:54px;padding:0 15px;font-size:15px}.primary-button,.secondary-button,.select-wrap select{border-radius:14px;min-height:50px;font-size:15px}.control-actions{grid-template-columns:1fr 1fr}.select-wrap{grid-column:1/-1}.control-hint{font-size:12px;line-height:1.55}.summary-panel{padding:18px}.summary-panel h2{font-size:20px}.summary-pills{gap:8px}.summary-pill{min-height:36px;padding:0 13px;font-size:13px}.stock-grid{gap:14px}.stock-card{border-radius:22px;padding:19px 16px 17px}.card-topline{gap:10px;padding-right:22px}.stock-identity h3{font-size:20px}.price-row strong{font-size:29px}.price-row span{font-size:13px}.advice-badge{max-width:178px;padding:8px 10px;font-size:13px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:19px}.card-footer{justify-content:space-between;gap:7px}.modal-backdrop{align-items:end;padding:0}.discipline-dialog{border-radius:25px 25px 0 0;width:100%;max-height:92vh}.dialog-header{padding:20px 18px 16px}.dialog-header h2{font-size:25px}.dialog-header p{font-size:13px;line-height:1.55}.discipline-content{max-height:calc(92vh - 111px);padding:4px 18px 24px}.discipline-section{grid-template-columns:39px minmax(0,1fr);gap:10px;padding:18px 0}.section-number{width:35px}.discipline-section h3{font-size:16px}.discipline-section ul{padding-left:18px;font-size:14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}