:root{color:#e7edf7;font-synthesis:none;--bg:#081321;--panel:#102138;--panel-soft:#0d1b2d;--line:#253b56;--muted:#91a5bf;--text:#e7edf7;--primary:#6ee7d8;--primary-strong:#2fc5b4;--blue:#8ebaff;--amber:#f4c76b;--violet:#c3a8ff;--green:#77d79d;--radius:16px;background:#081321;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top right, #143255 0, transparent 38rem), var(--bg);min-width:320px;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}input,textarea,select{border:1px solid var(--line);width:100%;color:var(--text);background:#0a1727;border-radius:10px;outline:none;padding:11px 12px}input:focus,textarea:focus,select:focus,button:focus-visible{border-color:var(--primary);outline:3px solid color-mix(in srgb, var(--primary) 22%, transparent);outline-offset:1px}.app-shell{min-height:100vh}.topbar,main{width:min(1160px,100% - 40px);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:20px;padding:24px 0;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand-mark{background:var(--primary);color:#092021;border-radius:12px;place-items:center;width:38px;height:38px;font-size:20px;font-weight:900;display:grid}.brand strong,.brand span{display:block}.brand strong{letter-spacing:.01em}.brand div span{color:var(--muted);margin-top:2px;font-size:11px}.top-actions,.card-actions,.list-tools,.modal-actions,.footer-tools>div:last-child{align-items:center;gap:8px;display:flex}.button{min-height:40px;color:var(--text);border:1px solid #0000;border-radius:10px;padding:9px 14px;font-weight:700}.button.primary{background:var(--primary);color:#092021}.button.primary:hover{background:#9bf5e9}.button.subtle{border-color:var(--line);background:0 0}.button.subtle:hover{border-color:var(--primary);color:var(--primary)}.hero{justify-content:space-between;align-items:end;min-height:200px;padding:48px 0 32px;display:flex}.eyebrow{color:var(--primary);letter-spacing:.16em;margin:0 0 10px;font-size:11px;font-weight:800}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.04em;max-width:560px;margin-bottom:12px;font-size:clamp(30px,5vw,52px);line-height:1.05}.hero-copy{max-width:540px;color:var(--muted);line-height:1.7}.hero-rule{align-items:end;gap:6px;padding:0 28px 14px 0;display:flex}.hero-rule span{background:var(--primary);border-radius:8px 8px 0 0;width:8px;display:block}.hero-rule span:first-child{opacity:.3;height:24px}.hero-rule span:nth-child(2){opacity:.6;height:48px}.hero-rule span:nth-child(3){height:74px}.capture-panel{border-radius:var(--radius);background:linear-gradient(135deg,#102e3c,#102138);border:1px solid #346072;grid-template-columns:minmax(210px,.7fr) 1.7fr;align-items:center;gap:24px;padding:22px;display:grid;box-shadow:0 18px 40px #00000026}.capture-heading{align-items:flex-start;gap:12px;display:flex}.capture-heading h2{margin-bottom:5px;font-size:17px}.capture-heading p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.capture-icon{width:34px;height:34px;color:var(--primary);background:#1c5960;border-radius:10px;place-items:center;font-size:21px;display:grid}.capture-form{grid-template-columns:1.5fr 1fr 150px auto;gap:8px;display:grid}.date-input{position:relative}.date-input span{z-index:1;color:var(--muted);background:#10283a;padding:0 4px;font-size:10px;position:absolute;top:-8px;left:9px}.date-input input{padding-top:12px}.metrics{grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0 42px;display:grid}.metric{border:1px solid var(--line);background:var(--panel-soft);min-height:82px;color:var(--muted);text-align:left;border-radius:14px;align-items:baseline;gap:10px;padding:17px;display:flex}.metric:hover,.metric.active{border-color:var(--primary);color:var(--text);background:#102d36}.metric strong{color:var(--primary);font-size:27px}.metric span{font-size:13px}.list-section{padding-bottom:36px}.list-toolbar{justify-content:space-between;align-items:end;gap:20px;display:flex}.list-toolbar h2{margin:0;font-size:25px}.list-tools input{width:220px}.filter-tabs{gap:5px;margin:19px 0;padding-bottom:4px;display:flex;overflow-x:auto}.filter-tabs button{color:var(--muted);background:0 0;border:0;border-bottom:2px solid #0000;flex:none;padding:8px 10px}.filter-tabs button.active{border-color:var(--primary);color:var(--primary);font-weight:700}.promise-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.promise-card{border:1px solid var(--line);border-top:3px solid var(--line);background:var(--panel);border-radius:14px;flex-direction:column;min-height:250px;padding:17px;display:flex}.promise-card.tone-amber{border-top-color:var(--amber)}.promise-card.tone-blue{border-top-color:var(--blue)}.promise-card.tone-violet{border-top-color:var(--violet)}.promise-card.tone-green{border-top-color:var(--green);opacity:.75}.promise-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.promise-person{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.status-badge{border-radius:999px;flex:none;padding:4px 8px;font-size:11px}.status-badge.amber{color:var(--amber);background:#3b2c15}.status-badge.blue{color:var(--blue);background:#1b2c4c}.status-badge.violet{color:var(--violet);background:#31234c}.status-badge.slate{color:var(--muted);background:#253246}.status-badge.green{color:var(--green);background:#173b2a}.promise-card h3{margin:17px 0 10px;font-size:17px;line-height:1.45}.promise-date{color:var(--muted);font-size:12px}.promise-date.overdue{color:var(--amber);font-weight:700}.promise-next{color:var(--text);gap:3px;margin:17px 0;font-size:13px;line-height:1.5;display:grid}.promise-next span{color:var(--muted);font-size:11px}.promise-next.unset{color:var(--amber)}.tag-row{color:var(--muted);flex-wrap:wrap;gap:5px;margin-bottom:15px;font-size:11px;display:flex}.card-actions{margin-top:auto}.card-actions .button{min-height:34px;padding:7px 10px;font-size:12px}.empty-state{border:1px dashed var(--line);border-radius:var(--radius);text-align:center;padding:66px 20px}.empty-mark{width:42px;height:42px;color:var(--primary);background:#183e3b;border-radius:50%;place-items:center;margin:0 auto 14px;font-size:21px;display:grid}.empty-state h3{margin-bottom:7px}.empty-state p{color:var(--muted);margin:0}.footer-tools{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin:10px 0 44px;padding:17px 0;font-size:12px;display:flex}.footer-tools strong,.footer-tools span{display:block}.footer-tools strong{color:var(--text);margin-bottom:5px}.notice{z-index:5;max-width:min(420px,100% - 40px);color:var(--text);background:#12313b;border:1px solid #4b6f75;border-radius:12px;align-items:center;gap:14px;padding:12px 14px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 34px #0000004d}.notice button,.icon-button{color:var(--muted);background:0 0;border:0;font-size:20px}.modal-backdrop{z-index:4;background:#030a12c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.detail-modal{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:min(680px,100%);max-height:min(720px,100vh - 40px);overflow:auto;box-shadow:0 20px 70px #0000006b}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:20px;padding:22px 24px 14px;display:flex}.modal-head h2{margin:0}.modal-body{gap:14px;padding:22px 24px;display:grid}.modal-body label{color:var(--muted);gap:6px;font-size:12px;font-weight:700;display:grid}.form-row{grid-template-columns:1.3fr .7fr;gap:12px;display:grid}.history-box{border:1px solid var(--line);background:var(--panel-soft);color:var(--muted);border-radius:10px;padding:13px;font-size:12px}.history-box strong{color:var(--text);margin-bottom:8px;display:block}.history-box ul{margin:0;padding-left:18px}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;padding:14px 24px 22px}@media (width<=820px){.capture-panel{grid-template-columns:1fr}.capture-form{grid-template-columns:1fr 1fr}.capture-form input:first-child,.capture-form .button{grid-column:1/-1}.promise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=580px){.topbar,main{width:min(100% - 24px,1160px)}.topbar{align-items:flex-start;padding:15px 0}.top-actions .button.subtle{display:none}.top-actions .button{min-height:36px;padding:8px 10px;font-size:12px}.hero{min-height:0;padding:35px 0 25px}.hero-rule{display:none}.capture-panel{padding:16px}.capture-form{grid-template-columns:1fr}.capture-form input:first-child,.capture-form .button{grid-column:auto}.metrics{grid-template-columns:repeat(2,1fr);margin-bottom:30px}.metric{min-height:66px;padding:12px}.metric strong{font-size:23px}.list-toolbar{flex-direction:column;align-items:stretch;gap:13px}.list-tools{width:100%}.list-tools input{flex:1;width:auto}.promise-grid{grid-template-columns:1fr}.footer-tools{flex-direction:column;align-items:stretch}.form-row{grid-template-columns:1fr}.modal-backdrop{padding:8px}.detail-modal{max-height:calc(100vh - 16px)}.modal-head,.modal-body,.modal-actions{padding-left:16px;padding-right:16px}}.card-actions{flex-wrap:wrap}.sync-chip{border:1px solid var(--line);min-height:32px;color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;padding:0 10px;font-size:.78rem;display:inline-flex}.sync-chip.ok{color:#236247;background:#f1fbf5;border-color:#b6ddca}.sync-chip.syncing{color:#3b5878;background:#f4f8fd;border-color:#b7cbe4}.sync-chip.error{color:#8a4b34;background:#fff8f4;border-color:#e6c2b0}.sync-chip.paused{color:#6c5a30;background:#fffbea;border-color:#d8c88f}.auth-shell{text-align:center;min-height:100vh;color:var(--ink);place-content:center;gap:12px;padding:32px;display:grid}.auth-shell h1{font-family:var(--display);margin:0;font-size:clamp(2rem,5vw,3.2rem)}.auth-shell p{color:var(--muted);margin:0}