.app-shell{min-height:100svh;max-width:820px;padding-block:max(20px,env(safe-area-inset-top)) 40px}.app-head{display:flex;justify-content:space-between;align-items:center;padding-block:28px 16px}.app-head h1{font-size:2.2rem}.badges{display:flex;gap:6px}.chip[data-on]{color:var(--ok);border-color:var(--ok)}.add{display:flex;gap:8px}.add input{flex:1;min-width:0;padding:0 14px;min-height:48px;border:1.5px solid var(--line);border-radius:var(--radius-s);background:var(--surface);font-size:1rem}.notes{list-style:none;margin:16px 0 24px;padding:0;display:grid;gap:8px}.notes li{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.notes button{border:0;background:none;color:var(--muted);cursor:pointer}.panel{margin-top:14px}dl{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:12px 0;font:.8rem/1.5 var(--mono)}dt{color:var(--muted)}dd{margin:0;text-align:right}.row{display:flex;flex-wrap:wrap;gap:8px}.panel .small{margin-top:10px}.track{height:4px;margin:14px 0 0;background:var(--line);border-radius:4px;overflow:hidden}#uprog{height:100%;width:0;background:var(--accent);transition:width .2s}.log{margin:10px 0 0;max-height:140px;overflow:auto;font:.72rem/1.5 var(--mono);color:var(--muted);white-space:pre-wrap}