:root{--ink:#20263a;--ink-soft:#5a6072;--paper:#fffdf8;--blue:#3e68ff;--blue-deep:#2f51d6;--yellow:#ffc940;--coral:#ff6d4d;--green:#19bd8b;--purple:#8a63f2;--teal:#12b8a6;--canvas:#e9edf5;--card-shadow:5px 6px 0 var(--ink);--btn-shadow:4px 4px 0 var(--ink)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--canvas);color:var(--ink);-webkit-font-smoothing:antialiased;background-image:radial-gradient(#20263a14 1.5px,#0000 1.5px);background-size:24px 24px;min-height:100vh;font-family:PingFang SC,HarmonyOS Sans SC,Microsoft YaHei,system-ui,sans-serif}a{color:inherit;text-decoration:none}button{font-family:inherit}.app-shell{flex-direction:column;max-width:560px;min-height:100vh;margin:0 auto;display:flex}.app-main{flex:1;padding:16px 16px 88px}.app-head{align-items:center;gap:12px;max-width:560px;margin:0 auto;padding:20px 16px 12px;display:flex}.app-logo{border:3px solid var(--ink);background:var(--yellow);width:44px;height:44px;box-shadow:var(--btn-shadow);border-radius:12px;justify-content:center;align-items:center;font-size:22px;font-weight:900;display:flex}.app-head .titles{flex:1}.app-head h1{letter-spacing:.5px;font-size:22px}.app-head .slogan{color:var(--ink-soft);margin-top:2px;font-size:12px}.card{background:var(--paper);border:3px solid var(--ink);box-shadow:var(--card-shadow);border-radius:16px;margin-bottom:20px;padding:16px}.card.clickable:active{box-shadow:3px 4px 0 var(--ink);transform:translate(2px,2px)}.search-pill{background:var(--paper);border:3px solid var(--ink);box-shadow:var(--btn-shadow);cursor:pointer;border-radius:999px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 18px;display:flex}.search-pill .ph{color:var(--ink-soft);font-size:14px}.daily-card{background:var(--yellow);position:relative;overflow:hidden}.daily-card .dc-date{color:var(--ink);opacity:.75;font-size:12px;font-weight:700}.daily-card .dc-tag{background:var(--ink);color:var(--yellow);letter-spacing:2px;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-block}.daily-card h2{letter-spacing:1px;margin:10px 0 6px;font-size:30px}.daily-card .dc-def{margin-bottom:14px;font-size:14px;line-height:1.6}.daily-card .dc-illus{border:3px solid var(--ink);background:var(--paper);border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;font-size:40px;display:flex;position:absolute;top:-8px;right:-8px}.btn-open{background:var(--paper);border:3px solid var(--ink);box-shadow:var(--btn-shadow);border-radius:12px;padding:8px 16px;font-size:14px;font-weight:800;display:inline-block}.btn-open:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.sect-h{justify-content:space-between;align-items:baseline;margin:4px 2px 12px;display:flex}.sect-h h2{letter-spacing:.5px;font-size:17px}.sect-h .more{color:var(--blue);font-size:12px;font-weight:700}.cat-row{flex-wrap:wrap;gap:10px;display:flex}.cat-chip{background:var(--paper);border:3px solid var(--ink);box-shadow:var(--btn-shadow);cursor:pointer;border-radius:12px;padding:8px 14px;font-size:14px;font-weight:800;display:inline-block}.cat-chip:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.cat-chip.on{background:var(--blue);color:#fff}.cat-chip .cnt{color:var(--ink-soft);margin-top:2px;font-size:10px;font-weight:400;display:block}.cat-chip.on .cnt{color:#fffc}.rank-row{background:var(--paper);border:3px solid var(--ink);cursor:pointer;border-radius:12px;align-items:center;gap:12px;margin-bottom:10px;padding:10px 14px;display:flex}.rank-row:active{transform:translate(2px,2px)}.rank-no{border:3px solid var(--ink);background:var(--paper);border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;font-weight:900;display:flex}.rank-row:first-child .rank-no{background:var(--coral);color:#fff}.rank-row:nth-child(2) .rank-no{background:var(--yellow)}.rank-row:nth-child(3) .rank-no{background:var(--teal);color:#fff}.rank-row .rn{flex:1;min-width:0}.rank-row .rn b{font-size:15px;display:block}.rank-row .rn span{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.rank-row .fire{color:var(--coral);flex:none;font-size:12px;font-weight:700}.term-head{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.term-head h1{letter-spacing:1px;flex:1;font-size:26px}.term-head .alias{color:var(--ink-soft);margin-top:4px;font-size:13px}.badge{border:2.5px solid var(--ink);background:var(--paper);border-radius:8px;flex:none;padding:3px 8px;font-size:11px;font-weight:800;display:inline-block}.badge.ok{background:var(--green);color:#fff}.badge.warn{background:var(--yellow)}.badge.info{background:var(--canvas)}.oneliner{background:var(--canvas);border:2.5px dashed var(--ink);border-radius:12px;margin-bottom:14px;padding:10px 14px;font-size:15px;font-weight:700}.sblock-h{letter-spacing:3px;color:var(--ink-soft);margin-bottom:6px;font-size:13px;font-weight:900}.expl{font-size:15.5px;line-height:1.9}.hook{background:var(--yellow);border:3px solid var(--ink);box-shadow:var(--btn-shadow);border-radius:12px;margin:16px 0;padding:12px 14px;font-size:15px;font-weight:800;transform:rotate(-.5deg)}.rel-tags{flex-wrap:wrap;gap:8px;display:flex}.rel-tag{background:var(--paper);border:2.5px solid var(--ink);cursor:pointer;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:700}.rel-tag:active{background:var(--canvas)}.tabbar{background:var(--paper);border-top:3px solid var(--ink);z-index:50;width:100%;max-width:560px;padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabbar .tb{text-align:center;color:var(--ink-soft);cursor:pointer;flex:1;padding:10px 0 8px;font-size:11px;font-weight:700}.tabbar .tb .ti{margin-bottom:2px;font-size:20px;display:block}.tabbar .tb.on{color:var(--blue)}.search-box{background:var(--paper);border:3px solid var(--ink);box-shadow:var(--btn-shadow);border-radius:16px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 16px;display:flex}.search-box input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px}.search-box input::placeholder{color:var(--ink-soft)}.search-box .go{background:var(--blue);color:#fff;border:2.5px solid var(--ink);cursor:pointer;border-radius:10px;padding:6px 14px;font-size:13px;font-weight:800}.history-chip{background:var(--canvas);border:2px solid var(--ink);cursor:pointer;border-radius:999px;margin:0 8px 8px 0;padding:4px 12px;font-size:12px;display:inline-block}.step-row{align-items:center;gap:12px;padding:10px 0;display:flex}.step-dot{border:3px solid var(--ink);background:var(--paper);border-radius:50%;flex:none;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:900;display:flex}.step-row.done .step-dot{background:var(--green);color:#fff}.step-row.doing .step-dot{background:var(--yellow)}.step-row .st-label{font-size:14px;font-weight:700}.step-row .st-sub{color:var(--ink-soft);font-size:12px}.step-row.doing .st-label:after{content:"…"}.me-row{align-items:center;gap:12px;display:flex}.me-stat{text-align:center;background:var(--canvas);border:2.5px solid var(--ink);border-radius:12px;flex:1;padding:10px}.me-stat b{font-size:22px;display:block}.me-stat span{color:var(--ink-soft);font-size:12px}.share-btn{background:var(--coral);color:#fff;border:3px solid var(--ink);width:100%;box-shadow:var(--btn-shadow);cursor:pointer;border-radius:12px;padding:12px;font-size:15px;font-weight:900}.share-btn:active{box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}.fav-btn{background:var(--paper);border:3px solid var(--ink);cursor:pointer;border-radius:12px;flex:1;padding:12px;font-size:15px;font-weight:900}.fav-btn:active{transform:translate(2px,2px)}.fav-btn.on{background:var(--yellow)}.empty{text-align:center;color:var(--ink-soft);padding:48px 0;font-size:14px}.toast{background:var(--ink);color:var(--paper);z-index:100;box-shadow:var(--btn-shadow);border-radius:12px;padding:10px 20px;font-size:14px;font-weight:700;position:fixed;top:24px;left:50%;transform:translate(-50%)}