:root{--primary:#2272e6;--primary-strong:#1a5acc;--primary-light:#ebf2fe;--label:#1a1a1a;--label-alt:#4d4d4d;--label-assist:#8c8c8c;--label-disable:#b3b3b3;--bg:#fff;--bg-layer1:#f2f2f2;--line:#e5e5e5;--line-input:#999;--danger:#e63232;--success:#12b76a;--red-95:#fef0f0;--green-95:#ecfdf5;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px #00000014;--ch-primary:var(--primary);--ch-label:var(--label);--ch-label-alt:var(--label-alt);--ch-label-assistive:var(--label-assist);--ch-bg:var(--bg);--ch-bg-layer:var(--bg-layer1);--ch-line:var(--line);--ch-line-input:var(--line-input);--ch-danger:var(--danger);--ch-success:var(--success);--ch-success-bg:var(--green-95);--ch-reply-bg:var(--primary-light);--ch-radius:var(--radius-lg)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{color:var(--label);background:var(--bg);font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.container{max-width:768px;margin:0 auto;padding:16px 20px 88px}.page-title{margin-bottom:16px;font-size:20px;font-weight:600}.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-lg);margin-bottom:12px;padding:20px;display:block}.card:hover{box-shadow:var(--shadow-sm)}.card h3{font-size:16px;font-weight:600;line-height:1.5}.card .meta{color:var(--label-assist);margin-top:8px;font-size:12px}.card .summary{color:var(--label-alt);margin-top:8px;font-size:14px;line-height:1.571}.list-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 4px;display:flex}.list-row .rank{width:28px;color:var(--label-assist);text-align:center;font-size:14px;font-weight:600}.list-row .grow{flex:1;min-width:0}.list-row .name{font-size:16px;font-weight:600}.list-row .sub{color:var(--label-assist);margin-top:2px;font-size:12px}.list-row .value{text-align:right;font-size:14px;font-weight:600}.value.up{color:var(--danger)}.value.down{color:var(--primary)}.badge{background:var(--primary-light);color:var(--primary);border-radius:9999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.badge.neutral{background:var(--bg-layer1);color:var(--label-alt)}.searchbar{gap:8px;margin-bottom:16px;display:flex}.searchbar input{border:1px solid var(--line-input);border-radius:var(--radius-sm);flex:1;padding:12px 16px;font-size:14px}.searchbar input::placeholder{color:var(--label-assist)}.searchbar input:focus{border:2px solid var(--primary);outline:none;padding:11px 15px}.searchbar button{border-radius:var(--radius-md);background:var(--primary);color:#fff;border:none;padding:0 20px;font-size:14px;font-weight:600}.disclaimer{background:var(--bg-layer1);border-radius:var(--radius-md);color:var(--label-alt);margin:16px 0;padding:12px 16px;font-size:12px}.btn-primary{border-radius:var(--radius-md);background:var(--primary);color:#fff;border:none;padding:12px 20px;font-size:14px;font-weight:600;display:inline-block}.btn-primary:disabled{opacity:.4}.tabbar{background:var(--bg);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{text-align:center;color:var(--label-assist);flex:1;padding:10px 0 12px;font-size:11px}.tabbar a.active{color:var(--primary);font-weight:600}.tabbar .ico{font-size:20px;line-height:1.2;display:block}
