:root{--paper:#fff4e6;--paper-deep:#fce8c8;--card:#fff;--ink:#111;--muted:#6c635b;--orange:#ff6a1a;--raspberry:#f24e6b;--iris:#9eafff;--lemon:#ffe14d;--mint:#8be0b8;--line:3px solid var(--ink);font-family:Archivo,Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink)}button,input,select,textarea{font:inherit;color:inherit}.skip{position:fixed;left:8px;top:-80px;z-index:100;background:var(--lemon);border:var(--line);padding:10px}.skip:focus{top:8px}.mockup-banner{height:30px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--ink);color:var(--paper);font:800 11px ui-monospace,monospace;letter-spacing:.06em}.mockup-banner span{opacity:.75}.app{height:calc(100dvh - 30px);display:grid;grid-template-rows:64px minmax(0,1fr)}
.topbar{display:flex;align-items:center;padding:0 18px;background:var(--paper-deep);border-bottom:var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-weight:950;letter-spacing:.06em}.brand-mark{display:inline-grid;place-items:center;width:42px;height:42px;background:var(--orange);border:var(--line);border-radius:12px;box-shadow:5px 5px 0 var(--ink);font-size:20px;font-weight:950}.product-label{margin-left:18px;border-left:2px solid var(--ink);padding-left:18px;color:var(--muted);font-weight:800}.head-actions button,.page-head>button,.quick-add button,.filter-tabs button,.task-row>button,.ask-buzby,.library-toolbar+button{border:2px solid var(--ink);background:var(--card);padding:9px 12px;color:inherit;text-decoration:none;font-weight:850;cursor:pointer}.primary{background:var(--orange)!important;box-shadow:3px 3px 0 var(--ink)}.account-button{margin-left:auto}.icon-button{width:44px;height:44px;display:inline-grid;place-items:center;padding:0;border:2px solid var(--ink);border-radius:10px;background:var(--card);font-weight:950;font-size:19px;cursor:pointer}.person-icon{position:relative;width:22px;height:22px;border:2px solid var(--ink);border-radius:50%}.person-icon:before{content:"";position:absolute;left:6px;top:3px;width:6px;height:6px;border:2px solid var(--ink);border-radius:50%}.person-icon:after{content:"";position:absolute;left:3px;bottom:2px;width:12px;height:6px;border:2px solid var(--ink);border-bottom:0;border-radius:10px 10px 0 0}
.shell{min-height:0;display:grid;grid-template-columns:252px minmax(0,1fr)}.context-rail{min-height:0;overflow:auto;padding:18px 14px;background:var(--paper-deep);border-right:var(--line)}.rail-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;text-transform:uppercase;font:800 12px ui-monospace,monospace;letter-spacing:.08em}.rail-stack{display:grid;gap:9px}.rail-stack button{width:100%;min-height:58px;display:grid;gap:3px;text-align:left;border:2px solid var(--ink);border-radius:10px;padding:10px 12px;background:var(--card);font-weight:850;cursor:pointer}.rail-stack button small{color:var(--muted);font:650 10px ui-monospace,monospace}.rail-stack button.active{background:var(--lemon)}.rail-stack .new{display:flex;align-items:center;background:var(--orange);box-shadow:4px 4px 0 var(--ink)}.rail-stack .new:before{content:"+";font-size:22px;margin-right:8px}.rail-section-label{margin:24px 0 9px;font:800 11px ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}.rail-tools button,.rail-account button{min-height:52px}.rail-note{display:block;margin-top:20px;color:var(--muted);font:650 10px/1.5 ui-monospace,monospace}.workspace{position:relative;min-width:0;min-height:0;overflow:hidden}.page{height:100%;overflow:auto;background-color:var(--paper);background-image:linear-gradient(rgb(17 17 17/.07) 1px,transparent 1px),linear-gradient(90deg,rgb(17 17 17/.07) 1px,transparent 1px);background-size:28px 28px}.page[hidden]{display:none}.page-head{min-height:116px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:24px 30px;background:var(--card);border-bottom:var(--line)}.page-head h1{margin:4px 0 0;font-size:38px;line-height:1}.page-head p{max-width:660px;margin:9px 0 0;color:var(--muted);font-weight:650}.eyebrow{font:800 11px ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.head-actions{display:flex;gap:8px}.mobile-context-header,.mobile-nav,.mobile-only{display:none}
.chat-page{overflow:hidden}.chat-head{min-height:80px;height:80px;padding:15px 30px;align-items:center}.chat-head h1{font-size:30px}.chat-stage{height:calc(100% - 80px);min-height:0;position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto auto;padding:28px 5vw 12px}.messages{min-height:0;overflow:auto;display:flex;flex-direction:column;align-items:center}.welcome-card{width:min(820px,100%);margin:auto;border:var(--line);border-radius:20px;background:var(--card);padding:42px;box-shadow:9px 9px 0 var(--ink)}.welcome-title{display:flex;align-items:center;gap:24px}.welcome-title h2{font-size:38px;line-height:1;margin:5px 0}.welcome-card>p{color:var(--muted);font-weight:650}.welcome-card>small{display:block;margin-top:28px;color:var(--muted);font:650 10px ui-monospace,monospace}.starter-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.starter{min-height:124px;display:grid;align-content:start;gap:16px;text-align:left;border:var(--line);border-radius:15px;padding:20px;cursor:pointer}.starter strong{font-size:17px}.starter span{font-weight:600;line-height:1.45}.lemon{background:var(--lemon)}.mint{background:var(--mint)}.iris{background:var(--iris)}.paper-deep{background:var(--paper-deep)}.composer{width:min(880px,100%);margin:26px auto 0;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:end;gap:10px;border:var(--line);border-radius:18px;background:var(--card);padding:14px;box-shadow:7px 7px 0 var(--ink)}.composer label{display:block}.composer textarea{width:100%;min-height:44px;max-height:160px;resize:vertical;border:0;background:transparent;padding:11px 5px;outline:0}.composer .send{background:var(--orange)}.composer .mic span{display:block;width:17px;height:23px;border:3px solid;border-radius:9px;font-size:0}.stage-note{width:min(880px,100%);margin:16px auto 0;color:var(--muted);font:650 10px ui-monospace,monospace}.message{max-width:78%;border:2px solid var(--ink);border-radius:14px;padding:12px 14px;font-weight:650}.message.user{align-self:flex-end;background:var(--orange)}.message.assistant{align-self:flex-start;background:var(--paper-deep)}
.tasks-page,.canvas-page,.miniapps-page,.settings-page{padding-bottom:50px}.quick-add{margin:24px 30px;display:grid;grid-template-columns:minmax(220px,1fr) auto auto auto;gap:9px;border:var(--line);border-radius:16px;background:var(--card);padding:13px;box-shadow:5px 5px 0 var(--ink)}.quick-add input,.quick-add select,.toolbar input,.library-toolbar input,.library-toolbar select,.setting-row select{width:100%;min-height:44px;border:2px solid var(--ink);background:var(--paper);padding:9px}.task-summary{margin:0 30px 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.summary-card{min-height:120px;display:grid;grid-template-columns:1fr auto;align-content:center;gap:5px;border:var(--line);border-radius:14px;padding:16px;box-shadow:5px 5px 0 var(--ink)}.summary-card strong{grid-row:1/3;grid-column:2;font-size:45px}.summary-card>span:last-child{font-weight:750}.toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin:0 30px 14px}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap}.filter-tabs .selected{background:var(--lemon)}.task-list{display:grid;gap:10px;margin:0 30px}.task-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;border:2px solid var(--ink);border-radius:14px;background:var(--card);padding:13px}.task-row>div{display:grid;gap:5px}.task-row span{color:var(--muted);font-size:12px;font-weight:700}.task-check{width:44px;height:44px;border-radius:50%!important}.task-row.done{opacity:.65}.task-row.done strong{text-decoration:line-through}.task-row.done .task-check{background:var(--mint)}.ask-buzby{display:block;margin:20px 30px 0 auto;background:var(--orange)}
.canvas-page.arranging{outline:6px solid var(--orange);outline-offset:-6px}.canvas-section{margin:26px 30px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:13px}.section-heading h2{font-size:25px;margin:3px 0}.section-heading>span{font:700 10px ui-monospace,monospace}.canvas-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.widget{min-height:255px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;border:var(--line);border-radius:18px;padding:18px;box-shadow:7px 7px 0 var(--ink)}.widget header{display:flex;justify-content:space-between;align-items:center}.widget header button{border:0;background:transparent;font-weight:950}.widget footer{border-top:2px solid var(--ink);padding-top:10px;font:700 10px ui-monospace,monospace}.mini-task{display:flex;gap:10px;align-items:center;margin:9px 0;font-weight:750}.mini-task span{width:24px;height:24px;border:2px solid;border-radius:50%;background:var(--card)}.time{font-size:34px;font-weight:950;margin:18px 0 2px}.progress{height:26px;border:2px solid;background:var(--card);margin-top:20px}.progress span{display:block;height:100%;background:var(--orange)}.progress-value{width:68%}.inline-action{justify-self:start;border:2px solid;background:var(--card);padding:8px;font-weight:800}
.library-toolbar{display:flex;gap:12px;margin:24px 30px}.library-toolbar input{min-width:min(420px,55vw)}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:20px;margin:0 30px}.app-card{position:relative;min-height:290px;border:var(--line);border-radius:17px;padding:18px;box-shadow:6px 6px 0 var(--ink)}.app-icon{width:50px;height:50px;display:grid;place-items:center;border:var(--line);border-radius:13px;background:var(--card);font-size:22px;font-weight:950}.pill{position:absolute;right:16px;top:16px;border:2px solid;padding:5px 7px;background:var(--card);font:800 9px ui-monospace,monospace}.app-card h2{margin:22px 0 5px}.app-card p{min-height:44px;font-weight:600}.app-card small{display:block;color:var(--muted);font:700 10px ui-monospace,monospace}.app-card>div:last-child{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.app-card button,.settings-card button,.settings-links a{border:2px solid var(--ink);background:var(--card);padding:8px 10px;font-weight:800;color:inherit;text-decoration:none}
.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 30px}.settings-card{border:var(--line);border-radius:17px;background:var(--card);padding:20px;box-shadow:6px 6px 0 var(--ink)}.settings-card h2{margin-top:0}.setting-row,.connection-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:2px solid var(--ink);padding:13px 0}.setting-row>span,.connection-row>span{display:grid;gap:4px}.setting-row small,.connection-row small{color:var(--muted);font-weight:600}.setting-row input[type=checkbox]{width:25px;height:25px;accent-color:var(--orange)}.danger button{background:var(--raspberry)}.settings-links{display:flex;flex-wrap:wrap;gap:9px;margin:0 30px}
@media(max-width:900px){.shell{grid-template-columns:220px minmax(0,1fr)}.starter-grid,.canvas-grid,.settings-grid{grid-template-columns:1fr}.quick-add{grid-template-columns:1fr 1fr}.quick-add label:first-child{grid-column:1/-1}.task-summary{grid-template-columns:1fr}.welcome-card{margin-top:0}}
@media(max-width:719px){.mockup-banner{height:32px;font-size:9px}.mockup-banner span{display:none}.app{height:calc(100dvh - 32px);grid-template-rows:56px minmax(0,1fr)}.topbar{height:56px;padding:0 11px}.brand strong{display:none}.brand-mark{width:39px;height:39px;box-shadow:3px 3px 0 var(--ink)}.product-label{margin-left:12px;padding-left:12px;font-size:13px}.shell{display:block}.context-rail{position:fixed;z-index:50;inset:88px 0 0 0;transform:translateX(-105%);transition:transform .18s ease;border-right:0;padding:16px}.drawer-open .context-rail{transform:translateX(0)}.rail-heading{position:sticky;top:-16px;background:var(--paper-deep);padding:9px 0;z-index:2}.mobile-only{display:inline-grid}.workspace{height:100%}.mobile-context-header{height:70px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 12px;background:var(--card);border-bottom:var(--line)}.mobile-context-header>div{display:grid;gap:3px;min-width:0}.mobile-context-header strong{font-size:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page{height:calc(100% - 70px)}.page-head{min-height:auto;padding:18px 14px;display:block}.page-head h1{font-size:31px}.page-head .head-actions,.page-head>button{margin-top:12px}.chat-head{display:none}.chat-stage{height:100%;padding:14px 12px 8px}.welcome-card{padding:20px;border-radius:17px;box-shadow:6px 6px 0 var(--ink)}.welcome-title{gap:15px}.welcome-title .brand-mark{width:44px;height:44px;flex:none}.welcome-title h2{font-size:25px}.starter-grid{grid-template-columns:1fr;gap:11px;margin-top:20px}.starter{min-height:76px;padding:13px;gap:6px}.welcome-card>small{margin-top:18px}.composer{margin-top:18px;padding:9px;gap:6px;box-shadow:4px 4px 0 var(--ink)}.stage-note{display:none}.quick-add,.task-summary,.toolbar,.task-list,.canvas-section,.library-toolbar,.app-grid,.settings-grid,.settings-links{margin-left:14px;margin-right:14px}.quick-add{grid-template-columns:1fr}.quick-add label:first-child{grid-column:auto}.toolbar{display:grid}.filter-tabs{display:grid;grid-template-columns:1fr 1fr}.task-row{grid-template-columns:auto 1fr}.task-row>button:last-child{grid-column:2}.ask-buzby{margin-right:14px}.canvas-section{margin-top:18px}.canvas-grid{grid-template-columns:1fr}.widget{min-height:230px}.library-toolbar{display:grid}.library-toolbar input{min-width:0}.app-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.settings-links{display:grid;padding-bottom:20px}.page-head p{font-size:14px}}
dialog{width:min(560px,calc(100vw - 28px));border:var(--line);border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:8px 8px 0 var(--ink);padding:22px}dialog::backdrop{background:#0009}.dialog-close{float:right}.create-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;clear:both;margin-top:18px}.create-actions button{min-height:100px;display:grid;align-content:center;gap:7px;text-align:left;border:2px solid var(--ink);border-radius:12px;background:var(--card);padding:14px}.create-actions button:nth-child(1){background:var(--lemon)}.create-actions button:nth-child(2){background:var(--iris)}.create-actions button:nth-child(3){background:var(--mint)}.create-actions button:nth-child(4){background:var(--paper-deep)}.create-actions span,dialog>p{color:var(--muted);font-weight:600} @media(max-width:719px){dialog{margin:auto 8px 8px;width:calc(100vw - 16px);max-width:none;border-radius:18px 18px 0 0}.create-actions{grid-template-columns:1fr}.create-actions button{min-height:78px}}
@media(prefers-reduced-motion:reduce){.context-rail{transition:none}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}