:root{--bg: #f6f4ee;--bg-raised: #ffffff;--ink: #1c1a15;--ink-dim: #5b5648;--rule: #d9d4c5;--accent: #9a6b23;--accent-ink: #ffffff;--danger: #8a3324;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #1d2021;--bg-raised: #282828;--ink: #ebdbb2;--ink-dim: #a89984;--rule: #504945;--accent: #689d6a;--accent-ink: #1d2021;--danger: #cc241d}}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink)}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}.wrap{max-width:78rem;margin:0 auto;padding:2.5rem 1.5rem 5rem}.masthead{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:.75rem 2rem;border-bottom:1px solid var(--rule);padding-bottom:1.25rem;margin-bottom:2rem}.masthead h1{font-size:1.6rem;font-weight:700;letter-spacing:-.01em;margin:0}.masthead .tagline{color:var(--ink-dim);font-size:.95rem;margin:.2rem 0 0}.masthead nav{display:flex;gap:1.25rem;font-size:.9rem}.masthead nav a{color:var(--ink-dim);text-decoration:none;border-bottom:1px solid transparent;transition:color .15s ease,border-color .15s ease}.masthead nav a:hover,.masthead nav a:focus-visible{color:var(--ink);border-color:var(--accent)}.controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1.75rem}input[type=text],input[type=search],input[type=password],textarea,select{font:inherit;color:var(--ink);background:var(--bg-raised);border:1px solid var(--rule);border-radius:3px;padding:.55rem .7rem}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.search-input{flex:1 1 16rem;min-width:12rem}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{font-size:.8rem;color:var(--ink-dim);background:transparent;border:1px solid var(--rule);border-radius:999px;padding:.28rem .75rem;cursor:pointer;transition:color .15s ease,border-color .15s ease,background .15s ease}.chip:hover{border-color:var(--accent);color:var(--ink)}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1.5rem}.card{display:flex;flex-direction:column;background:var(--bg-raised);border:1px solid var(--rule);border-radius:4px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .12s ease,border-color .12s ease}.card:hover,.card:focus-visible{border-color:var(--accent);transform:translateY(-2px)}.card-media{aspect-ratio:3 / 2;background:var(--bg);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--rule);overflow:hidden}.card-media img{width:100%;height:100%;object-fit:cover}.kind-glyph{font-size:1.6rem;font-weight:700;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.05em}.card-body{padding:.9rem 1rem 1.1rem;display:flex;flex-direction:column;gap:.4rem;flex:1}.card-kind{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);font-weight:700}.card-title{font-size:1.02rem;font-weight:700;margin:0;line-height:1.3}.card-creator{font-size:.85rem;color:var(--ink-dim);margin:0}.card-summary{font-size:.85rem;color:var(--ink-dim);margin:.1rem 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-tags{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}.tag{font-size:.7rem;color:var(--ink-dim);background:var(--bg);border:1px solid var(--rule);border-radius:3px;padding:.1rem .4rem}.card-date{font-size:.72rem;color:var(--ink-dim);margin-top:auto;padding-top:.5rem}.state-message{padding:3rem 1rem;text-align:center;color:var(--ink-dim)}.state-message.error{color:var(--danger)}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.5rem,1fr));gap:1.5rem}.skeleton-card{height:14rem;border-radius:4px;background:linear-gradient(100deg,var(--bg-raised) 30%,var(--bg) 45%,var(--bg-raised) 60%);background-size:200% 100%;animation:shimmer 1.4s ease infinite;border:1px solid var(--rule)}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.form-page{max-width:34rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.25rem}.field label{font-size:.85rem;font-weight:700}.field .hint{font-size:.78rem;color:var(--ink-dim)}.field .error-text{font-size:.8rem;color:var(--danger)}.field textarea{min-height:5rem;resize:vertical}.checkbox-field{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;font-size:.85rem}button.primary{font:inherit;font-weight:700;background:var(--accent);color:var(--accent-ink);border:none;border-radius:3px;padding:.65rem 1.4rem;cursor:pointer;transition:opacity .15s ease}button.primary:hover{opacity:.88}button.primary:disabled{opacity:.5;cursor:not-allowed}.result-panel{margin-top:1.5rem;padding:1rem 1.1rem;border-radius:4px;border:1px solid var(--rule);background:var(--bg-raised)}.result-panel.success{border-color:var(--accent)}.result-panel.error{border-color:var(--danger);color:var(--danger)}.result-panel .token-value{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85rem;background:var(--bg);border:1px solid var(--rule);border-radius:3px;padding:.6rem .7rem;margin:.6rem 0;word-break:break-all;-webkit-user-select:all;user-select:all}.pagination{display:flex;justify-content:center;gap:1rem;margin-top:2.5rem}.pagination button{font:inherit;background:transparent;border:1px solid var(--rule);border-radius:3px;padding:.5rem 1rem;cursor:pointer;color:var(--ink)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.chat-shell{display:flex;height:100vh;height:100dvh}.chat-main{flex:1;min-width:0;display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-page{max-width:40rem;width:100%;margin:0 auto;display:flex;flex-direction:column;padding:1.5rem 1.5rem calc(1rem + env(safe-area-inset-bottom,0px))}.chat-page-standalone{min-height:100vh;min-height:100dvh}.chat-main .chat-page{height:100%;min-height:0;overflow:hidden}.chat-header{flex-shrink:0;margin-bottom:.5rem;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap}.chat-header-left{display:flex;align-items:baseline;gap:.6rem;min-width:0}.chat-header h1{font-size:1.4rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-account{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:var(--ink-dim)}.chat-signin{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;max-width:20rem}.chat-signin .chat-turn-error{color:var(--danger);font-size:.85rem}.chat-transcript{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:1rem;padding:1rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.chat-turn{padding-top:.75rem;border-top:1px solid var(--rule)}.chat-turn:first-child{padding-top:0;border-top:none}.chat-turn-text{white-space:pre-wrap}.chat-turn-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);margin-bottom:.25rem}.chat-turn-user{padding-left:1rem}.chat-turn-error .chat-turn-text{color:var(--danger)}.markdown-body{line-height:1.5}.markdown-body>*:first-child{margin-top:0}.markdown-body>*:last-child{margin-bottom:0}.markdown-body p{margin:.6em 0}.markdown-body ul,.markdown-body ol{margin:.6em 0;padding-left:1.4em}.markdown-body li+li{margin-top:.2em}.markdown-body a{color:var(--accent)}.markdown-body code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;background:var(--bg);border-radius:3px;padding:.1em .35em}.markdown-body pre{background:var(--bg);border:1px solid var(--rule);border-radius:4px;padding:.75em;overflow-x:auto}.markdown-body pre code{background:none;padding:0}.markdown-body blockquote{margin:.6em 0;padding-left:.9em;border-left:2px solid var(--rule);color:var(--ink-dim)}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{margin:.8em 0 .3em;font-size:1em;font-weight:700}.chat-tool-activity{margin-top:.35rem;font-size:.78rem;color:var(--ink-dim);font-style:italic}.chat-working{color:var(--ink-dim);font-size:.85rem}.chat-thread-panel{flex-shrink:0;margin-bottom:.75rem}.chat-thread-panel-body{padding:.9rem 0 .6rem;max-height:45vh;overflow-y:auto}.chat-thread-panel-note{margin:.6rem 0 0;font-size:.85rem;color:var(--ink-dim)}.chat-thread-panel-divider{display:flex;align-items:center;gap:.6rem}.chat-thread-panel-divider:before,.chat-thread-panel-divider:after{content:"";flex:1;border-top:1px solid var(--rule)}.chat-thread-panel-toggle{flex-shrink:0;background:var(--bg-raised);border:1px solid var(--rule);border-radius:50%;width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;font-size:.85rem;line-height:1;color:var(--ink-dim);cursor:pointer;transition:transform .15s ease}.chat-thread-panel-toggle:hover{color:var(--ink)}.chat-thread-panel-toggle-collapsed{transform:rotate(180deg)}.chat-thread-timeline{padding-top:.2rem}.chat-thread-timeline-track{display:flex;align-items:flex-end;border-top:1px solid var(--rule);padding-top:.5rem}.chat-thread-timeline-day{flex:1;min-width:0;display:flex;justify-content:center}.chat-thread-timeline-mark{width:1px;height:.4rem;margin-top:-.5rem;background:var(--rule)}.chat-thread-timeline-mark-active{width:.5rem;height:.5rem;margin-top:-.65rem;border-radius:50%;background:var(--accent)}.chat-thread-timeline-labels{display:flex;justify-content:space-between;margin-top:.35rem;font-size:.65rem;color:var(--ink-dim)}.chat-input-row{flex-shrink:0;display:flex;gap:.75rem;align-items:flex-end;padding-top:1rem}.chat-input-row textarea{flex:1;resize:vertical;min-height:3.5rem}.chat-sidebar-toggle{display:none;background:transparent;border:none;font-size:1.3rem;line-height:1;cursor:pointer;color:var(--ink);padding:.2rem .3rem;flex-shrink:0}.chat-sidebar{width:17rem;flex-shrink:0;background:var(--bg-raised);border-right:1px solid var(--rule);display:flex;flex-direction:column;padding:1.5rem 1rem calc(1rem + env(safe-area-inset-bottom,0px));gap:.75rem;overflow-y:auto}.chat-thread-list{display:flex;flex-direction:column;gap:.15rem}.chat-thread-empty{color:var(--ink-dim);font-size:.85rem;padding:.5rem .2rem}.chat-sidebar-spacer{flex:1}.chat-thread-item{display:block;text-align:left;background:transparent;border:none;border-left:2px solid transparent;border-radius:3px;padding:.5rem .6rem;cursor:pointer;color:inherit;font:inherit}.chat-thread-item:hover{background:var(--bg)}.chat-thread-item-active{background:var(--bg);border-left-color:var(--accent)}.chat-thread-title{display:block;font-size:.86rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-new-thread{flex-shrink:0;font:inherit;font-weight:700;background:var(--accent);color:var(--accent-ink);border:none;border-radius:3px;padding:.55rem .9rem;cursor:pointer;transition:opacity .15s ease}.chat-new-thread:hover{opacity:.88}.chat-sidebar-scrim{display:none}@media (max-width: 640px){.chat-sidebar-toggle{display:inline-block}.chat-sidebar{position:fixed;top:0;left:0;bottom:0;width:85%;max-width:19rem;z-index:50;transform:translate(-100%);transition:transform .2s ease;box-shadow:2px 0 12px #00000040}.chat-sidebar-open{transform:translate(0)}.chat-sidebar-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:45}.chat-page{padding-left:1rem;padding-right:1rem}}footer.note{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--rule);font-size:.78rem;color:var(--ink-dim)}
