.feed{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;background:#f5f5f7;-webkit-overflow-scrolling:touch}.page{height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;justify-content:center;position:relative;touch-action:pan-y;-webkit-user-select:none;user-select:none}.page-inner{width:min(100%,430px);display:flex;flex-direction:column;padding:calc(80px + env(safe-area-inset-top)) 20px calc(96px + env(safe-area-inset-bottom));box-sizing:border-box}.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 55%,rgba(34,197,94,.18));opacity:1}.page.hint-decline:before{background:linear-gradient(270deg,transparent 55%,rgba(239,68,68,.18));opacity:1}.card{background:#ffffff;border:1px solid #ececf0;border-radius:20px;padding:20px;box-shadow:0 1px 2px #1010180a,0 12px 32px #1010180f;overflow-y:auto;will-change:transform}.card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.card-kind{font-size:11px;letter-spacing:.04em;color:#8b8b93;text-transform:capitalize}.priority-legend{display:flex;gap:10px;align-items:center}.legend{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:#c2c2c9}.legend i{width:6px;height:6px;border-radius:50%;background:currentColor}.legend.on{color:#202020;font-weight:600}.legend.on.p-low i{background:#22c55e}.legend.on.p-medium i{background:#f59e0b}.legend.on.p-high i{background:#ef4444}.card-title{margin:0;font-size:clamp(22px,5.6vw,27px);line-height:1.24;font-weight:700;letter-spacing:-.015em;color:#101014}.card-summary{margin:12px 0 0;font-size:15px;line-height:1.5;color:#6b6b75}.card-sources{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.source-chip{border:1px solid #ececf0;border-radius:9999px;padding:7px 14px;font-size:13px;color:#45454f;background:#fff}.source-chip.business{color:#6647f0;border-color:#e2dcff;background:#f7f5ff}.card-context{list-style:none;padding:0;margin:14px 0 0;display:flex;gap:8px;flex-wrap:wrap}.card-context li{border:1px solid #ececf0;border-radius:9999px;padding:6px 12px;font-size:12px;display:flex;gap:6px;align-items:baseline;flex:0 1 auto;min-width:0;max-width:100%}.card-context .ctx-detail{overflow-wrap:anywhere}.ctx-label{color:#a0a0aa;text-transform:uppercase;font-size:9px;letter-spacing:.05em}.ctx-detail{color:#101014}.requested-by{margin-top:18px}.rb-label{font-size:11px;color:#a0a0aa;margin-bottom:10px}.rb-row{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;background:#efeaff;color:#6647f0;display:grid;place-items:center;font-weight:700;font-size:15px;flex:none}.rb-who{display:flex;flex-direction:column;gap:1px;min-width:0}.rb-who strong{font-size:14px;color:#101014}.rb-meta{font-size:12px;color:#a0a0aa}.rb-quote{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:10px 0 0;padding:0 0 0 12px;border-left:2px solid #ececf0;font-size:13px;line-height:1.5;color:#6b6b75}.rb-link{display:inline-block;margin-top:8px;font-size:13px;color:#6647f0;text-decoration:none}.recommendation{margin-top:16px;background:#f7f5ff;border:1px solid #e6e0ff;border-radius:14px;padding:14px}.rec-head{font-size:14px;color:#45454f;display:flex;align-items:center;gap:7px}.rec-head strong{color:#6647f0;text-transform:capitalize}.rec-decline .rec-head strong{color:#d64545}.ai-spark{color:#6647f0}.rec-reason{margin:8px 0 0;font-size:13px;line-height:1.5;color:#6b6b75}.decide-row{display:flex;justify-content:center;align-items:center;gap:22px;margin:18px 0 0}.decide{width:64px;height:64px;border-radius:50%;font-size:24px;cursor:pointer;display:grid;place-items:center;transition:transform .12s ease}.decide:active{transform:scale(.94)}.decide.decline{background:#fff;color:#45454f;border:1px solid #e4e4ea}.decide.approve{background:#101014;color:#fff;border:none}.ask-bar{margin-top:18px;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #ececf0;border-radius:9999px;padding:6px 6px 6px 8px}.ask-bar input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:15px;color:#101014}.ask-bar input::placeholder{color:#a0a0aa}.ask-plus,.ask-send{width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;flex:none;display:grid;place-items:center;font-size:15px}.ask-plus{background:#f1f1f4;color:#45454f}.ask-send{background:#101014;color:#fff}.ask-send:disabled{opacity:.35;cursor:default}.page-empty{flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8b8b93;padding:24px}.page-empty h2{color:#101014;font-weight:600;margin:12px 0 4px}.page-empty p{margin:0;max-width:34ch}.empty-mark{width:56px;height:56px;border-radius:50%;border:1px solid #e4e4ea;background:#fff;display:grid;place-items:center;font-size:24px;color:#101014}.page-indicator{display:none;position:fixed;right:10px;top:50%;transform:translateY(-50%);font-size:11px;color:#b4b4bd;font-variant-numeric:tabular-nums;writing-mode:vertical-rl;letter-spacing:.1em;pointer-events:none}@media (min-width: 900px){.page-indicator{display:block}}@media (prefers-color-scheme: dark){.feed{background:#0b0b0d}.card{background:#151518;border-color:#26262b;box-shadow:none}.card-title,.ctx-detail,.rb-who strong,.empty-mark,.page-empty h2{color:#ededef}.card-summary,.rb-quote,.rec-reason,.rec-head{color:#a8a8b2}.source-chip,.card-context li,.ask-bar{background:#151518;border-color:#26262b;color:#ededef}.ask-bar input{color:#ededef}.decide.decline{background:#151518;border-color:#303038;color:#ededef}.decide.approve,.ask-send{background:#ededef;color:#0b0b0d}.ask-plus{background:#26262b;color:#ededef}.recommendation{background:#17142a;border-color:#2f2a52}.empty-mark{background:#151518;border-color:#26262b}.legend.on{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:22px;height:22px;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;align-items:flex-end}.create-decision textarea{flex:1;min-width:0;border:1px solid #e8e8e8;border-radius:20px;padding:12px 16px;font-size:15px;font-family:inherit;line-height:1.45;resize:none;overflow-y:auto;box-sizing:border-box}.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 textarea{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}}.mode-switch{display:inline-flex;background:#eeeef1;border-radius:9999px;padding:3px;gap:2px}.mode-switch button{border:none;background:transparent;border-radius:9999px;padding:7px 14px;font-size:14px;font-weight:500;color:#6b6b75;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.mode-switch button.on{background:#fff;color:#101014;box-shadow:0 1px 2px #10101814}.mode-count{background:#101014;color:#fff;border-radius:9999px;font-size:11px;min-width:18px;height:18px;padding:0 5px;display:inline-grid;place-items:center;font-variant-numeric:tabular-nums}.mode-switch button.on .mode-count{background:#101014}.avatar-button{width:38px;height:38px;border-radius:50%;border:none;cursor:pointer;background:#efeaff;color:#6647f0;font-weight:700;font-size:15px}.tabbar{position:fixed;left:0;right:0;bottom:0;height:calc(76px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:flex;align-items:center;justify-content:space-around;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid #ececf0;z-index:20}.tab{border:none;background:transparent;cursor:pointer;font-size:22px;color:#b4b4bd;width:56px;height:56px;border-radius:50%;display:grid;place-items:center}.tab.on{color:#101014}.tab.compose{background:#101014;width:56px;height:56px}.classic{position:fixed;top:0;right:0;bottom:0;left:0;overflow-y:auto;background:#f5f5f7}.classic-inner{width:min(100%,560px);margin:0 auto;padding:calc(96px + env(safe-area-inset-top)) 16px calc(104px + env(safe-area-inset-bottom))}.cl-section{margin-bottom:26px}.cl-section h2{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#8b8b93;font-weight:600;display:flex;align-items:center;gap:8px;margin:0 4px 10px}.cl-section h2 span{background:#e6e6ea;color:#45454f;border-radius:9999px;font-size:11px;padding:1px 7px;font-variant-numeric:tabular-nums}.cl-empty{margin:0 4px;color:#a0a0aa;font-size:14px}.cl-section ul{list-style:none;margin:0;padding:0;background:#fff;border:1px solid #ececf0;border-radius:16px;overflow:hidden}.cl-section ul:empty{display:none}.cl-row{display:flex;align-items:center;border-bottom:1px solid #f2f2f5}.cl-row:last-child{border-bottom:none}.cl-open{flex:1;min-width:0;display:flex;align-items:center;gap:12px;background:none;border:none;cursor:pointer;padding:12px 14px;text-align:left}.cl-mark{width:32px;height:32px;border-radius:9px;flex:none;background:#f1efff;color:#6647f0;display:grid;place-items:center;font-weight:700;font-size:13px}.cl-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.cl-title{font-size:14px;color:#101014;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-meta{font-size:12px;color:#a0a0aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-right{display:flex;align-items:center;gap:8px;flex:none}.cl-when{font-size:11px;color:#b4b4bd;font-variant-numeric:tabular-nums}.cl-badge{background:#ef4444;color:#fff;border-radius:9999px;font-size:10px;padding:1px 7px;text-transform:capitalize}.cl-nudge{margin-right:12px;flex:none;border:1px solid #e4e4ea;background:#fff;color:#45454f;border-radius:9999px;padding:6px 12px;font-size:12px;cursor:pointer}@media (prefers-color-scheme: dark){.mode-switch{background:#1c1c20}.mode-switch button.on{background:#2b2b32;color:#ededef}.mode-count{background:#ededef;color:#0b0b0d}.tabbar{background:rgba(11,11,13,.9);border-top-color:#26262b}.tab.on{color:#ededef}.tab.compose{background:#ededef}.classic{background:#0b0b0d}.cl-section ul{background:#151518;border-color:#26262b}.cl-row{border-bottom-color:#202027}.cl-title{color:#ededef}.cl-nudge{background:#151518;border-color:#303038;color:#ededef}}.welcome-body{display:flex;flex-direction:column;justify-content:center}.brandmark{width:56px;height:56px;border-radius:18px;background:var(--rainbow);display:grid;place-items:center;margin-bottom:28px;animation:brand-turn 9s linear infinite}.brandmark span{width:46px;height:46px;border-radius:14px;background:var(--signal-white);display:block;position:relative}.brandmark span:after{content:"";position:absolute;top:15px;right:15px;bottom:15px;left:15px;border-radius:50%;background:var(--brand-violet)}@keyframes brand-turn{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.brandmark{animation:none}}.welcome-display{font-size:38px;margin-bottom:16px}.welcome-points{list-style:none;margin:8px 0 0;padding:0}.welcome-points li{display:flex;flex-direction:column;gap:2px;padding:13px 0;border-top:1px solid var(--bone)}.welcome-points b{font-size:14.5px;font-weight:600}.welcome-points span{font-size:13.5px;color:var(--slate)}.otp-boxes{display:flex;gap:8px;margin:8px 0 20px}.otp-box{flex:1;min-width:0;height:62px;text-align:center;font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--ink-black);background:var(--mist);border:1px solid var(--bone);border-radius:var(--radius-input);outline:none;transition:border-color .15s,background .15s}.otp-box:focus{border-color:var(--signal-blue);background:var(--signal-white)}.otp-box.filled{background:var(--signal-white);border-color:var(--cloud)}.ob-body{display:flex;flex-direction:column;justify-content:center}.ob-art{height:180px;border-radius:var(--radius-large);background:var(--mist);border:1px solid var(--bone);margin-bottom:28px;display:grid;place-items:center;position:relative;overflow:hidden}.ob-art-tell{display:flex;gap:14px;align-items:center;font-size:14px}.ob-you,.ob-ai{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;font-weight:600}.ob-you{background:var(--signal-white);border:1px solid var(--bone);color:var(--slate)}.ob-ai{background:var(--brand-violet);color:var(--signal-white)}.ob-arrow{color:var(--ash);font-size:20px}.ob-art-route{flex-direction:column;gap:10px;display:flex}.ob-art-route i{display:block;height:8px;border-radius:var(--radius-pill);background:var(--cloud)}.ob-art-route i:nth-child(1){width:150px}.ob-art-route i:nth-child(2){width:110px;background:var(--brand-violet)}.ob-art-route i:nth-child(3){width:80px}.ob-hop{font-size:12px;color:var(--ash);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.ob-demo{background:var(--plaster)}.ob-card{width:250px;background:var(--signal-white);border:1px solid var(--bone);border-radius:var(--radius-card);padding:16px;box-shadow:#00000014 0 6px 20px;transition:transform .45s var(--ease-settle),opacity .45s var(--ease-settle)}.ob-card b{display:block;font-size:16px;margin:8px 0 4px}.ob-card p{margin:0;font-size:13px;color:var(--slate);line-height:1.45}.ob-card.gone.approved{transform:translate(150%) rotate(12deg);opacity:0}.ob-card.gone.declined{transform:translate(-150%) rotate(-12deg);opacity:0}.ob-demo-done{position:absolute;font-size:13.5px;color:var(--slate);padding:0 24px;text-align:center}.ob-demo-actions{display:flex;gap:18px;justify-content:center;margin-top:4px}.ob-round{width:58px;height:58px;border-radius:50%;border:1px solid var(--bone);background:var(--signal-white);font-size:20px;cursor:pointer;transition:transform .15s var(--ease-settle)}.ob-round:active{transform:scale(.92)}.ob-round[disabled]{opacity:.35}.ob-round.no{color:var(--pink)}.ob-round.yes{color:var(--signal-white);background:var(--ink-black);border-color:var(--ink-black)}.radio{width:22px;height:22px;flex:none;border-radius:50%;border:1.5px solid var(--cloud);position:relative}.radio.on{border-color:var(--ink-black)}.radio.on:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:var(--ink-black)}.billing-toggle{display:flex;gap:4px;background:var(--mercury);border-radius:var(--radius-pill);padding:4px;margin:4px 0 18px}.billing-toggle button{flex:1;border:none;background:none;border-radius:var(--radius-pill);padding:10px 12px;font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--slate);cursor:pointer}.billing-toggle button.on{background:var(--ink-black);color:var(--signal-white)}.billing-toggle .save{font-size:11px;font-weight:600;color:var(--emerald);margin-left:6px}.billing-toggle button.on .save{color:var(--mint)}.plan-card{display:block;width:100%;text-align:left;background:var(--signal-white);border:1px solid var(--bone);border-radius:var(--radius-large);padding:18px;margin-bottom:12px;cursor:pointer;transition:border-color .15s,box-shadow .15s;font-family:var(--font-body);color:var(--ink-black)}.plan-card.on{border-color:var(--signal-blue);box-shadow:0 0 0 3px #0091ff1a}.plan-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.plan-head b{font-family:var(--font-display);font-size:19px;font-weight:800;letter-spacing:-.02em}.plan-tagline{display:block;font-size:13px;color:var(--slate);margin-top:3px}.plan-price{text-align:right;white-space:nowrap}.plan-price b{font-family:var(--font-display);font-size:26px;font-weight:800;letter-spacing:-.03em}.plan-price span{font-size:12px;color:var(--ash)}.plan-features{list-style:none;margin:14px 0 10px;padding:0}.plan-features li{font-size:13.5px;color:var(--slate);padding:4px 0 4px 20px;position:relative}.plan-features li:before{content:"✓";position:absolute;left:0;color:var(--emerald);font-size:12px}.foot-note{font-size:12px;color:var(--ash);text-align:center;margin:10px 0 0;line-height:1.5}.pill-btn{border:1px solid var(--ink-black);background:var(--ink-black);color:var(--signal-white);border-radius:var(--radius-pill);padding:7px 15px;font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer}.pill-btn[disabled]{opacity:.5}.screen .btn-ghost+.rows-title{margin-top:22px}.seg{display:flex;gap:4px;background:var(--mercury);border-radius:var(--radius-pill);padding:4px;margin:4px 0 18px}.seg button{flex:1;border:none;background:none;border-radius:var(--radius-pill);padding:9px 8px;font-family:var(--font-body);font-size:13.5px;font-weight:600;color:var(--slate);cursor:pointer;white-space:nowrap}.seg button.on{background:var(--signal-white);color:var(--ink-black);box-shadow:#0000000f 0 1px 2px}.hist-group{margin-bottom:4px}.profile-head{display:flex;align-items:center;gap:14px;padding:12px 0 20px}.profile-avatar{width:60px;height:60px;border-radius:50%;background:var(--ink-black);color:var(--signal-white);display:grid;place-items:center;font-family:var(--font-display);font-size:24px;font-weight:800}.profile-head b{display:block;font-family:var(--font-display);font-size:21px;font-weight:800;letter-spacing:-.02em}.profile-head span{font-size:13.5px;color:var(--ash)}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--bone);border-radius:16px;overflow:hidden;margin-bottom:22px}.profile-stats div{padding:14px 8px;text-align:center;border-right:1px solid var(--bone)}.profile-stats div:last-child{border-right:none}.profile-stats b{display:block;font-family:var(--font-display);font-size:22px;font-weight:800}.profile-stats span{font-size:11.5px;color:var(--ash);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em}.row-select{border:1px solid var(--bone);border-radius:var(--radius-pill);background:var(--signal-white);color:var(--ink-black);font-family:var(--font-body);font-size:13.5px;padding:7px 10px;cursor:pointer}.chips{display:flex;flex-wrap:wrap;gap:6px}@media (prefers-color-scheme: dark){.brandmark span{background:#0e0e11}.otp-box{background:#17171a;border-color:#2c2c33;color:#ededef}.otp-box:focus,.otp-box.filled{background:#1e1e23}.ob-art{background:#17171a;border-color:#2c2c33}.ob-you{background:#17171a;border-color:#2c2c33;color:#a2a2ab}.ob-demo{background:#1b1b20}.ob-card{background:#17171a;border-color:#2c2c33}.ob-card p,.ob-demo-done{color:#a2a2ab}.ob-round{background:#17171a;border-color:#2c2c33}.ob-round.yes{background:#ededef;color:#17171a;border-color:#ededef}.radio{border-color:#3a3a42}.radio.on{border-color:#ededef}.radio.on:after{background:#ededef}.billing-toggle,.seg{background:#1b1b20}.billing-toggle button.on{background:#ededef;color:#17171a}.seg button.on{background:#2c2c33;color:#ededef}.plan-card{background:#17171a;border-color:#2c2c33;color:#ededef}.plan-tagline,.plan-features li{color:#a2a2ab}.pill-btn{background:#ededef;color:#17171a;border-color:#ededef}.profile-avatar{background:#ededef;color:#17171a}.profile-stats{border-color:#2c2c33}.profile-stats div{border-right-color:#2c2c33}.row-select{background:#17171a;border-color:#2c2c33;color:#ededef}.welcome-points li{border-top-color:#26262b}}.invite{display:flex;flex-direction:column;gap:14px}.invite .row.static{border-radius:var(--radius-card);border:1px solid var(--bone)}.invite-row{display:flex;flex-direction:column;gap:10px}.invite-code{display:block;font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:15px;line-height:1.5;letter-spacing:.04em;text-align:center;overflow-wrap:anywhere;padding:14px 12px;border-radius:var(--radius-input);border:1px solid var(--bone);background:var(--signal-white);color:var(--ink-black);-webkit-user-select:all;user-select:all}.invite-copy{width:100%}@media (prefers-color-scheme: dark){.invite-code{background:#17171a;border-color:#2c2c33;color:#ededef}.invite .row.static{border-color:#2c2c33}}:root{--signal-white: #ffffff;--ink-black: #202020;--onyx: #090c1d;--carbon: #2a2a2a;--slate: #646464;--ash: #838383;--fog: #b3b3b3;--cloud: #d4d4d4;--bone: #e8e8e8;--mist: #f8f9fa;--plaster: #e9ebf0;--mercury: #eeeeee;--brand-violet: #6647f0;--signal-blue: #0091ff;--mint: #6ee7b7;--emerald: #00c07a;--pink: #fa49a5;--radius-pill: 9999px;--radius-card: 12px;--radius-large: 20px;--radius-input: 9px;--ease-settle: cubic-bezier(.33, 1, .68, 1);--font-display: "Plus Jakarta Sans", Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;--font-body: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "Sometype Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--rainbow: conic-gradient(from 90deg, #7d5be7 19%, #bc3fda 28%, #fa24ce 37%, #fb49a5 45%, #fc6d7b 52%, #fd8461 55%, #fd9a46 58%, #f687c6 65%, #a3a0e0 80%, #4fb9fa 95%, #0091ff 100%)}.screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;display:flex;flex-direction:column;background:var(--signal-white);color:var(--ink-black);font-family:var(--font-body);overflow:hidden}.screen-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;width:100%;max-width:430px;margin:0 auto;padding:0 24px}.screen-foot{width:100%;max-width:430px;margin:0 auto;padding:12px 24px calc(20px + env(safe-area-inset-bottom));background:var(--signal-white);border-top:1px solid var(--bone)}.screen-foot.bare{border-top:none}.screen-head{width:100%;max-width:430px;margin:0 auto;padding:calc(14px + env(safe-area-inset-top)) 24px 8px;display:flex;align-items:center;gap:12px;min-height:56px}.screen-head .back{width:36px;height:36px;flex:none;border:1px solid var(--bone);border-radius:var(--radius-pill);background:var(--signal-white);color:var(--ink-black);font-size:16px;line-height:1;cursor:pointer;padding:0}.screen-head .back:hover{background:var(--mist)}.screen-head .head-title{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:-.01em}.screen-head .spacer{flex:1}.screen-head .skip{border:none;background:none;color:var(--slate);font-size:14px;padding:8px;cursor:pointer}.display{font-family:var(--font-display);font-weight:800;letter-spacing:-.035em;line-height:1.08;font-size:34px;color:var(--onyx);margin:8px 0 12px}.lede{font-size:15px;line-height:1.5;color:var(--slate);margin:0 0 24px}.meta-label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--ash)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:52px;padding:0 22px;border-radius:var(--radius-pill);border:1px solid transparent;font-family:var(--font-body);font-size:15px;font-weight:600;cursor:pointer;transition:transform .15s var(--ease-settle),background .15s,opacity .15s}.btn:active{transform:scale(.985)}.btn[disabled]{cursor:default}.btn-primary[disabled]{background:var(--mercury);color:var(--fog)}.btn-ghost[disabled],.btn-quiet[disabled]{opacity:.45}.btn-primary{background:var(--ink-black);color:var(--signal-white)}.btn-primary:hover:not([disabled]){background:var(--carbon)}.btn-ghost{background:var(--signal-white);color:var(--ink-black);border-color:var(--bone)}.btn-ghost:hover:not([disabled]){background:var(--mist)}.btn-quiet{background:none;border:none;color:var(--slate);min-height:44px;font-weight:500}.btn-quiet:hover{color:var(--ink-black)}.screen :focus-visible{outline:2px solid var(--signal-blue);outline-offset:2px}.screen button:focus:not(:focus-visible){outline:none}.field{margin-bottom:14px}.field label{display:block;font-size:13px;font-weight:500;color:var(--slate);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;min-height:50px;padding:13px 16px;border:1px solid var(--bone);border-radius:var(--radius-input);background:var(--signal-white);color:var(--ink-black);font-family:var(--font-body);font-size:16px;outline:none;transition:border-color .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--signal-blue)}.field .hint{font-size:12px;color:var(--ash);margin-top:6px}.form-error{background:rgba(250,73,165,.08);border:1px solid rgba(250,73,165,.35);color:#a11258;border-radius:var(--radius-card);padding:12px 14px;font-size:13.5px;margin:4px 0 14px}.form-note{background:var(--mist);border:1px solid var(--bone);color:var(--slate);border-radius:var(--radius-card);padding:12px 14px;font-size:13.5px;margin:4px 0 14px}.rows{background:var(--signal-white);border:1px solid var(--bone);border-radius:16px;overflow:hidden;margin-bottom:20px}.row{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;background:none;border:none;border-bottom:1px solid var(--bone);font-family:var(--font-body);font-size:15px;color:var(--ink-black);text-align:left;cursor:pointer}.row:last-child{border-bottom:none}.row:hover{background:var(--mist)}.row.static{cursor:default}.row.static:hover{background:none}.row .row-main{flex:1;min-width:0}.row .row-sub{display:block;font-size:12.5px;color:var(--ash);margin-top:2px}.row .row-value{color:var(--slate);font-size:14px}.row .row-icon{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:9px;background:var(--mercury);font-size:15px}.rows-title{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--ash);margin:4px 0 8px 4px}.switch{position:relative;width:46px;height:28px;flex:none;border-radius:var(--radius-pill);border:none;background:var(--cloud);cursor:pointer;transition:background .2s var(--ease-settle);padding:0}.switch[aria-checked=true]{background:var(--emerald)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--signal-white);transition:transform .2s var(--ease-settle)}.switch[aria-checked=true]:after{transform:translate(18px)}.dots{display:flex;gap:6px;justify-content:center;padding:8px 0 16px}.dots i{width:6px;height:6px;border-radius:50%;background:var(--cloud);transition:width .25s var(--ease-settle),background .25s}.dots i.on{width:20px;border-radius:var(--radius-pill);background:var(--ink-black)}.pill-tag{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--radius-pill);background:var(--mercury);color:var(--slate);font-size:12px;font-weight:500}.pill-tag.violet{background:rgba(102,71,240,.1);color:var(--brand-violet)}.pill-tag.blue{background:rgba(0,145,255,.1);color:var(--signal-blue)}.pill-tag.mint{background:var(--mint);color:#04563a}.pill-tag.pink{background:rgba(250,73,165,.12);color:#a11258}.empty{text-align:center;color:var(--ash);font-size:14px;padding:56px 24px;line-height:1.6}@media (prefers-color-scheme: dark){.screen{background:#0e0e11;color:#ededef}.screen-foot{background:#0e0e11;border-top-color:#26262b}.display{color:#f5f5f7}.lede,.row .row-value{color:#a2a2ab}.btn-primary{background:#ededef;color:#17171a}.btn-primary[disabled]{background:#26262b;color:#6b6b75}.btn-ghost{background:#17171a;color:#ededef;border-color:#2c2c33}.rows,.field input,.field select,.field textarea,.screen-head .back{background:#17171a;border-color:#2c2c33;color:#ededef}.row{color:#ededef;border-bottom-color:#26262b}.row:hover,.screen-head .back:hover,.btn-ghost:hover:not([disabled]){background:#1e1e23}.row .row-icon{background:#26262b}.form-note{background:#17171a;border-color:#2c2c33;color:#a2a2ab}}@media (max-width: 1079px){.shell.screen-open .tabbar{display:none}}@media (min-width: 1080px){body{background:var(--plaster)}.tabbar{top:0;bottom:0;right:auto;width:216px;height:auto;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:4px;padding:88px 16px 24px;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:none;border-right:1px solid var(--bone)}.tab{width:auto;height:44px;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:0 14px;font-size:18px}.tab:after{content:attr(aria-label);font-family:var(--font-body);font-size:14.5px;font-weight:500;letter-spacing:-.01em}.tab:hover{background:rgba(9,12,29,.045)}.tab.on{background:var(--signal-white);box-shadow:#090c1d0f 0 1px 2px}.tab.compose{width:auto;order:-1;margin-bottom:12px;color:var(--signal-white)}.tab.compose:after{content:"Tell your AI"}.tabbar:before{content:"Honmaru AI";position:absolute;top:26px;left:30px;font-family:var(--font-display);font-size:17px;font-weight:800;letter-spacing:-.03em;color:var(--onyx)}.shell .topbar{left:216px;padding-left:28px}.shell .feed,.shell .classic,.shell .screen{left:216px}.feed{scroll-snap-type:none;background:var(--plaster)}.page{height:auto;min-height:0;scroll-snap-align:none}.page{justify-content:flex-start}.page-inner{width:min(100%,640px);padding:20px 28px}.page:first-child .page-inner{padding-top:84px}.page:last-child .page-inner{padding-bottom:64px}.page-empty{min-height:60vh;align-items:center}.shell .screen{background:var(--plaster)}.shell .screen-head,.shell .screen-body,.shell .screen-foot{max-width:668px;margin-left:0;margin-right:0;padding-left:28px;padding-right:28px}.screen:not(.shell .screen){background:var(--plaster)}.screen:not(.shell .screen) .screen-head,.screen:not(.shell .screen) .screen-body,.screen:not(.shell .screen) .screen-foot{max-width:520px}.screen-foot{background:transparent;border-top:none}}@media (min-width: 1080px) and (prefers-color-scheme: dark){body{background:#08080a}.tabbar{border-right-color:#26262b}.tabbar:before{color:#f5f5f7}.tab:hover{background:#17171a}.tab.on{background:#17171a;box-shadow:none}.feed,.screen{background:#08080a}}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#ffffff}code{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#f0f0f0;padding:2px 6px;border-radius:3px}.app{position:relative}@media (prefers-color-scheme: dark){body{background:#0e0e11}code{background:#26262b;color:#ededef}}: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{font-family:inherit;font-size:1em;cursor:pointer}