:root{--bg: #fafaf8;--bg-elevated: #ffffff;--ink: #14140f;--ink-muted: #5a5a56;--ink-soft: #8a8a84;--line: #ebebe6;--line-strong: #d8d8d2;--blush: #fccff6;--blush-deep: #e8a8de;--blush-wash: #fdf0fa;--success: #1f6b4a;--danger: #a33b3b;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow-soft: 0 1px 2px rgba(20, 20, 15, .04), 0 12px 40px rgba(20, 20, 15, .06);--shadow-float: 0 8px 32px rgba(20, 20, 15, .12);--font: "DM Sans", "Segoe UI", system-ui, sans-serif;--font-display: "Outfit", "Segoe UI", system-ui, sans-serif;--content: 960px;--header-pad-x: clamp(1.25rem, 3vw, 2.5rem);--ease: cubic-bezier(.22, 1, .36, 1);--dur: .25s;--sticky-yellow: #ffe566;--sticky-pink: #ff8fb8;--sticky-green: #9ef0b2;--sticky-blue: #8ec8ff;--sticky-charcoal: #3a414d}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.55;-webkit-font-smoothing:antialiased}button,textarea,input{font:inherit}:focus-visible{outline:2px solid var(--blush-deep);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 1.15rem;border-radius:var(--radius-pill);border:1px solid transparent;font-weight:600;cursor:pointer;background:transparent;color:var(--ink);transition:transform var(--dur) var(--ease),background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--ink);color:#fff}.btn-secondary{background:var(--bg-elevated);border-color:var(--line-strong)}.btn-ghost{background:transparent;border-color:var(--line-strong)}.btn-danger{background:transparent;border-color:var(--danger);color:var(--danger)}.manager{max-width:var(--content);margin:0 auto;padding:2.5rem var(--header-pad-x) 4rem}.manager__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.5rem;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px solid var(--line)}.brand__mark{margin:0;font-family:var(--font-display);font-weight:600;font-size:clamp(2rem,4vw,2.75rem);letter-spacing:-.03em;line-height:1}.brand__mark span{background:var(--blush);border-radius:.2em;padding:0 .12em}.brand__sub{margin:.45rem 0 0;color:var(--ink-soft);font-size:.85rem}.rec-console{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.85rem 1rem;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.rec-console__status{display:inline-flex;align-items:center;gap:.5rem;min-width:7.5rem;font-size:.78rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.led{width:.6rem;height:.6rem;border-radius:50%;background:var(--ink-soft)}.led--rec{background:var(--danger)}.led--busy{background:var(--ink)}.sys-label{display:inline-flex;align-items:center;gap:.4rem;color:var(--ink-muted);font-size:.85rem}.hint{margin:0 0 1.25rem;color:var(--ink-soft);font-size:.85rem}.error-banner{margin:0 0 1rem;padding:.85rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--danger);background:#fdf4f4;color:var(--danger)}.notes-list{display:grid;gap:.75rem;margin:0;padding:0;list-style:none}.note-row{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center;padding:1rem 1.1rem;background:var(--bg-elevated);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.note-row__title{margin:0 0 .2rem;font-family:var(--font-display);font-weight:600;font-size:1.15rem}.note-row__meta{color:var(--ink-soft);font-size:.8rem}.note-row__actions{display:flex;flex-wrap:wrap;gap:.4rem}.note-row__actions .btn{min-height:40px;padding:0 .9rem;font-size:.9rem}.empty{padding:2.5rem 1rem;text-align:center;color:var(--ink-muted);border:1px dashed var(--line-strong);border-radius:var(--radius-md);background:var(--blush-wash)}.toolbar{margin-top:1.25rem}.notepad{min-height:100vh;display:grid;grid-template-rows:auto 1fr;background:var(--bg-elevated);color:var(--ink)}.notepad__bar,.sticky__bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem 1rem;background:var(--bg);border-bottom:1px solid var(--line)}.notepad__title{font-family:var(--font-display);font-weight:600}.notepad textarea,.sticky textarea{width:100%;min-height:70vh;border:0;resize:vertical;padding:1.5rem 1.75rem;background:transparent;line-height:1.6;color:inherit}.notepad textarea{background-image:linear-gradient(transparent 1.55rem,var(--line) 1.55rem);background-size:100% 1.6rem;background-attachment:local}.sticky{min-height:100vh;display:grid;grid-template-rows:auto 1fr;color:var(--ink)}.sticky--yellow{background:var(--sticky-yellow)}.sticky--pink{background:var(--sticky-pink)}.sticky--green{background:var(--sticky-green)}.sticky--blue{background:var(--sticky-blue)}.sticky--charcoal{background:var(--sticky-charcoal);color:var(--bg)}.sticky--charcoal .btn{color:var(--bg);border-color:#fafaf859}.sticky textarea{min-height:220px}.swatches{display:flex;gap:.35rem}.swatch{width:1.35rem;height:1.35rem;min-height:0;padding:0;border-radius:4px;border:1px solid rgba(20,20,15,.25);cursor:pointer}@media(max-width:640px){.note-row{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.btn:hover:not(:disabled){transform:none}}