:root{--bg:#f6eee8;--bg-2:#fbf5f0;--card:#fffdfb;--ink:#4a3d38;--muted:#8b7b74;--line:#eadfd7;--rose:#e7b7ab;--peach:#f3cbb6;--blush:#f6d8d1;--accent:#d27c6d;--accent-2:#c98b7a;--sage:#b7c4b2;--green:#6f9a73;--red:#c45c5c;--shadow:0 10px 28px #78564a14;--shadow-lift:0 16px 36px #78564a24;--ease:cubic-bezier(.22, 1, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur:.24s;--dur-med:.42s;--radius:22px;--sidebar:232px;--safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom);color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;font-family:Noto Sans SC,PingFang SC,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:radial-gradient(900px 420px at 10% -10%, #fbe4dc 0%, transparent 60%), radial-gradient(700px 380px at 110% 0%, #f3e6d8 0%, transparent 55%), var(--bg);color:var(--ink);margin:0}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit}button{cursor:pointer;transition:transform var(--dur) var(--ease), background var(--dur) var(--ease), box-shadow var(--dur) var(--ease), border-color var(--dur) var(--ease), color var(--dur) var(--ease), opacity var(--dur) var(--ease);background:0 0;border:0}button:disabled{opacity:.55;cursor:not-allowed}h1,h2,h3,h4{margin:0;font-family:Noto Serif SC,Songti SC,serif;font-weight:600}p{margin:0}.app-shell{min-height:100dvh}.sidebar{width:var(--sidebar);border-right:1px solid var(--line);padding:calc(18px + var(--safe-top)) 14px calc(16px + var(--safe-bottom));z-index:30;background:#fffdfb;flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;padding:6px 10px 18px;display:flex}.brand-mark{color:#8a534b;background:linear-gradient(160deg,#f6d4cb,#f0c3b0);border-radius:12px;place-items:center;width:36px;height:36px;font-family:Noto Serif SC,serif;display:grid;box-shadow:inset 0 -1px #ffffff59}.brand small{color:var(--muted);font-size:12px;display:block}.nav-list{flex-direction:column;gap:4px;padding-right:4px;display:flex;overflow:auto}.nav-item{color:#6d5e58;min-height:44px;transition:background var(--dur) var(--ease), color var(--dur) var(--ease), transform var(--dur) var(--ease);border-radius:14px;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;display:flex}.nav-item.active,.nav-item:hover{color:var(--ink);background:#f8ece6}.nav-ico{opacity:.75;flex:none;width:18px}.sidebar-foot{gap:8px;margin-top:auto;padding-top:16px;display:grid}.ghost-btn,.primary-btn,.soft-btn{border:1px solid var(--line);background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;display:inline-flex}.primary-btn{color:#fff;background:linear-gradient(#e79a88,#d27c6d);border-color:#0000;box-shadow:0 8px 16px #d27c6d38}.soft-btn{background:#f8eee8}.text-btn{color:var(--muted);min-height:36px;padding:0 6px}.logout-btn{color:#a66}.main{margin-left:var(--sidebar);padding:calc(22px + var(--safe-top)) 28px calc(36px + var(--safe-bottom));overflow-x:clip}.topbar{display:none}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform var(--dur-med) var(--ease), box-shadow var(--dur-med) var(--ease);border:1px solid #eadfd7e6;padding:18px 20px;scroll-margin-top:16px;overflow:visible}.card-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.card-head h3{overflow-wrap:anywhere;min-width:0;font-size:16px}.page{gap:16px;width:100%;min-width:0;max-width:1180px;display:grid}.page>*{min-width:0;animation:riseIn .5s var(--ease) both}.page>:first-child{animation-delay:0s}.page>:nth-child(2){animation-delay:50ms}.page>:nth-child(3){animation-delay:.1s}.page>:nth-child(4){animation-delay:.14s}.page>:nth-child(5){animation-delay:.18s}.page>:nth-child(n+6){animation-delay:.22s}.page-title{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.page-title p{color:var(--muted);margin-top:6px}.hero-card{grid-template-columns:148px 1fr auto;align-items:center;gap:18px;display:grid;overflow:hidden}.hero-art,.cover{object-fit:cover;background:linear-gradient(160deg,#f8d6cc,#f3e0d2 50%,#e7d5c4);border-radius:18px;width:100%;height:128px}.hero-art{animation:7s ease-in-out infinite floaty}.cover.fallback,.hero-art.fallback{color:#9a6f66;place-items:center;font-family:Noto Serif SC,serif;display:grid}.hero-copy h1{letter-spacing:.02em;font-size:30px}.hero-copy p{color:var(--muted);margin-top:8px;line-height:1.6}.clock{text-align:right;color:var(--muted);min-width:140px;font-size:13px}.quote-banner{justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.quote-banner p{font-size:15px;line-height:1.7}.stat-grid,.split,.grid-2,.grid-3,.form-row{gap:14px;display:grid}.form-row{grid-template-columns:1fr 1fr}.form-4{grid-template-columns:1fr 1fr 1fr auto}.form-5{grid-template-columns:minmax(132px,1.1fr) 1fr 1fr 1fr auto;align-items:end}.form-add{grid-template-columns:1fr auto;align-items:center}.form-add .primary-btn{height:42px;min-height:42px}.form-stack{gap:28px;display:grid}.form-actions{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;padding-top:22px;display:flex}.stat-grid{grid-template-columns:repeat(3,1fr)}.split{grid-template-columns:1.15fr .85fr}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.stat-card .num{font-variant-numeric:tabular-nums;margin:10px 0 6px;font-family:Noto Serif SC,serif;font-size:34px;line-height:1}.sub{color:var(--muted);font-size:13px}.progress-wrap{gap:8px;display:grid}.progress-track{background:#f3e6df;border-radius:999px;height:12px;overflow:hidden}.progress-fill{border-radius:inherit;height:100%;transition:width .7s var(--ease);background:linear-gradient(90deg,#f4c3b0,#e89b88);position:relative;overflow:hidden}.progress-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);animation:1.8s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.progress-label{color:var(--accent-2);font-size:13px;font-weight:600}.note-box{gap:10px;display:grid}.note-box textarea,input,select,textarea{border:1px solid var(--line);background:#fff;border-radius:14px;outline:none;width:100%;padding:11px 12px}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),select,textarea{font-size:16px}textarea{resize:vertical;min-height:88px}input:focus,select:focus,textarea:focus{border-color:#e2b6aa;box-shadow:0 0 0 4px #e2b6aa47}input,select,textarea,.menu-drop-btn{transition:border-color var(--dur) var(--ease), box-shadow var(--dur) var(--ease), background var(--dur) var(--ease)}input:read-only{color:var(--muted);background:#f7f0eb}.row-actions,.image-picker,.habit-row,.chip-row{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.chip-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex-wrap:nowrap;overflow-x:auto}.chip-scroll::-webkit-scrollbar{height:4px}.chip-scroll::-webkit-scrollbar-thumb{background:#e4d4cb;border-radius:999px}.chip-scroll>*{flex:none}.chip-wrap{flex-wrap:wrap;overflow:visible}.chip,.habit{border:1px solid var(--line);min-height:36px;transition:background var(--dur) var(--ease), border-color var(--dur) var(--ease), transform var(--dur) var(--ease), color var(--dur) var(--ease);background:#fff;border-radius:999px;padding:7px 12px}.chip.on,.habit.on{background:#f8e4dc;border-color:#efc4b6}.blogger-card,.metric,.list-item,.fund-card{border:1px solid var(--line);background:#fffaf7;border-radius:18px;padding:12px}.blogger-card{grid-template-columns:72px 1fr;gap:12px;display:grid}.blogger-card .cover{width:72px;height:72px}.metric{gap:4px;display:grid}.metric b{font-variant-numeric:tabular-nums;font-family:Noto Serif SC,serif;font-size:22px}.metric span{color:var(--muted);font-size:12px}.list{gap:10px;display:grid}.list-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.list-item.check{align-items:center;gap:10px;display:flex}.list-item.check>label{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.list-item.check>.text-btn{margin-left:auto}.list-item.check input{width:18px;height:18px;accent-color:var(--accent);flex:none}.horo{grid-template-columns:92px 1fr;align-items:center;gap:14px;display:grid}.horo .cover{animation:4.5s ease-in-out infinite twinkle}.stars{color:#d9897a;letter-spacing:2px;margin:6px 0}.up{color:var(--red)}.down{color:var(--green)}.fund-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.fund-card h4{margin-bottom:4px}.sparkline{width:100%;height:56px;display:block}.sparkline.sm{width:88px;height:28px}.sparkline.empty{color:var(--muted);place-items:center;font-size:13px;display:grid}.sparkline.empty.sm{font-size:11px}.field{color:var(--muted);gap:6px;font-size:13px;display:grid}.field input,.field select,.field textarea,.field .menu-drop-btn{color:var(--ink)}.empty{color:var(--muted);padding:8px 0}.auth-page{place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-card{width:min(440px,100%);animation:riseIn .55s var(--ease) both;gap:14px;display:grid}.auth-card h1{font-size:30px}.auth-card .lead,.lead{color:var(--muted);line-height:1.7}.auth-switch{text-align:center;color:var(--muted)}.auth-switch a{color:var(--accent)}.remember{color:var(--ink);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:14px;display:flex}.remember input{width:18px;height:18px;accent-color:var(--accent)}.error{color:#a3534c;animation:riseIn .32s var(--ease);background:#fdeceb;border-radius:12px;padding:10px 12px}.game-board{background:#f8efe9;border-radius:18px;place-items:center;min-height:160px;font-family:Noto Serif SC,serif;font-size:42px;display:grid}.game-pop{animation:gamePop .38s var(--ease)}.game-memorize{animation:1.2s memorize}.choice-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.calendar-dots{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.dot.on{background:#f0c8bb;transform:scale(1.06)}.dot{aspect-ratio:1;transition:background var(--dur) var(--ease), transform var(--dur) var(--ease);background:#f3e8e2;border-radius:10px;place-items:center;font-size:12px;display:grid}.overlay{display:none}.thumb-row{gap:10px;display:flex;overflow:auto}.thumb{object-fit:cover;border-radius:12px;width:72px;height:72px}@media (width<=980px){.stat-grid,.split,.fund-grid,.grid-3{grid-template-columns:1fr 1fr}.hero-card{grid-template-columns:120px 1fr}.clock{text-align:left;grid-column:1/-1}.form-5{grid-template-columns:1fr 1fr}}@media (width<=860px){.sidebar{transition:transform .4s var(--ease);box-shadow:var(--shadow);transform:translate(-110%)}.sidebar.open{transform:none}.overlay{z-index:25;opacity:0;pointer-events:none;transition:opacity .32s var(--ease);background:#3c282247;display:block;position:fixed;inset:0}.overlay.show{opacity:1;pointer-events:auto}.main{padding:calc(72px + var(--safe-top)) 14px calc(28px + var(--safe-bottom));margin-left:0}.topbar{z-index:20;min-height:calc(52px + var(--safe-top));padding:calc(8px + var(--safe-top)) 14px 8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fbf5f0eb;grid-template-columns:40px minmax(0,1fr) 40px;align-items:center;column-gap:10px;display:grid;position:fixed;top:0;left:0;right:0}.topbar strong{text-align:center;text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;min-width:0;height:40px;margin:0;padding:0;font-size:16px;line-height:1;display:flex;overflow:hidden}.topbar-slot{width:40px;height:40px}.menu-btn{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin:0;padding:0;line-height:0;display:flex}.menu-ico{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:18px;height:18px;display:flex}.menu-ico span{background:#4a3d38;border:0;border-radius:999px;width:16px;height:2px;margin:0;padding:0;display:block}.nav-item{min-height:40px;padding:8px 12px}.nav-list{-webkit-overflow-scrolling:touch}.stat-grid,.split,.grid-2,.grid-3,.fund-grid,.form-row,.form-4,.form-5,.form-add,.hero-card,.horo,.blogger-card{grid-template-columns:1fr}.hero-copy h1{font-size:26px}.filter-k{padding-top:8px}.card{padding:16px}.quote-banner{flex-direction:column;align-items:stretch}.main{overflow-x:clip}}@media (width<=420px){.stat-card .num{font-size:28px}.choice-grid{grid-template-columns:1fr}}.notice-banner{color:#7a4e46;animation:riseIn .36s var(--ease);background:#f8ece6}.admin-jump{flex-wrap:wrap;gap:8px;margin:0 0 16px;display:flex}.admin-thumb{object-fit:cover;background:#f4e8e2;border-radius:10px;width:48px;height:48px}.admin-pre{white-space:pre-wrap;word-break:break-word;max-width:360px}.admin-empty{color:var(--muted);margin:0;font-size:13px}.admin-small{word-break:break-all;font-size:13px;font-weight:500}.admin-summary{max-width:280px}.stat-grid .stat-card .num{font-size:28px}.card.stat-card{min-width:0}.table-wrap{overflow:auto}.admin-table{border-collapse:collapse;width:100%;font-size:14px}.admin-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 10px;font-weight:500}.admin-table td{border-bottom:1px solid var(--line);vertical-align:top;padding:12px 10px}.admin-table tbody tr{transition:background var(--dur) var(--ease)}.admin-table tbody tr:hover td{background:#fbf3ee}.fund-grid>*{animation:riseIn .42s var(--ease) both}.fund-grid>:first-child{animation-delay:20ms}.fund-grid>:nth-child(2){animation-delay:80ms}.fund-grid>:nth-child(3){animation-delay:.14s}.fund-grid>:nth-child(n+4){animation-delay:.18s}.index-strip{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;display:grid}.filter-line{grid-template-columns:44px minmax(0,1fr);align-items:start;gap:8px 10px;min-width:0;margin-top:10px;display:grid}.filter-k{color:var(--muted);padding-top:8px;font-size:12px;line-height:1.2}.stock-table-wrap{border:1px solid var(--line);background:#fffaf7;border-radius:18px;min-width:0;max-height:640px;overflow:auto}.stock-table{border-collapse:collapse;width:100%;font-size:13px}.stock-table th{z-index:2;color:var(--muted);text-align:right;white-space:nowrap;cursor:pointer;background:#f8eee8;padding:10px 12px;font-weight:500;position:sticky;top:0}.stock-table th.left,.stock-table td.left{text-align:left}.stock-table td{border-top:1px solid var(--line);text-align:right;white-space:nowrap;transition:background .2s var(--ease);background:#fffaf7;padding:10px 12px}.stock-table td.left{z-index:1;min-width:132px;position:sticky;left:0}.stock-table tr:hover td{background:#fbf3ee}.stock-table tr.on td{background:#f8e4dc}.stock-table input{width:16px;height:16px;accent-color:var(--accent)}.stock-card-list{display:none}.stock-heat{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.stock-tile{min-height:76px;transition:transform var(--dur) var(--ease), filter var(--dur) var(--ease);border-radius:16px;place-items:center;gap:4px;padding:12px 8px;font-size:12px;display:grid}.stock-tile strong{font-family:Noto Serif SC,serif;font-size:14px}.search-dock{z-index:8;position:relative;overflow:visible}.form-add .suggest{min-width:0}.filter-suggest{flex:180px;min-width:160px;max-width:100%}.suggest{z-index:9;width:100%;min-width:0;position:relative}.suggest input{width:100%}.suggest-panel,.menu-drop-panel{z-index:40;border:1px solid var(--line);max-height:min(280px,50vh);box-shadow:var(--shadow-lift);transform-origin:top;animation:popIn .2s var(--ease);background:#fffdfb;border-radius:16px;padding:6px;overflow:auto}.menu-drop-panel{position:absolute;top:calc(100% + 6px);left:0;right:0}.suggest-panel{z-index:90;position:fixed;right:auto}.suggest-opt,.menu-drop-opt{text-align:left;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 12px;display:flex}.suggest-opt span{min-width:0}.suggest-opt b,.suggest-opt small{display:block}.suggest-opt small{color:var(--muted);margin-top:2px;font-size:12px;font-weight:400}.suggest-opt em{text-align:right;flex:none;gap:2px;font-style:normal;display:grid}.suggest-opt mark{color:inherit;background:#f6d4cb;border-radius:4px;padding:0 2px}.suggest-opt:hover,.suggest-opt.on,.menu-drop-opt:hover,.menu-drop-opt.on{background:#f8e4dc}.suggest-empty{color:var(--muted);align-items:center;gap:8px;margin:0;padding:12px;font-size:13px;display:flex}.menu-drop{z-index:1;width:100%;position:relative}.menu-drop.open,.suggest:focus-within{z-index:12}.menu-drop-btn{border:1px solid var(--line);text-align:left;background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:42px;padding:11px 12px;display:flex}.menu-drop-caret{border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);width:8px;height:8px;transition:transform var(--dur) var(--ease), margin var(--dur) var(--ease);margin-top:-4px;transform:rotate(45deg)}.menu-drop.open .menu-drop-caret{margin-top:2px;transform:rotate(225deg)}.fund-card-hit{text-align:left;width:100%;padding:0;display:block}.fund-card-hit .num{font-family:Noto Serif SC,serif}.field+.form-actions{margin-top:8px}.live-dot{color:var(--muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.live-dot:before{content:"";background:#cbb;border-radius:50%;width:8px;height:8px}.live-dot.on:before{background:#c45c5c;animation:1.6s ease-out infinite livePulse;box-shadow:0 0 0 4px #c45c5c29}.live-board{grid-template-columns:1.15fr .85fr;align-items:start;gap:18px;display:grid}.time-chart{border:1px solid var(--line);background:#fffaf7;border-radius:18px;margin-top:12px;overflow:hidden}.time-chart.empty{min-height:160px;color:var(--muted);place-items:center;gap:8px;display:grid}.time-chart svg{width:100%;height:220px;display:block}.time-chart .chart-label{fill:#8b7b74;font-size:12px}.time-chart .pulse{transform-box:fill-box;transform-origin:50%;animation:1.4s ease-out infinite pulse}.time-chart-meta{color:var(--muted);justify-content:space-between;padding:8px 12px 10px;font-size:12px;display:flex}.paper-bar{background:#f8eee8;border-radius:16px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding:10px;display:flex}.paper-bar label{color:var(--muted);align-items:center;gap:6px;height:36px;display:inline-flex}.paper-bar input{border:1px solid var(--line);background:#fff;border-radius:10px;width:72px;height:36px;min-height:36px;padding:0 8px}.paper-bar .buy,.paper-bar .sell{height:36px;min-height:36px}.paper-bar .buy{color:#fff;background:#c45c5c;border-color:#0000}.paper-bar .sell{color:#5a9a72}.tick-up{animation:.7s tickUp}.tick-down{animation:.7s tickDown}@keyframes tickUp{0%{background:#c45c5c47}to{background:0 0}}@keyframes tickDown{0%{background:#5a9a7247}to{background:0 0}}@keyframes pulse{0%{opacity:1;r:4}80%{opacity:0;r:11}to{opacity:0;r:11}}.index-strip .metric{min-width:0}button.metric{text-align:left;border:1px solid var(--line);background:#fffaf7;border-radius:16px;gap:4px;padding:10px 12px;display:grid}.stock-row-card{border:1px solid var(--line);transition:background var(--dur) var(--ease), transform var(--dur) var(--ease), box-shadow var(--dur) var(--ease);background:#fffaf7;border-radius:16px;padding:12px}.stock-row-card.on{background:#f8e4dc}.stock-row-main{text-align:left;justify-content:space-between;align-items:flex-start;gap:12px;width:100%;padding:0;display:flex}.stock-row-main span{min-width:0}.stock-row-main b{display:block}.stock-row-main small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.stock-row-px{flex:none;justify-items:end;gap:2px;font-style:normal;display:grid}.stock-row-px strong{font-family:Noto Serif SC,serif;font-size:18px;font-weight:600}.stock-row-px em{font-size:13px;font-style:normal}.stock-row-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:10px;font-size:12px;display:flex}.stock-row-meta label{align-items:center;gap:4px;display:inline-flex}.stock-row-meta input{width:16px;height:16px;accent-color:var(--accent)}.stock-sort-bar{margin-bottom:4px}.filter-bar{align-items:center;gap:8px;min-width:0;margin-bottom:12px;display:flex}.filter-bar .chip-scroll{flex:1;min-width:0}.modal-root{z-index:80;place-items:end center;display:grid;position:fixed;inset:0}.modal-mask{width:100%;height:100%;animation:fadeIn .22s var(--ease);background:#3c282261;border:0;border-radius:0;padding:0;position:absolute;inset:0}.modal-sheet{z-index:1;width:min(560px,100%);max-height:min(90dvh,780px);padding:16px 16px calc(16px + var(--safe-bottom));background:var(--card);box-shadow:var(--shadow-lift);animation:sheetUp .36s var(--ease);border-radius:22px 22px 0 0;flex-direction:column;display:flex;position:relative}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.modal-head h3{min-width:0;font-size:18px}.modal-body{-webkit-overflow-scrolling:touch;min-height:0;padding:10px 0 8px;overflow:auto}.modal-body .filter-suggest{margin-bottom:6px}.modal-body .chip-scroll{flex-wrap:wrap;overflow:visible}.modal-foot{border-top:1px solid var(--line);justify-content:flex-end;gap:8px;padding-top:12px;display:flex}.modal-foot .primary-btn{min-width:132px}@media (width>=720px){.modal-root{place-items:center;padding:24px}.modal-sheet{max-height:min(82vh,720px);animation:popIn .28s var(--ease);border-radius:22px}}@media (width<=1100px){.stock-table .hide-narrow{display:none}}@media (width<=860px){.live-board{grid-template-columns:1fr}.stocks-page .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stocks-page .page-title{align-items:flex-start}.stocks-page .page-title .row-actions{width:100%}.stocks-page .card-head{align-items:flex-start}.stocks-page .stocks-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.stocks-page .stocks-tabs::-webkit-scrollbar{display:none}.stocks-page .stocks-tabs .chip{flex:none}.stocks-page .paper-bar>span{flex:100%}.stocks-page .filter-suggest{flex:100%;min-width:0;max-width:none}.stocks-page .time-chart svg{height:176px}}@media (width<=720px){.stocks-page .stock-table-wrap{display:none}.stocks-page .stock-card-list{gap:8px;display:grid}}.tick-up,.tick-down{border-radius:8px;margin:0 -4px;padding:0 4px;display:inline-block}.spinner{border:2px solid #f0d4cb;border-top-color:var(--accent);vertical-align:-3px;border-radius:50%;flex:none;width:18px;height:18px;animation:.72s linear infinite spin;display:inline-block}.spinner.sm{border-width:1.8px;width:14px;height:14px}.spinner.lg{border-width:2.6px;width:28px;height:28px}.inline-busy{align-items:center;gap:8px;display:inline-flex}.boot-screen{text-align:center;min-height:100dvh;color:var(--muted);align-content:center;place-items:center;gap:14px;padding:32px 20px;display:grid}.boot-screen.compact{min-height:280px}.main .boot-screen{min-height:calc(100dvh - 120px)}.boot-mark{color:#8a534b;background:linear-gradient(160deg,#f6d4cb,#f0c3b0);border-radius:22px;place-items:center;width:64px;height:64px;font-family:Noto Serif SC,serif;font-size:28px;animation:1.8s ease-in-out infinite bootPulse;display:grid;position:relative;box-shadow:0 12px 28px #d27c6d38}.boot-mark:after{content:"";border:1.5px solid #d27c6d47;border-radius:30px;animation:1.8s ease-out infinite bootRing;position:absolute;inset:-12px}.boot-screen p{margin:0;font-size:15px}.skeleton-line,.skeleton-row,.skeleton-card{background:linear-gradient(90deg,#f3e6df 0%,#fbf3ee 45%,#f3e6df 90%) 0 0/220% 100%;border-radius:12px;animation:1.35s ease-in-out infinite sheen}.skeleton-title{gap:10px;display:grid}.skeleton-line{width:100%;height:14px;display:block}.skeleton-line.lg{border-radius:14px;width:min(220px,70%);height:28px}.skeleton-line.sm{width:min(280px,86%)}.skeleton-line.short{width:42%}.skeleton-row{height:56px}.skeleton-card{border-radius:var(--radius);border:1px solid var(--line);min-height:92px}.skeleton-card.tall{min-height:220px}.list-skel{gap:8px;display:grid}.page-skeleton{pointer-events:none}.metric-skel{pointer-events:none;min-height:72px}.metric-skel .skeleton-line.lg{width:68%;height:22px}.quote-skel{gap:10px;padding-top:4px;display:grid}.quote-skel.tight{justify-items:end;gap:6px;min-width:88px}.quote-skel .skeleton-line.lg{width:58%;height:32px}.quote-skel.tight .skeleton-line.lg{width:84px;height:22px}.cell-skel{vertical-align:middle;background:linear-gradient(90deg,#f3e6df 0%,#fbf3ee 45%,#f3e6df 90%) 0 0/220% 100%;border-radius:8px;width:56px;height:14px;animation:1.35s ease-in-out infinite sheen;display:inline-block}.cell-skel.wide{width:72px}.sparkline.loading{background:linear-gradient(90deg,#f3e6df 0%,#fbf3ee 45%,#f3e6df 90%) 0 0/220% 100%;border-radius:12px;min-height:56px;animation:1.35s ease-in-out infinite sheen}.sparkline.loading.sm{min-height:28px}.time-chart.loading{gap:8px;display:grid}.chart-skel{background:linear-gradient(90deg,#f3e6df 0%,#fbf3ee 45%,#f3e6df 90%) 0 0/220% 100%;border-radius:16px;min-height:176px;animation:1.35s ease-in-out infinite sheen}.suggest-skel{gap:4px;display:grid}.suggest-skel-row{justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.suggest-skel-row span{flex:1;gap:6px;min-width:0;display:grid}.suggest-skel-row>.skeleton-line.short{flex:none;width:52px}.data-in,.quote-fade{animation:quoteIn .45s var(--ease)}@media (hover:hover) and (pointer:fine){.card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.hero-card:hover,.stat-card:hover{transform:translateY(-3px)}.primary-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 22px #d27c6d4d}.ghost-btn:hover:not(:disabled),.soft-btn:hover:not(:disabled){background:#f8eee8;transform:translateY(-1px)}.chip:hover:not(.on),.habit:hover:not(.on){background:#fbf3ee}.nav-item:hover{transform:translate(2px)}.stock-row-card:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.stock-tile:hover{filter:brightness(1.05);transform:scale(1.04)}button.metric:hover{background:#f8eee8}.list-item:hover{background:#fbf3ee}.menu-btn:hover{background:#f8eee8}}.primary-btn:active:not(:disabled),.ghost-btn:active:not(:disabled),.soft-btn:active:not(:disabled),.chip:active{transform:scale(.98)}.list-item{transition:background var(--dur) var(--ease)}@keyframes riseIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes sheetUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:none}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes twinkle{0%,to{filter:saturate();transform:rotate(0)}50%{filter:saturate(1.15);transform:rotate(-2deg)}}@keyframes bootPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bootRing{0%{opacity:.7;transform:scale(.86)}to{opacity:0;transform:scale(1.12)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes sheen{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes livePulse{0%{box-shadow:0 0 #c45c5c61}70%{box-shadow:0 0 0 8px #c45c5c00}to{box-shadow:0 0 #c45c5c00}}@keyframes quoteIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes gamePop{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}@keyframes memorize{0%{opacity:0;letter-spacing:8px}25%{opacity:1;letter-spacing:2px}80%{opacity:1}to{opacity:.35}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page>*,.auth-card,.boot-mark,.boot-mark:after,.hero-art,.horo .cover,.quote-fade,.data-in,.game-pop,.game-memorize,.suggest-panel,.menu-drop-panel,.notice-banner,.error,.live-dot.on:before,.progress-fill:after,.spinner,.skeleton-line,.skeleton-row,.skeleton-card,.cell-skel,.sparkline.loading,.chart-skel,.tick-up,.tick-down,.time-chart .pulse,.modal-mask,.modal-sheet{animation:none!important}.card:hover,.primary-btn:hover:not(:disabled),.stock-row-card:hover,.nav-item:hover{transform:none}}