:root{--bg:#f4f8fc;--bg-2:#eef4fb;--surface:#fff;--surface-soft:#f8fbff;--ink:#152238;--ink-2:#1b2b45;--muted:#62748a;--border:#1522381a;--border-strong:#15223829;--primary:#2a9d8f;--primary-2:#23867a;--secondary:#f4a261;--secondary-2:#ea8c43;--warn:#f59e0b;--danger:#ef4444;--success:#10b981;--shadow-sm:0 4px 16px #1118270d;--shadow-md:0 10px 30px #11182714;--shadow-lg:0 24px 60px #1118271f;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";--footer-dock-h:86px;--footer-dock-h-mobile:132px;--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--font-sans);color:var(--ink);background:radial-gradient(circle at 12% 10%,#2a9d8f1f,transparent 34%),radial-gradient(circle at 88% 12%,#f4a26126,transparent 38%),radial-gradient(circle at 80% 80%,#3b82f60d,transparent 42%),linear-gradient(180deg,var(--bg),var(--bg-2));min-height:100vh;line-height:1.35}::selection{color:var(--ink);background:#2a9d8f38}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}main{width:100%;max-width:1180px;padding:18px 18px calc(8px + var(--footer-dock-h));margin:0 auto}.row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.grid{gap:var(--space-4);display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.small{font-size:12px;line-height:1.35}.muted{color:var(--muted)}.topbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#ffffffb8;border:1px solid #ffffff8c;padding:10px 12px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{border:1px solid var(--border);background:radial-gradient(circle at 35% 25%,#ffffff8c,transparent 50%),linear-gradient(145deg,var(--primary),var(--secondary));border-radius:10px;width:36px;height:36px;box-shadow:inset 0 0 0 1px #ffffff59,0 6px 12px #2a9d8f26}.brand-name{letter-spacing:-.02em;color:var(--ink-2);font-size:14px;font-weight:800}.topbar.topbar-stack{padding:0;display:block;overflow:hidden}.topbar-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:10px 12px 8px;display:flex}.topbar-mini-badge{min-height:18px;padding:0 7px;font-size:10px}.topbar-subtitle{white-space:nowrap;text-overflow:ellipsis;max-width:760px;margin-top:2px;overflow:hidden}.topbar-tabs{scrollbar-width:thin;border-top:1px solid #1522380f;align-items:center;gap:6px;padding:8px 10px 10px;display:flex;overflow:auto hidden}.topbar-tabs::-webkit-scrollbar{height:8px}.topbar-tabs::-webkit-scrollbar-thumb{background:#1522381f;border-radius:999px}.topbar-tab{height:32px;color:var(--ink-2);white-space:nowrap;background:#ffffffa6;border:1px solid #15223814;border-radius:9px;flex:none;justify-content:center;align-items:center;padding:0 10px;font-size:12px;font-weight:600;transition:transform .12s,box-shadow .12s,border-color .12s,background .12s;display:inline-flex}.topbar-tab:hover{background:#ffffffeb;border-color:#15223829;transform:translateY(-1px);box-shadow:0 6px 16px #11182714}.topbar-tab.is-active{color:#fff;background:linear-gradient(#2a9d8ff2,#23867af2);border-color:#2a9d8f38;box-shadow:0 8px 16px #2a9d8f29}.card{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#ffffffeb;position:relative}.card:hover{border-color:var(--border-strong)}.card.soft{background:linear-gradient(#ffffffe0,#f8fbffeb);border-color:#2a9d8f17}.card.glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb8}.section-title{letter-spacing:-.02em;color:var(--ink-2);margin:0;font-size:22px;font-weight:800;line-height:1.12}.section-subtitle{color:var(--muted);margin:6px 0 0;font-size:13px;line-height:1.45}.divider{background:linear-gradient(90deg,#0000,#1522381f,#0000);width:100%;height:1px;margin:12px 0}.badge{border:1px solid var(--border);min-height:22px;color:var(--ink-2);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 9px;font-size:11px;font-weight:700;display:inline-flex}.badge.primary{color:#156f66;background:#2a9d8f1f;border-color:#2a9d8f33}.badge.secondary{color:#2458b8;background:#3b82f614;border-color:#3b82f626}.badge.warn{color:#9a5f00;background:#f59e0b1f;border-color:#f59e0b33}.btn{appearance:none;border:1px solid var(--border);color:var(--ink-2);cursor:pointer;background:#ffffffe6;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:36px;padding:0 12px;font-size:13px;font-weight:600;transition:transform .12s,box-shadow .12s,border-color .12s,background .12s;display:inline-flex;box-shadow:inset 0 1px #fff9}.btn:hover{border-color:#15223829;transform:translateY(-1px);box-shadow:0 6px 16px #11182714}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn.primary{color:#fff;background:linear-gradient(#2a9d8ff2,#23867af2);border-color:#2a9d8f2e;box-shadow:inset 0 1px #fff3,0 8px 18px #2a9d8f2e}.btn.primary:hover{box-shadow:inset 0 1px #ffffff38,0 12px 22px #2a9d8f38}.btn.ghost{background:#ffffffa6;border-color:#15223814}.input{border:1px solid var(--border);background:#fffffff2;border-radius:10px;outline:none;width:100%;min-height:40px;padding:0 11px;transition:border-color .12s,box-shadow .12s,background .12s}textarea.input{resize:vertical;min-height:84px;padding-top:9px;padding-bottom:9px}.input:hover{border-color:#1522382e}.input:focus{border-color:#2a9d8f73;box-shadow:0 0 0 3px #2a9d8f1f,inset 0 1px #fff6}.input::placeholder{color:#94a3b8}input[type=range]{accent-color:var(--primary)}input[type=checkbox]{width:15px;height:15px;accent-color:var(--primary)}.notice{background:linear-gradient(#ffffffeb,#eff6ffd9);border:1px solid #3b82f624;border-radius:12px;padding:10px 12px}.notice.warn{background:linear-gradient(#ffffffeb,#fffbebe6);border-color:#f59e0b38}.notice.error{background:linear-gradient(#ffffffeb,#fef2f2e6);border-color:#ef44442e}table{border-collapse:collapse;width:100%}th,td{vertical-align:top}.text-danger{color:#b91c1c}.text-success{color:#047857}.text-warn{color:#b45309}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.calendar-shell{border:1px solid var(--border);background:#fff;border-radius:12px;overflow:hidden}.calendar-header{border-bottom:1px solid var(--border);background:#f8fafc}.calendar-col{border-left:1px solid var(--border)}.calendar-col.weekend{background:#0f172a04}.calendar-block-work{background:linear-gradient(#fbbf2452,#f9731629);border:1px solid #b4530947}.calendar-block-sleep{background:linear-gradient(#38bdf842,#0ea5e924);border:1px solid #0284c747}footer{margin-top:20px}footer .card{border-radius:16px}@media (max-width:1080px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{flex-direction:column;align-items:flex-start}}@media (max-width:840px){main{padding:14px 12px calc(6px + var(--footer-dock-h-mobile))}.grid-2,.grid-3{grid-template-columns:1fr}.section-title{font-size:20px}.topbar{border-radius:14px;padding:10px}.btn{min-height:34px;padding:0 10px;font-size:12px}.card,.topbar.topbar-stack{border-radius:14px}.topbar-head{padding:10px 10px 8px}.topbar-subtitle{white-space:normal;max-width:none;line-height:1.25}.topbar-tabs{gap:6px;padding:8px 8px 10px}.topbar-tab{height:31px;padding:0 9px;font-size:12px}.topbar-badge-desktop{display:none}}@media (prefers-reduced-motion:reduce){.btn,.card,*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}