:root{--bg: #f7f6f3;--bg-card: #ffffff;--bg-header: #f1f0ec;--bg-form: #f7f6f3;--text-primary: #1a1a19;--text-secondary: #5f5e5a;--text-tertiary: #9a9891;--border: rgba(30, 28, 24, .12);--border-md: rgba(30, 28, 24, .22);--radius-md: 8px;--radius-lg: 12px;--accent: #e20074;--accent-bg: #fce6f1;--accent-text: #a8005a;--blue: #185fa5;--blue-bg: #e6f1fb;--blue-text: #0c447c;--red: #e24b4a;--red-bg: #fcebeb;--red-text: #a32d2d;--amber: #ef9f27;--amber-bg: #faeeda;--amber-text: #854f0b;--green: #639922;--green-bg: #eaf3de;--green-text: #3b6d11;--teal: #1d9e75;--teal-bg: #e1f5ee;--teal-text: #0f6e56;--purple: #7f77dd;--purple-bg: #eeedfe;--purple-text: #3c3489;--gray: #9a9891;--gray-bg: #f1efe8;--gray-text: #5f5e5a;--font: "Segoe UI", system-ui, -apple-system, sans-serif;color-scheme:light}:root.dark{--bg: #1c1c1a;--bg-card: #252523;--bg-header: #2c2c29;--bg-form: #1c1c1a;--text-primary: #f0ede6;--text-secondary: #a8a59d;--text-tertiary: #6b6963;--border: rgba(255, 255, 255, .1);--border-md: rgba(255, 255, 255, .18);--accent-bg: #4d0028;--accent-text: #ff8fc8;--blue-bg: #042c53;--blue-text: #85b7eb;--red-bg: #501313;--red-text: #f09595;--amber-bg: #412402;--amber-text: #fac775;--green-bg: #173404;--green-text: #c0dd97;--teal-bg: #04342c;--teal-text: #5dcaa5;--purple-bg: #26215c;--purple-text: #afa9ec;--gray-bg: #2c2c2a;--gray-text: #b4b2a9;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text-primary);font-family:var(--font);font-size:15px;line-height:1.6;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app{max-width:76rem;margin:0 auto;padding:1rem 1rem 4rem}h1{margin:0;font-size:1.4rem}.subtitle{margin:.15rem 0 0;color:var(--text-secondary);font-size:.85rem}.subtitle--sync{margin:-.5rem 0 1rem;text-align:right;color:var(--text-tertiary);font-size:.78rem}button{padding:.45rem .9rem;background:var(--accent);border:1px solid transparent;border-radius:var(--radius-md);color:#fff;font:inherit;font-size:.875rem;font-weight:600;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;border-color:var(--border-md);color:var(--text-secondary);font-weight:400}button.add{padding:.25rem .7rem;background:transparent;border-color:var(--border-md);color:var(--text-secondary);font-size:.8rem;font-weight:400}button.icon{padding:.1rem .45rem;background:transparent;border-color:var(--border);color:var(--text-secondary);font-size:.8rem;font-weight:400}button.icon--danger:hover{color:var(--red-text);border-color:var(--red)}.header{margin-bottom:1.25rem}.topbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.topbar__brand{display:flex;gap:.6rem;align-items:baseline}.topbar__brand strong{font-size:1.1rem}.topbar__app{padding:.05rem .55rem;background:var(--accent-bg);border-radius:999px;color:var(--accent-text);font-size:.75rem;font-weight:600}.topbar__tools{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.session{display:flex;gap:.4rem;align-items:center;color:var(--text-secondary);font-size:.8rem}.session button{padding:.2rem .6rem;font-size:.78rem}.strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:.75rem}.strip>div{padding:.6rem 1rem;background:var(--bg-header);border:1px solid var(--border);border-radius:var(--radius-md)}.strip__label{display:block;color:var(--text-tertiary);font-size:.7rem;font-weight:600;letter-spacing:.06em}.strip__value{font-weight:600}.status{display:flex;align-items:center;gap:.45rem;padding:.25rem .7rem;background:var(--bg-header);border-radius:999px;font-size:.8rem}.status__dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--green)}.status--offline .status__dot{background:var(--amber)}.status__queue{padding-left:.45rem;border-left:1px solid var(--border-md);color:var(--amber-text)}.banner{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;padding:.65rem 1rem;margin-bottom:1rem;background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);font-size:.875rem}.banner--update{border-left-color:var(--amber)}.banner--install{border-left-color:var(--green)}.card{padding:1rem 1.1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);scroll-margin-top:1rem}.card__head{display:flex;gap:.75rem;align-items:center;justify-content:space-between;margin-bottom:.6rem}.card__title{display:flex;gap:.45rem;align-items:center;margin:0;font-size:.95rem;font-weight:600}.pill{min-width:1.6rem;padding:0 .45rem;background:var(--gray-bg);border-radius:999px;color:var(--gray-text);font-size:.75rem;text-align:center}.empty{margin:.25rem 0;color:var(--text-tertiary);font-size:.875rem}.hypercare{margin-bottom:1rem}.hypercare .card__title{color:var(--text-secondary);font-size:.75rem;letter-spacing:.06em}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.chip{display:flex;gap:.3rem;align-items:center;padding:.2rem .4rem .2rem .8rem;background:var(--amber-bg);border-radius:999px;color:var(--amber-text);font-size:.85rem;font-weight:600}.chip--new{outline:2px solid var(--accent)}.chip__text{padding:0;background:none;border:none;color:inherit;font-size:inherit;font-weight:inherit}.chip__remove{padding:0 .35rem;background:none;border:none;color:inherit;font-size:.75rem;font-weight:400;opacity:.7}.counters{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:.6rem;margin-bottom:1rem}.counter{display:grid;grid-template-columns:auto 1fr;column-gap:.4rem;padding:.6rem .8rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);color:inherit;text-decoration:none}.counter:hover{border-color:var(--border-md)}.counter__icon{grid-row:span 2;font-size:1.1rem}.counter__label{color:var(--text-tertiary);font-size:.7rem;font-weight:600;letter-spacing:.05em}.counter__value{grid-column:2;font-size:1.4rem;font-weight:600;line-height:1.2}.counter__word{grid-column:2;color:var(--text-tertiary);font-size:.72rem}.board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-items:start}@media(max-width:52rem){.board,.strip{grid-template-columns:1fr}}.entries{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.entry{padding:.65rem 0;border-top:1px solid var(--border)}.entry:first-child{border-top:none}.entry--new{padding-left:.5rem;box-shadow:inset 3px 0 0 var(--accent)}.entry__main{display:flex;gap:.6rem;align-items:flex-start}.dot{flex:none;width:.6rem;height:.6rem;margin-top:.45rem;border-radius:50%;background:var(--gray)}.dot--red{background:var(--red)}.dot--amber{background:var(--amber)}.dot--blue{background:var(--blue)}.dot--green{background:var(--green)}.dot--purple{background:var(--purple)}.dot--teal{background:var(--teal)}.entry__text{flex:1;min-width:0}.entry__title{margin:0;font-size:.92rem;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.entry__tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}.entry__side{display:flex;flex-direction:column;gap:.3rem;align-items:flex-end;color:var(--text-tertiary);font-size:.75rem;white-space:nowrap}.entry__actions{display:flex;gap:.25rem}.entry__body{margin:.5rem 0 0 1.2rem;padding:.6rem .8rem;background:var(--bg-form);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.85rem;white-space:pre-wrap;overflow-wrap:anywhere}.tag{padding:.05rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600}.tag--red{background:var(--red-bg);color:var(--red-text)}.tag--amber{background:var(--amber-bg);color:var(--amber-text)}.tag--blue{background:var(--blue-bg);color:var(--blue-text)}.tag--green{background:var(--green-bg);color:var(--green-text)}.tag--purple{background:var(--purple-bg);color:var(--purple-text)}.tag--teal{background:var(--teal-bg);color:var(--teal-text)}.tag--gray{background:var(--gray-bg);color:var(--gray-text);font-weight:400}.badge{padding:.05rem .5rem;background:var(--accent);border-radius:999px;color:#fff;font-size:.7rem;font-weight:600}.badge--pending{background:var(--amber)}.overlay{position:fixed;inset:0;z-index:10;display:flex;align-items:flex-start;justify-content:center;padding:4vh 1rem;background:#14141273;overflow-y:auto}.editor{display:flex;flex-direction:column;gap:.75rem;width:min(100%,36rem);padding:1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.editor h2{margin:0;font-size:1.05rem}.editor label{display:flex;flex:1;flex-direction:column;gap:.25rem;color:var(--text-secondary);font-size:.8rem;font-weight:600}.editor__row{display:flex;flex-wrap:wrap;gap:.75rem}.editor__row label{min-width:10rem}.editor input,.editor select,.editor textarea{width:100%;padding:.5rem .65rem;background:var(--bg-form);border:1px solid var(--border-md);border-radius:var(--radius-md);color:var(--text-primary);font:inherit;font-size:.9rem;font-weight:400}.editor textarea{resize:vertical}.editor input:focus,.editor select:focus,.editor textarea:focus{outline:2px solid var(--accent);outline-offset:-1px}.editor__actions{display:flex;gap:.5rem;justify-content:flex-end}.editor__note{margin:0;color:var(--text-tertiary);font-size:.8rem}main>.editor{margin:2rem auto}.panel{margin-top:1.5rem;padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.panel h2{margin:0 0 .4rem;font-size:.95rem}.panel__note{margin:0 0 .85rem;color:var(--text-secondary);font-size:.85rem}.panel__actions{display:flex;flex-wrap:wrap;gap:.5rem}.panel__message{margin:.75rem 0 0;color:var(--accent-text);font-size:.85rem}.panel--help ol{margin:0;padding-left:1.2rem;color:var(--text-secondary);font-size:.85rem}.panel--help li+li{margin-top:.35rem}.panel--help button{margin-top:.9rem}