/* Journal-inspired record surfaces. Theme and layout are defined once. */
.home-button .brand-mark{display:block;width:29px;height:29px;stroke-width:1.6;color:var(--ink)}#home-view.home-button{background:transparent;border:0;box-shadow:none;backdrop-filter:none;border-radius:14px}#home-view.home-button:hover{background:var(--hover)}
:root{--bg:#f4f0f7;--bg-end:#e8dfed;--glass:#ffffffcc;--paper:#fff;--sidebar:#f0edf4;--ink:#211d29;--muted:#817a8c;--line:#e4deeb;--blue:#6654e8;--soft:#e9e3fb;--hover:#eeeaf3;--red:#b33b50;--error-bg:#fff0f2;color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI","Microsoft YaHei",sans-serif;font-synthesis:none;letter-spacing:-.015em;color:var(--ink);background:var(--bg)}
:root[data-theme="dark"]{--bg:#09090f;--bg-end:#302033;--glass:#29232fd9;--paper:#29232f;--sidebar:#19181c;--ink:#f5f2f9;--muted:#a39cae;--line:#37333e;--blue:#7978ff;--soft:#322a4b;--hover:#2c2833;--red:#ff9cae;--error-bg:#3b202b;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-end) 100%);background-attachment:fixed}button,input,textarea,select{font:inherit;-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:var(--paper);border:1px solid var(--line);border-radius:11px;padding:11px 15px;color:var(--ink);min-height:44px}button:hover{background:var(--hover)}button:disabled{opacity:.5;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:3px}input,textarea{border:0;background:transparent;color:var(--ink);caret-color:var(--blue)}textarea{resize:vertical;line-height:1.8}input::placeholder,textarea::placeholder{color:var(--muted)}h1,h2,h3,p{margin-top:0}[hidden]{display:none!important}.ui-icon{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:middle}
.shell{min-height:100dvh;display:block}main{width:100%;min-width:0}.topbar{max-width:790px;margin:0 auto;padding:28px 38px 0;display:flex;justify-content:space-between;align-items:center;height:92px}.home-button,.header-capsule{background:var(--glass);border:1px solid var(--line);box-shadow:inset 0 1px 1px #ffffff10;backdrop-filter:blur(16px)}.home-button{display:flex;align-items:center;justify-content:center;width:46px;height:46px;min-height:44px;border-radius:50%;padding:0}.home-button .ui-icon{width:23px;height:23px}.header-capsule{display:flex;border-radius:30px;padding:2px 5px;gap:4px}.header-capsule button{width:46px;height:44px;min-height:44px;border:0;background:transparent;padding:0;display:flex;align-items:center;justify-content:center}.header-capsule .ui-icon{width:24px;height:24px}.header-capsule button:hover{background:#ffffff0a;border-radius:50%}#search-panel{max-width:714px;margin:16px auto 0;display:flex;gap:13px;align-items:center}.search{display:flex;align-items:center;gap:9px;flex:1;color:var(--muted);background:var(--glass);border:1px solid var(--line);border-radius:14px;padding:0 13px;min-height:46px}.search input{font-size:16px;min-width:0;width:100%;outline:none}#search-close{color:var(--blue);padding:8px 0}.sync{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:7px;margin-top:22px}.sync:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--muted)}.sync.connected:before{background:#7fbb9c}.workspace{display:block;min-height:0}nav{display:flex;flex-direction:column;gap:5px;margin:0 0 20px}nav button{display:flex;align-items:center;gap:11px;border:0;background:transparent;text-align:left;padding:12px;font-size:14px}nav button.active{background:var(--soft);color:var(--blue);font-weight:600}nav button span:last-child{margin-left:auto;font-size:12px;color:var(--muted)}.nav-icon{display:flex;align-items:center;justify-content:center;width:20px}.text-link,.text-button{font-size:13px;color:var(--muted)}.text-button{display:block;border:0;background:none}#mobile-settings .side-bottom{display:flex;flex-direction:column;gap:8px}#mobile-settings .text-link,#mobile-settings .text-button{display:flex;align-items:center;min-height:44px;padding:13px;background:var(--hover);border-radius:11px;font-size:15px}.install-tip{margin:22px 0 0;font-size:12px;line-height:1.8}
.collection{padding:34px 38px 120px;max-width:790px;margin:0 auto;width:100%}.heading{margin:0 0 42px}.heading h1{font-size:40px;letter-spacing:-.05em;margin-bottom:7px;line-height:1.15}.heading p{font-size:15px;color:var(--muted);margin:0}.ideas{display:flex;flex-direction:column;gap:15px}.date-group{font-size:22px;letter-spacing:-.025em;margin:15px 3px 1px}.date-group:first-child{margin-top:0}.idea{width:100%;padding:0;text-align:left;border-radius:23px;border:1px solid transparent;background:var(--glass);box-shadow:0 5px 20px #00000006;backdrop-filter:blur(14px);overflow:hidden}.idea:hover{border-color:var(--line)}.idea.selected{border-color:var(--blue)}.record-open{display:block;width:100%;text-align:left;border:0;background:transparent;border-radius:0;padding:23px 24px 21px;min-height:0}.record-open:hover{background:#ffffff03}.record-open h3{font-size:17px;line-height:1.6;font-weight:600;margin:0 0 10px;overflow-wrap:anywhere}.record-text{font-size:18px;line-height:1.65;font-weight:400;letter-spacing:-.015em;margin:0;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}.card-footer{display:flex;align-items:center;gap:12px;padding:0 17px 0 24px;min-height:47px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.card-footer>.badge{margin-left:auto}.record-more{display:flex;align-items:center;justify-content:center;margin-left:auto;width:44px;height:44px;min-height:44px;padding:0;background:transparent;border:0}.record-more .ui-icon{width:24px;height:24px}.record-more:hover{background:#ffffff05}
.badge{font-size:11px;color:var(--muted);white-space:nowrap}.badge.running,.badge.review{color:var(--blue)}.badge.done{color:#64aa8d}.empty-list{text-align:center;padding:85px 20px;color:var(--muted)}.empty-list>.ui-icon{width:35px;height:35px;color:var(--blue);margin-bottom:23px}.empty-list h2{color:var(--ink);font-size:23px;letter-spacing:-.035em;margin-bottom:12px}.empty-list p{font-size:14px;line-height:1.8;max-width:240px;margin:0 auto 24px}.empty-create{border:0;background:var(--soft);color:var(--blue);border-radius:12px}.compose-fab{position:fixed;right:38px;bottom:calc(30px + env(safe-area-inset-bottom));width:58px;height:58px;padding:0;border-radius:50%;border:0;background:#7978ff;color:#fff;z-index:8;box-shadow:0 6px 22px #6e58d642;display:flex;align-items:center;justify-content:center}.compose-fab:hover{background:var(--blue);filter:brightness(1.1)}.compose-fab .ui-icon{width:27px;height:27px}
.detail{display:none;min-width:0;background:var(--paper);border-left:1px solid var(--line);padding:30px}.workspace.has-detail{display:grid;grid-template-columns:minmax(0,1fr) 380px}.has-detail .detail{display:block}.detail-empty{display:none}.detail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.detail-close{display:flex;align-items:center;justify-content:center;padding:10px;border:0;background:transparent}.detail h2{font-size:25px;line-height:1.5;overflow-wrap:anywhere;letter-spacing:-.035em}.detail-text{font-size:16px;line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere;margin:20px 0 28px}.detail-date{font-size:12px;color:var(--muted)}.detail-actions{display:flex;flex-direction:column;gap:10px}.detail-actions button{display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:var(--blue);color:#fff;border-color:var(--blue);font-size:14px;font-weight:600;padding:11px 17px}.primary:hover{background:var(--blue);filter:brightness(1.1)}:root[data-theme="dark"] .primary{background:#6654e8;border-color:#6654e8;color:#fff}:root[data-theme="dark"] .primary:hover{background:#6654e8}.execution-note{font-size:12px;color:var(--muted);line-height:1.8;margin-top:12px}.detail-tools{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}.detail-tools button,.detail-tools select{font-size:12px;padding:10px;border:1px solid var(--line);background:var(--paper);border-radius:10px;color:var(--muted)}.danger{color:var(--red)!important}.job{border-top:1px solid var(--line);padding-top:22px;margin-top:25px}.job h3{font-size:14px;line-height:1.6;margin:0 0 10px}.job-result{font-size:13px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;max-height:400px;overflow:auto}.events{font-size:12px;color:var(--muted);line-height:1.8;max-height:180px;overflow:auto;white-space:pre-wrap}.job-meta{font-size:12px;color:var(--muted);margin-bottom:12px}.artifacts{margin:16px 0}.artifacts h4{font-size:13px;margin-bottom:10px}.artifacts a{display:block;padding:12px;background:var(--soft);color:var(--blue);border-radius:10px;font-size:13px;margin:7px 0;overflow-wrap:anywhere}.artifacts small{color:var(--muted);margin-left:5px}.error{color:var(--red);font-size:13px;line-height:1.8}.banner{margin:16px 38px 0;padding:12px 16px;background:var(--error-bg);border-radius:10px}.muted{color:var(--muted)}
.pairing{min-height:100dvh;display:grid;place-items:center;padding:25px}.pair-card{width:430px;max-width:100%;background:var(--paper);padding:36px;border:1px solid var(--line);border-radius:25px}.pair-card h1{font-size:27px;letter-spacing:-.04em;margin:28px 0 15px}.pair-card p{color:var(--muted);font-size:14px;line-height:1.8}.pair-card form{display:flex;flex-direction:column;gap:12px;margin:28px 0 15px}.pair-card label{font-size:13px}.pair-card input{border:1px solid var(--line);padding:13px;border-radius:10px;font-size:16px}.pair-card small{font-size:12px;line-height:1.8;color:var(--muted)}
dialog{border:1px solid var(--line);border-radius:25px;padding:28px;width:490px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;background:var(--paper);color:var(--ink);box-shadow:0 24px 90px #00000045}dialog::backdrop{background:#00000080;backdrop-filter:blur(5px)}dialog h2{font-size:25px;letter-spacing:-.04em}dialog p{font-size:13px;line-height:1.8}dialog label{font-size:12px;color:var(--muted)}dialog code{display:block;background:var(--bg);border-radius:10px;padding:12px;font-size:12px;margin:8px 0 16px;overflow-wrap:anywhere}.dialog-close{float:right;border:0;padding:10px;display:flex;align-items:center;justify-content:center}.task-preview{background:var(--hover);padding:12px;border-radius:10px;max-height:140px;overflow:auto;white-space:pre-wrap}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}#execute-provider{display:block;width:100%;padding:12px;margin:8px 0;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink)}#execute-provider-detail{min-height:46px;overflow-wrap:anywhere}#edit-text{display:block;width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--bg);font-size:16px;min-height:200px}#code-form input{display:block;width:100%;padding:12px;margin:8px 0 16px;border:1px solid var(--line);border-radius:10px;font-size:16px}.compose-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.compose-heading h2{margin:0}.compose-heading .text-button{color:var(--blue);font-size:15px;padding:8px 0}.composer{border:0;padding:0;background:transparent}.composer textarea{display:block;width:100%;min-height:240px;font-size:17px;padding:0;outline:none;line-height:1.8}.composer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:18px;border-top:1px solid var(--line)}.composer-bottom>span{font-size:12px;color:var(--muted)}.shortcut{font-size:11px!important;color:var(--muted);margin:15px 0 0}.eyebrow{font-size:11px;color:var(--blue);letter-spacing:1px}.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}
@media(min-width:1101px){.workspace.has-detail{grid-template-columns:minmax(0,1fr) 380px;max-width:1240px;margin:0 auto}.workspace.has-detail .collection{padding-left:30px;padding-right:30px}.detail{border-radius:24px;margin:24px 0 80px;align-self:start}}
@media(max-width:1100px){.workspace.has-detail{display:block}.detail{position:fixed;inset:0 0 0 auto;width:450px;max-width:100%;height:100dvh;z-index:10;overflow-y:auto;box-shadow:-15px 0 60px #00000040}.has-detail .detail{display:none}.detail.open{display:block}}
@media(max-width:600px){body{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.topbar{padding:21px 20px 0;height:81px}.home-button{width:44px;height:44px}.header-capsule{padding:2px 4px;gap:0}.header-capsule button{width:44px;height:44px}.collection{padding:27px 20px 120px}.heading{margin-bottom:34px}.heading h1{font-size:36px;margin-bottom:5px;letter-spacing:-.045em}.heading p{font-size:15px}.ideas{gap:19px}.date-group{font-size:23px;margin:14px 1px 0}.idea{border-radius:21px}.record-open{padding:19px 15px 17px}.record-text{font-size:17px;line-height:1.65}.card-footer{padding:0 10px 0 15px;min-height:43px;font-size:11px}.badge{font-size:10px}.compose-fab{right:22px;bottom:calc(22px + env(safe-area-inset-bottom));width:56px;height:56px}.empty-list{padding:67px 15px}.empty-list h2{font-size:23px}.empty-list p{font-size:14px}#search-panel{margin:12px 20px 0}.detail{width:100%;padding:calc(22px + env(safe-area-inset-top)) 22px calc(24px + env(safe-area-inset-bottom))}.detail h2{font-size:25px}.banner{margin:15px 20px 12px}.pairing{padding:20px 16px}.pair-card{padding:28px}.pair-card h1{font-size:25px}.pair-card p{font-size:13px}dialog{padding:24px 20px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}dialog input,dialog textarea,dialog select{font-size:16px!important}#compose-dialog{width:100%;max-width:100%;margin:auto 0 0;max-height:calc(100dvh - env(safe-area-inset-top));border-radius:24px 24px 0 0;padding:25px 22px calc(24px + env(safe-area-inset-bottom))}.composer textarea{min-height:280px;font-size:17px!important}.compose-heading{margin-bottom:26px}.composer-bottom>span{font-size:11px}.shortcut{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Screenshot collections share the existing detail and mobile navigation. */
.idea-body.has-capture{display:grid;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:16px}
.idea-summary{min-width:0}.idea-summary h3{overflow-wrap:anywhere}
.idea-capture-thumb{display:block;width:96px;height:76px;object-fit:contain;border:1px solid var(--line);border-radius:9px;background:var(--sidebar)}
.capture-gallery{display:flex;flex-direction:column;gap:18px;margin:0 0 26px;min-width:0}
.capture-item{margin:0;min-width:0}.capture-image-link{display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper)}
.capture-image-link img{display:block;width:100%;height:auto;object-fit:contain}
.capture-item figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:9px;font-size:11px;color:var(--muted)}
.capture-item figcaption a{color:var(--blue);padding:4px 0}
.capture-unavailable{font-size:13px;color:var(--muted);line-height:1.8;margin-bottom:24px}
.detail-actions button:disabled{cursor:not-allowed}
@media(max-width:600px){.idea-body.has-capture{grid-template-columns:minmax(0,1fr) 82px;gap:12px}.idea-capture-thumb{width:82px;height:70px}.capture-item figcaption a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}}

.journal-capture{display:block;width:100%;max-height:240px;object-fit:contain;background:var(--bg);border-radius:13px;margin:0 0 18px}