:root{--bg-low: linear-gradient(140deg, #f5f8f8, #eef6f6);--bg-medium: linear-gradient(140deg, #fff7eb, #fff4e5);--bg-high: linear-gradient(140deg, #ffeceb, #ffe3df);--surface: rgba(255, 255, 255, .95);--text: #102a2d;--muted: #607276;--primary: #006c75;--danger: #dc2626;--progress-color: #0a7f88}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text);background:#f4f8f8}.page{min-height:100vh;background:var(--bg-low);transition:background .35s ease;padding-bottom:1rem}.page[data-pressure=medium]{background:var(--bg-medium);--progress-color: #d68f14}.page[data-pressure=high]{background:var(--bg-high);--progress-color: #e03c33}.shell{width:min(1200px,calc(100% - 2rem));margin-inline:auto}.card{border-radius:14px;border:1px solid rgba(0,108,117,.12);background:var(--surface);box-shadow:0 10px 24px #0930350f}.topbar{position:sticky;top:0;z-index:50;margin-top:.75rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:12px;border:1px solid rgba(0,108,117,.12);background:#ffffffdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:.65rem}.brand h1{margin:0;font-size:1.15rem}.brand-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff;font-weight:700;background:var(--progress-color)}.auth-box{display:flex;align-items:center;gap:.5rem}.status{padding:1rem}.progress-wrap{display:grid;gap:.45rem}.progress-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;font-size:.95rem}.progress-row span{color:var(--progress-color);font-weight:700}.progress-bar{height:12px;border-radius:999px;background:#006c751f;overflow:hidden}.progress-fill{height:100%;border-radius:999px;background:var(--progress-color);transition:width .25s ease,background-color .25s ease}.content-grid{margin-top:1rem;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1rem}.main-column,.side-column{display:grid;gap:1rem;align-content:start}.stack-head{display:flex;align-items:center;justify-content:space-between;padding:0 .2rem}.stack-head h2{margin:0;font-size:1.4rem}.stack-head span{font-size:.85rem;color:var(--muted)}.stack-section{padding:1rem}.stack-wrap{display:grid;grid-template-columns:120px 1fr;gap:.9rem;align-items:start}.stack-body{display:grid;gap:.7rem}.character-shell{width:96px;height:96px;justify-self:center;display:grid;place-items:center;transform-origin:50% 95%;position:relative}.character-shell:before{content:"";position:absolute;top:-10px;left:50%;width:6px;height:16px;background:#0f172a;border-radius:999px;transform:translate(-50%)}.character{position:relative;width:96px;height:96px;border-radius:24px;background:#14b8a6;display:grid;place-items:center}.face{position:absolute;width:64px;height:52px}.eye{position:absolute;top:14px;width:14px;height:8px;border:3px solid #0f172a;border-top:0;border-radius:0 0 12px 12px;background:transparent;transition:all .2s ease}.eye.left{left:10px;transform:rotate(-10deg)}.eye.right{right:10px;transform:rotate(10deg)}.mouth{position:absolute;left:14px;top:30px;width:36px;height:14px;border:3px solid rgba(15,23,42,.9);border-top:0;border-radius:999px;transition:all .2s ease}.character.level-medium{background:#f59e0b}.character.level-high{background:#ef4444}.character.level-medium .eye{top:14px;width:10px;height:10px;border:0;border-radius:50%;background:#0f172a;transform:none}.character.level-medium .mouth{top:32px;left:17px;width:30px;height:0;border:0;border-top:3px solid rgba(15,23,42,.95);border-radius:999px}.character.level-high .eye{top:8px;width:14px;height:14px;border:0;border-radius:50%;background:#0f172a}.character.level-high .eye.left,.character.level-high .eye.right{transform:translateY(0)}.character.level-high .mouth{left:6px;top:28px;width:52px;height:18px;border:3px solid rgba(15,23,42,.98);border-radius:6px;background:#0f172ae6;box-shadow:inset 0 -4px #ffffffc7;background-image:repeating-linear-gradient(90deg,transparent 0 5px,rgba(255,255,255,.55) 5px 7px)}.stack-list{list-style:none;margin:0;padding:0;min-height:90px}.stack-card{background:#fff;margin-bottom:.5rem;border-radius:9px;padding:.55rem .75rem;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(0,108,117,.12)}.stack-card label{display:flex;gap:.55rem;align-items:center}.empty{color:var(--muted);font-size:.9rem;padding:.7rem 0}.done{text-decoration:line-through;opacity:.65}.inline-form{display:flex;gap:.5rem}input[type=text],input[type=time]{border:1px solid rgba(0,108,117,.18);border-radius:10px;padding:.6rem .75rem;background:#f8fcfc;color:var(--text)}input[type=checkbox]{accent-color:var(--progress-color)}.btn{border:none;border-radius:10px;background:var(--progress-color);color:#fff;padding:.55rem .8rem;cursor:pointer;font-weight:700}.btn-ghost{background:color-mix(in srgb,var(--progress-color) 16%,white);color:color-mix(in srgb,var(--progress-color) 85%,black)}.icon-btn{border:none;border-radius:8px;background:#fee2e2;color:var(--danger);padding:.25rem .45rem;cursor:pointer}.panel{padding:1rem}.panel h3{margin:0 0 .8rem}.schedule-form{display:grid;gap:.55rem}.day-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem}.day-grid label{display:grid;justify-items:center;gap:.2rem;font-size:.75rem;color:var(--muted);font-weight:700}.simple-list{list-style:none;margin:.85rem 0 0;padding:0;display:grid;gap:.45rem}.simple-list li{background:#fff;padding:.52rem;border-radius:8px;border:1px solid rgba(0,108,117,.1);display:flex;align-items:center;justify-content:space-between;gap:.45rem;font-size:.85rem}.controls{display:flex;gap:.35rem}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.metric-box{border-radius:10px;padding:.6rem;text-align:center;background:#006c7514}.metric-box.bad{background:#dc262614}.metric-box strong{display:block;font-size:1.35rem}.metric-box span{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}.signed-in{display:flex;align-items:center;gap:.45rem}.local-tag{font-weight:700;color:color-mix(in srgb,var(--progress-color) 85%,black);background:color-mix(in srgb,var(--progress-color) 16%,white);border-radius:8px;padding:.4rem .6rem}.version-footer{width:min(1200px,calc(100% - 2rem));margin:.95rem auto 0;text-align:center;font-size:.85rem;color:var(--muted)}@media(max-width:980px){.content-grid,.stack-wrap{grid-template-columns:1fr}.character-shell{margin-bottom:.4rem}}