:root{--blue: #0072bc;--blue-deep: #005a96;--blue-ink: #0072bc;--blue-soft: #e8f2fb;--blue-line: #b9d7ef;--orange: #f7941d;--orange-soft: #fff1e0;--title-ink: #052a4a;--paper: #f4f6f9;--surface: #ffffff;--surface-soft: #fafbfc;--white: #ffffff;--ink: #131a24;--ink-2: #33414f;--muted: #5c6b7d;--line: #e2e8f0;--line-strong: #cdd6e2;--ok: #15803d;--ok-soft: #dcfce7;--ok-line: #a7e5bd;--warn-ink: #92400e;--warn-soft: #fef3c7;--warn-line: #f2d08a;--danger: #b91c1c;--danger-ink: #7f1d1d;--danger-soft: #fee2e2;--danger-line: #f3b4b4;--shadow: 0 1px 2px rgba(5, 42, 74, .06), 0 6px 16px rgba(5, 42, 74, .06);--ring: 0 0 0 3px rgba(0, 114, 188, .22);--scheme: light;--radius: 14px;--radius-sm: 10px;--touch: 48px;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}:root[data-theme=dark]{--blue: #2f96de;--blue-deep: #1d7cbd;--blue-ink: #7cc4f2;--blue-soft: #10283c;--blue-line: #1d4a6b;--orange: #f7941d;--orange-soft: #3a2408;--title-ink: #e8f0f7;--paper: #0d1219;--surface: #161d26;--surface-soft: #1b232e;--white: #ffffff;--ink: #e6ecf3;--ink-2: #c2ccd8;--muted: #93a1b1;--line: #26313d;--line-strong: #384656;--ok: #4ade80;--ok-soft: #10281a;--ok-line: #205c37;--warn-ink: #fbbf24;--warn-soft: #33260a;--warn-line: #6b5416;--danger: #f87171;--danger-ink: #fca5a5;--danger-soft: #331616;--danger-line: #6b2b2b;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 16px rgba(0, 0, 0, .35);--ring: 0 0 0 3px rgba(47, 150, 222, .34);--scheme: dark}*{box-sizing:border-box}html{color-scheme:var(--scheme)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.5;-webkit-text-size-adjust:100%}.app{min-height:100dvh;display:flex;flex-direction:column}.bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--blue);color:var(--white)}.bar__name{font-weight:700;font-size:17px;letter-spacing:.2px}.bar__spacer{flex:1}.bar__btn{background:transparent;border:1px solid var(--white);color:var(--white);border-radius:999px;padding:5px 12px;font:inherit;font-size:13px;cursor:pointer;min-height:32px}.main{flex:1;padding:16px;max-width:620px;width:100%;margin:0 auto}.nav{display:flex;gap:4px;overflow-x:auto;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--line)}.nav a{flex:0 0 auto;padding:9px 13px;border-radius:999px;color:var(--ink-2);text-decoration:none;font-size:14px;font-weight:600;min-height:40px;display:flex;align-items:center}.nav a[aria-current=page]{background:var(--blue-soft);color:var(--blue-ink)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin-bottom:14px}.card h2{margin:0 0 10px;font-size:16px;color:var(--title-ink)}.card h3{margin:14px 0 6px;font-size:14px;color:var(--title-ink)}.stack{display:flex;flex-direction:column;gap:10px}.row{display:flex;justify-content:space-between;gap:12px;align-items:baseline}.row+.row{border-top:1px solid var(--line);padding-top:8px}.muted{color:var(--muted);font-size:13px}.strong{font-weight:700;color:var(--title-ink)}.amount{font-size:30px;font-weight:700;color:var(--title-ink);letter-spacing:-.5px}.amount--due{color:var(--danger)}.notice{border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:14px;font-size:14px}.notice--info{background:var(--blue-soft);border:1px solid var(--blue-line);color:var(--ink)}.notice--ok{background:var(--ok-soft);border:1px solid var(--ok-line);color:var(--ink)}.notice--warn{background:var(--warn-soft);border:1px solid var(--warn-line);color:var(--warn-ink)}.notice--danger{background:var(--danger-soft);border:1px solid var(--danger-line);color:var(--danger-ink)}.notice p{margin:0 0 6px}.notice p:last-child{margin-bottom:0}label{display:block;font-size:14px;font-weight:600;color:var(--ink-2);margin-bottom:5px}input,select,textarea{width:100%;padding:12px;min-height:var(--touch);border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:16px}input:focus,select:focus,textarea:focus{outline:none;box-shadow:var(--ring);border-color:var(--blue)}textarea{min-height:96px;resize:vertical}.btn{width:100%;min-height:var(--touch);padding:12px 16px;border:none;border-radius:var(--radius-sm);background:var(--blue);color:var(--white);font:inherit;font-size:16px;font-weight:700;cursor:pointer}.btn:active{background:var(--blue-deep)}.btn:disabled{opacity:.55;cursor:default}.btn--ghost{background:transparent;color:var(--blue-ink);border:1px solid var(--blue-line)}.btn--link{background:none;border:none;color:var(--blue-ink);font-weight:600;text-decoration:underline;width:auto;min-height:40px;padding:4px 0}.field-hint{font-size:13px;color:var(--muted);margin:4px 0 0}.field-error{font-size:13px;color:var(--danger);margin:4px 0 0}.survey__scale{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:12px 0 6px}.survey__score{min-height:56px;padding:8px;cursor:pointer;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:20px;font-weight:700}.survey__score:disabled{opacity:.55;cursor:default}.survey__score--on{background:var(--blue);border-color:var(--blue);color:var(--white)}.survey__legend{display:flex;justify-content:space-between;margin:0 0 14px}.list{list-style:none;margin:0;padding:0}.list li{padding:10px 0;border-bottom:1px solid var(--line)}.list li:last-child{border-bottom:none}.tag{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid var(--line-strong);color:var(--ink-2)}.tag--due{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger-ink)}.tag--ok{background:var(--ok-soft);border-color:var(--ok-line);color:var(--ok)}.thread{display:flex;flex-direction:column;gap:8px}.bubble{padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface-soft);border:1px solid var(--line)}.bubble--mine{background:var(--blue-soft);border-color:var(--blue-line)}.bubble p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.center{text-align:center}.gap{margin-top:14px}.code-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:2px;text-transform:uppercase}@media(prefers-reduced-motion:no-preference){.btn,.nav a{transition:background-color .12s ease}}
