:root{--bg: #0d0d0f;--card: rgba(255, 255, 255, .045);--card-border: rgba(255, 255, 255, .08);--text: #f4f4f5;--muted: #8a8a92;--faint: #55555c;--line: rgba(255, 255, 255, .12);--radius: 18px;font-family:Onest,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-variant-numeric:tabular-nums}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.wrap{max-width:720px;margin:0 auto;padding:16px 16px 48px}.head{display:flex;justify-content:space-between;align-items:baseline;margin:8px 0 18px}.head h1{font-size:20px;font-weight:500;margin:0}.head .day{color:var(--muted);font-size:13px}.card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);padding:16px;margin-bottom:12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card h2{font-size:13px;font-weight:500;color:var(--muted);margin:0 0 12px;letter-spacing:.02em}.kr{padding:12px 0;border-bottom:1px solid var(--line)}.kr:last-child{border-bottom:none}.kr .row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.kr .title{font-size:15px}.kr .value{font-size:15px;font-weight:500;white-space:nowrap}.kr .note{color:var(--muted);font-size:12px;margin-top:6px}.kr .bar{height:3px;background:var(--line);border-radius:2px;margin-top:10px;overflow:hidden}.kr .bar>i{display:block;height:100%;background:var(--text)}.empty{color:var(--muted);font-size:14px;line-height:1.5}.empty b{color:var(--text);font-weight:500}.btn{display:inline-block;margin-top:10px;padding:8px 14px;border-radius:10px;border:1px solid var(--line);color:var(--text);font-size:13px;background:none;cursor:pointer}.task{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.task:last-child{border-bottom:none}.task .circle{width:18px;height:18px;border-radius:50%;border:1px solid var(--muted);flex:none}.task .t{font-size:14px}.badge{background:#ffffff0f;border:1px solid var(--line);color:var(--muted);font-size:12px;padding:10px 12px;border-radius:12px;margin-bottom:12px;line-height:1.45}.trays{display:flex;gap:8px;flex-wrap:wrap}.tray{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 10px}.tabs{display:flex;gap:6px;margin:10px 0 14px;flex-wrap:wrap}.tab{background:none;border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:7px 14px;font-size:13px;cursor:pointer;font-family:inherit}.tab.active{color:var(--text);border-color:var(--muted);background:#ffffff0f}.row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.title{font-size:15px}.value{font-size:15px;font-weight:500;white-space:nowrap}.note{color:var(--muted);font-size:12px;margin-top:6px}.bars{display:flex;align-items:flex-end;gap:4px;height:44px;margin-top:12px}.bar-col{flex:1 1 0;max-width:20px;height:100%;display:flex;align-items:flex-end}.bar-col>i{display:block;width:100%;background:var(--muted);border-radius:2px 2px 0 0;min-height:2px}.bar-col.now>i{background:var(--text)}.bar-col.future>i{background:var(--line)}.form{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.form.inline{margin-top:8px}.form input,.form select{background:#ffffff0d;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:8px 10px;font-size:13px;font-family:inherit;font-variant-numeric:tabular-nums;min-width:120px}.form input::placeholder{color:var(--faint)}.kr .title,.row .title{min-width:0;overflow-wrap:anywhere}@media (max-width: 420px){.wrap{padding:12px 12px 40px}.value{font-size:14px}.form input,.form select{min-width:0;flex:1 1 110px}}
