.feed{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;background:#ffffff;-webkit-overflow-scrolling:touch}.page{height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:stretch;justify-content:center;position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none}.page-inner{width:min(100%,640px);display:flex;flex-direction:column;padding:calc(60px + env(safe-area-inset-top)) 24px calc(96px + env(safe-area-inset-bottom));box-sizing:border-box;will-change:transform}.page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .12s}.page.hint-approve:before{background:linear-gradient(90deg,transparent 60%,rgba(74,222,128,.25));opacity:1}.page.hint-decline:before{background:linear-gradient(270deg,transparent 60%,rgba(248,113,113,.25));opacity:1}.page-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#8b8b93}.page-head .kind{border:1px solid #e8e8e8;border-radius:9999px;padding:3px 10px;color:#202020}.page-head .business{color:#6647f0;font-weight:600}.page-head .priority{font-weight:600}.page-head .priority-high{color:#f57c00}.page-head .priority-urgent{color:#c62828}.page-from{margin-top:14px;font-size:13px;color:#6647f0}.page-title{margin:12px 0 0;font-size:clamp(26px,5vw,34px);line-height:1.2;font-weight:500;color:#202020;letter-spacing:-.01em}.page-summary{margin:16px 0 0;font-size:17px;line-height:1.55;color:#505050}.page-context{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-wrap:wrap;gap:8px}.page-context li{border:1px solid #e8e8e8;border-radius:10px;padding:8px 12px;font-size:13px;display:flex;gap:8px;align-items:baseline}.ctx-label{color:#8b8b93;text-transform:uppercase;font-size:10px;letter-spacing:.06em}.ctx-detail{color:#202020}.page-original{margin-top:16px;font-size:13px;color:#8b8b93}.page-original p{color:#505050;white-space:pre-wrap}.page-source{margin-top:16px;font-size:12px;color:#8b8b93}.page-spacer{flex:1;min-height:24px}.page-actions{display:flex;gap:10px;align-items:center}.page-actions button,.page-reply-actions button{border-radius:9999px;padding:14px 20px;font-size:15px;font-weight:600;border:1px solid #e8e8e8;background:white;color:#202020;cursor:pointer}.page-actions .primary,.page-reply-actions .primary{flex:1;background:#202020;color:#fff;border-color:#202020}.page-actions .decline{color:#c62828}.page-actions .ghost{color:#505050}.page-actions button:disabled,.page-reply-actions button:disabled{opacity:.5;cursor:default}.page-reply textarea{width:100%;box-sizing:border-box;border:1px solid #e8e8e8;border-radius:12px;padding:12px;font-size:15px;font-family:inherit;resize:vertical}.page-reply-actions{display:flex;gap:10px;margin-top:10px}.page-swipe-hint{margin-top:12px;text-align:center;font-size:11px;color:#c0c0c6}.page-empty{flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8b8b93;padding:24px}.page-empty h2{color:#202020;font-weight:500;margin:12px 0 4px}.page-empty p{margin:0}.empty-mark{width:56px;height:56px;border-radius:50%;border:1px solid #e8e8e8;display:grid;place-items:center;font-size:24px;color:#202020}.page-indicator{position:fixed;right:16px;top:50%;transform:translateY(-50%);font-size:11px;color:#8b8b93;font-variant-numeric:tabular-nums;writing-mode:vertical-rl;letter-spacing:.1em}@media (prefers-color-scheme: dark){.feed{background:#09090b}.page-title,.ctx-detail,.page-head .kind,.empty-mark,.page-empty h2{color:#ededef}.page-summary,.page-actions .ghost,.page-original p{color:#b0b0b8}.page-head .kind,.page-context li,.page-actions button,.page-reply textarea,.empty-mark{border-color:#26262b;background:transparent}.page-actions button{color:#ededef}.page-actions .primary,.page-reply-actions .primary{background:#ededef;color:#09090b;border-color:#ededef}.page-reply textarea{color:#ededef}}.decision-card{background:white;border:1px solid #e0e0e0;border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 2px 4px #0000000d;transition:all .2s ease}.decision-card:hover{box-shadow:0 4px 12px #0000001a}.decision-card.status-approved{border-left:4px solid #4caf50}.decision-card.status-rejected{border-left:4px solid #f44336}.decision-card.status-revised{border-left:4px solid #ff9800}.decision-card.status-delegated{border-left:4px solid #2196f3}.decision-card.status-completed{border-left:4px solid #9c27b0;opacity:.7}.card-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:12px}.card-title{font-size:18px;font-weight:600;color:#212121;flex:1}.card-priority{font-size:12px;font-weight:600;padding:4px 8px;border-radius:4px;margin-left:12px;white-space:nowrap}.priority-low{background:#e3f2fd;color:#1976d2}.priority-medium{background:#f3e5f5;color:#7b1fa2}.priority-high{background:#fff3e0;color:#f57c00}.priority-urgent{background:#ffebee;color:#c62828}.card-summary{font-size:14px;color:#666;margin-bottom:12px;line-height:1.5}.card-context{background:#f5f5f5;padding:12px;border-radius:8px;margin-bottom:12px;font-size:14px;color:#333;line-height:1.6}.card-context p{margin:0}.card-revision-note{background:#fff3cd;border-left:3px solid #ffc107;padding:12px;margin-bottom:12px;border-radius:4px;font-size:14px;color:#856404}.card-source{font-size:12px;color:#999;margin-bottom:12px}.card-decision{background:#e8f5e9;border-left:3px solid #4caf50;padding:12px;margin-bottom:12px;border-radius:4px}.decision-action{font-weight:600;color:#1b5e20;margin-bottom:8px}.decision-text{font-size:14px;color:#333;margin-bottom:8px;padding:8px;background:white;border-radius:4px}.decision-note{font-size:13px;color:#666;margin-bottom:8px;font-style:italic}.decision-time{font-size:12px;color:#999}.card-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.card-actions button{padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.action-approve{background:#4caf50;color:#fff}.action-approve:hover{background:#45a049}.action-decline{background:#f44336;color:#fff}.action-decline:hover{background:#da190b}.action-acknowledge{background:#2196f3;color:#fff}.action-acknowledge:hover{background:#0b7dda}.action-delegate{background:#9c27b0;color:#fff}.action-delegate:hover{background:#7b1fa2}.action-rollback{background:#ff9800;color:#fff}.action-rollback:hover{background:#e68900}.card-github-link{margin-top:12px}.card-github-link a{color:#2196f3;text-decoration:none;font-size:14px;font-weight:500}.card-github-link a:hover{text-decoration:underline}.error-banner{background:#ffebee;border-left:4px solid #f44336;color:#c62828;padding:16px 24px;margin:12px 24px 0}.section{background:white;border-radius:12px;padding:20px;box-shadow:0 2px 4px #0000000d}.section-title{margin:0 0 16px;font-size:18px;font-weight:600;color:#212121;border-bottom:2px solid #e0e0e0;padding-bottom:12px}.empty-state{padding:40px 20px;text-align:center;color:#999}.empty-state p{margin:0;font-size:16px}.cards-list{display:flex;flex-direction:column;gap:12px}.sidebar{display:flex;flex-direction:column;gap:16px}.debug-toggle{background:#2196f3;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:background .2s}.debug-toggle:hover{background:#1976d2}.debug-log{background:#263238;color:#aed581;border-radius:8px;padding:12px;font-family:Monaco,Menlo,monospace;font-size:12px;max-height:400px;overflow-y:auto}.debug-log h3{margin:0 0 12px;color:#81c784}.log-entries{display:flex;flex-direction:column;gap:4px}.log-entry{display:grid;grid-template-columns:70px 1fr;gap:8px;align-items:start}.log-time{color:#64b5f6;flex-shrink:0}.log-message{color:#aed581;word-break:break-word}.info-panel{background:white;border-radius:8px;padding:16px;box-shadow:0 2px 4px #0000000d}.info-panel h3{margin:0 0 12px;font-size:14px;font-weight:600;color:#212121}.info-panel ul{list-style:none;margin:0;padding:0}.info-panel li{padding:6px 0;font-size:12px;color:#666;border-bottom:1px solid #f0f0f0}.info-panel li:last-child{border-bottom:none}.info-panel strong{color:#212121}@media (max-width: 1024px){.dashboard-content{grid-template-columns:1fr}.sidebar{flex-direction:row;gap:12px}.debug-toggle,.info-panel{flex:1}}@media (max-width: 640px){.dashboard-header{padding:16px 12px}.dashboard-header h1{font-size:20px}.status-bar{gap:8px;flex-wrap:wrap}.dashboard-content,.section{padding:12px}}.notify-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#f3f0ff;border:1px solid #ded6ff;color:#2a1f6b;padding:12px 16px;margin:12px 24px 0;border-radius:12px;font-size:14px}.notify-button{background:#202020;color:#fff;border:none;border-radius:9999px;padding:8px 16px;font-weight:600;cursor:pointer;white-space:nowrap}.notify-button:disabled{opacity:.6;cursor:default}.decision-card.card-highlight{outline:2px solid #6647f0;outline-offset:2px}.shell{position:relative;min-height:100dvh}.topbar{position:fixed;top:0;left:0;right:0;height:calc(48px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 16px 0;display:flex;align-items:center;justify-content:space-between;z-index:20;pointer-events:none}.topbar>*{pointer-events:auto}.topbar-left{display:flex;align-items:center;gap:8px}.brand{font-weight:600;letter-spacing:-.01em;color:#202020}.dot{width:8px;height:8px;border-radius:50%;background:#c0c0c6}.dot.on{background:#4ade80}.dot.off{background:#f87171}.pending-count{background:#6647f0;color:#fff;border-radius:9999px;font-size:11px;padding:1px 7px;line-height:16px;font-variant-numeric:tabular-nums}.topbar-right{display:flex;gap:6px}.topbar-right button{background:rgba(255,255,255,.85);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #e8e8e8;border-radius:9999px;padding:6px 12px;font-size:13px;font-weight:500;color:#202020;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.topbar-right button.active{background:#202020;color:#fff;border-color:#202020}.topbar-right .mini{background:#6647f0;color:#fff;border-radius:9999px;font-size:10px;padding:0 6px;line-height:15px}.toasts{position:fixed;top:calc(56px + env(safe-area-inset-top));left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:8px;z-index:21;pointer-events:none}.toasts>*{pointer-events:auto}.toast{max-width:min(92vw,640px);border-radius:12px;padding:10px 14px;font-size:13px;background:white;border:1px solid #e8e8e8;box-shadow:0 8px 24px #00000014}.toast.error{border-color:#f8b4b4;color:#c62828;cursor:pointer}.notify-bell{position:relative;padding:6px 9px!important}.bell-dot{position:absolute;top:4px;right:5px;width:7px;height:7px;border-radius:50%;background:#6647f0}.topbar-right .toast.note{position:fixed;top:calc(56px + env(safe-area-inset-top));right:16px;max-width:min(92vw,360px);background:#f3f0ff;border-color:#ded6ff;color:#2a1f6b;cursor:pointer}.compose-fab{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%);background:#202020;color:#fff;border:none;border-radius:9999px;padding:14px 22px;font-size:15px;font-weight:600;display:inline-flex;align-items:center;gap:10px;box-shadow:0 10px 30px #0000002e;cursor:pointer;z-index:20}.ai-mark{width:10px;height:10px;border-radius:50%;background:conic-gradient(from 0deg,#6647f0,#0091ff,#6647f0);animation:spin 3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.25);z-index:30}.sheet{position:fixed;background:white;z-index:31;overflow-y:auto;box-shadow:0 -10px 40px #0000001f}.sheet-bottom{left:0;right:0;bottom:0;border-radius:20px 20px 0 0;padding:20px 20px calc(20px + env(safe-area-inset-bottom));max-height:80dvh}.sheet-side{top:0;right:0;bottom:0;width:min(100%,460px);padding:calc(16px + env(safe-area-inset-top)) 20px calc(20px + env(safe-area-inset-bottom));box-shadow:-10px 0 40px #0000001f}.sheet-title{font-size:18px;font-weight:600;color:#202020;display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.sheet-title .close{background:none;border:1px solid #e8e8e8;border-radius:50%;width:32px;height:32px;font-size:18px;cursor:pointer;color:#202020;padding:0}.sheet-hint{color:#8b8b93;font-size:13px;margin:0 0 16px}.sheet-subtitle{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#8b8b93;margin:20px 0 8px}.sheet-empty{color:#8b8b93}.business-tag{display:inline-block;border:1px solid #e8e8e8;border-radius:9999px;padding:2px 10px;font-size:12px;color:#6647f0}.business-list{display:flex;flex-wrap:wrap;gap:6px}.card-business{margin-bottom:8px}.sent-reply{color:#505050;font-size:13px;font-style:italic;margin:6px 0 0}.shortcuts{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:#8b8b93}.shortcuts .sheet-subtitle{width:100%}.sheet .logout-button{position:static;margin-top:24px;width:100%;background:white;color:#c62828;border:1px solid #e8e8e8;border-radius:9999px;padding:12px;font-weight:600;cursor:pointer}.create-decision{display:flex;gap:8px}.create-decision input{flex:1;border:1px solid #e8e8e8;border-radius:9999px;padding:12px 16px;font-size:15px}.create-decision button{background:#202020;color:#fff;border:none;border-radius:9999px;padding:12px 18px;font-weight:600;cursor:pointer}.create-decision button:disabled{opacity:.5;cursor:default}.create-error{color:#c62828;font-size:13px;margin-top:8px;width:100%}@media (prefers-color-scheme: dark){.brand,.topbar-right button,.sheet-title,.sheet-title .close{color:#ededef}.topbar-right button{background:rgba(9,9,11,.7);border-color:#26262b}.sheet,.toast{background:#111113;color:#ededef;border-color:#26262b}.create-decision input{background:#18181b;color:#ededef;border-color:#26262b}}.record-button{width:100%;text-align:left;background:#202020;color:#fff;border:none;border-radius:14px;padding:14px 16px;cursor:pointer;display:flex;flex-direction:column;gap:2px}.record-button small{color:#b0b0b8;font-weight:400}.you-select,.you-row input{width:100%;box-sizing:border-box;border:1px solid #e8e8e8;border-radius:9999px;padding:10px 14px;font-size:14px;background:white;color:#202020}.you-row{display:flex;gap:8px}.you-row button{border:1px solid #e8e8e8;background:white;border-radius:9999px;padding:10px 14px;cursor:pointer;color:#202020}.you-toggle{display:flex;gap:8px;align-items:center;font-size:13px;color:#505050;margin-top:10px}.record-copy{border:1px solid #e8e8e8;background:white;border-radius:9999px;padding:8px 14px;cursor:pointer;color:#202020;margin-bottom:8px}.record-section h3{font-size:15px;font-weight:600;margin:20px 0 8px;color:#202020}.record-open,.record-decided{list-style:none;padding:0;margin:0}.record-open li{font-size:14px;color:#202020;display:flex;gap:8px;align-items:baseline;padding:4px 0}.record-open small{color:#8b8b93}.record-box{width:12px;height:12px;border:1px solid #c0c0c6;border-radius:3px;flex:none;position:relative;top:1px}.record-decided li{display:grid;grid-template-columns:84px 1fr;gap:2px 10px;padding:8px 0;border-top:1px solid #f0f0f0;font-size:14px}.record-date{color:#8b8b93;font-variant-numeric:tabular-nums;font-size:12px;grid-row:span 3}.record-title{color:#202020}.record-action{color:#6647f0;font-size:12px}.record-note{color:#505050;font-size:13px;font-style:italic}.debug-log{position:fixed;left:8px;bottom:8px;width:320px;max-height:40vh;overflow:auto;background:rgba(255,255,255,.92);border:1px solid #e8e8e8;border-radius:10px;padding:8px;font-size:11px;z-index:40}@media (prefers-color-scheme: dark){.you-select,.you-row input,.you-row button,.record-copy{background:#18181b;color:#ededef;border-color:#26262b}.record-section h3,.record-title,.record-open li{color:#ededef}.record-decided li{border-top-color:#26262b}}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f9f9f9}code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#f0f0f0;padding:2px 6px;border-radius:3px}.app{position:relative}.logout-button{position:fixed;bottom:24px;right:24px;background:#f44336;color:#fff;border:none;padding:10px 16px;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s;z-index:100}.logout-button:hover{background:#da190b;box-shadow:0 4px 12px #f443364d}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:20px}.login-container{background:white;border-radius:16px;padding:40px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%}.login-container h1{margin:0 0 8px;font-size:32px;color:#212121;text-align:center}.subtitle{margin:0 0 32px;color:#999;text-align:center;font-size:14px;font-weight:500}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:#333;font-size:14px}.form-group input{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.connect-button{width:100%;padding:12px 16px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:8px}.connect-button:hover{box-shadow:0 8px 24px #667eea66;transform:translateY(-2px)}.connect-button:active{transform:translateY(0)}.login-info{margin-top:32px;padding-top:32px;border-top:1px solid #eee}.login-info h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#212121}.login-info p{margin:0 0 12px;font-size:14px;color:#666}.login-info ul,.login-info ol{margin:0 0 16px;padding-left:20px;font-size:13px;color:#666;line-height:1.6}.login-info li{margin-bottom:6px}.login-info code{background:#f5f5f5;padding:2px 6px;border-radius:3px;font-size:12px}@media (max-width: 640px){.login-container{padding:24px}.login-container h1{font-size:24px}.login-info{font-size:12px}}:root{color-scheme:light dark;color:#000000de;background-color:#f9f9f9;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}html,body,#root{margin:0;padding:0;height:100%}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){button{background-color:#f9f9f9}}