.cs.app{flex-direction:column;min-height:100svh;display:flex}.cs .app-body{border-top:1px solid var(--line);flex:1;width:100%;display:flex}.cs .app-side{top:var(--bar);height:calc(100svh - var(--bar));border-right:1px solid var(--line);background:var(--card);width:232px;transition:width .2s var(--ease);flex-shrink:0;align-self:flex-start;padding:12px 10px;position:sticky;overflow-y:auto}.cs .app-side-toggle{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;margin:0 0 8px 4px;display:inline-grid}.cs .app-side-toggle:hover{background:var(--tint);color:var(--ink)}.cs .app-side-toggle svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:18px;height:18px}.cs .app-side-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:18px 12px 6px;font-size:12px;font-weight:600}.cs .app-nav{gap:2px;display:grid}.cs .app-nav a{color:var(--muted);white-space:nowrap;border-radius:10px;align-items:center;gap:12px;padding:9px 12px;font-size:15px;text-decoration:none;display:flex}.cs .app-nav a svg{flex-shrink:0}.cs .app-nav a:hover{background:var(--tint);color:var(--ink)}.cs .app-nav a[aria-current=page]{background:var(--tint2);color:var(--ink);font-weight:600}.cs .app-side[data-state=closed]{width:60px}.cs .app-side[data-state=closed] .app-nav a span,.cs .app-side[data-state=closed] .app-side-label{display:none}@media (max-width:1279px){.cs .app-side[data-state=auto]{width:60px}.cs .app-side[data-state=auto] .app-nav a span,.cs .app-side[data-state=auto] .app-side-label{display:none}}@media (max-width:759px){.cs .app-body{flex-direction:column}.cs .app-side,.cs .app-side[data-state]{border-right:0;border-bottom:1px solid var(--line);gap:4px;width:100%;height:auto;padding:6px 12px;display:flex;position:static;overflow-x:auto}.cs .app-side-toggle,.cs .app-side .app-side-label{display:none}.cs .app-nav{display:flex}.cs .app-side .app-nav a span{display:none}}.cs .app-main{flex:1;min-width:0;padding:clamp(20px,3vw,40px) clamp(16px,3vw,44px) 56px}.cs .app-main h1{font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.1}.cs .app-main h2{font-size:1.35rem;line-height:1.25}.cs .app-main h3{font-size:1.1rem}.cs .app-main p{line-height:1.55}.cs .app-main .page-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.cs .app-main .page-heading p,.cs .app-main .subheading,.cs .app-main .muted{color:var(--muted)}.cs .app-main .eyebrow{letter-spacing:.04em;color:var(--accent);text-transform:none;margin-bottom:8px;font-size:13px;font-weight:600;display:inline-block}.cs .app-main .button{min-height:40px;font:600 15px/1 var(--sans);cursor:pointer;background:var(--tint);color:var(--ink);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;display:inline-flex}.cs .app-main .button:hover{background:var(--tint2)}.cs .app-main .button-dark{background:var(--ink);color:var(--paper);box-shadow:0 10px 24px -14px #27362d8c}.cs .app-main .button-dark:hover{background:var(--accent)}.cs .app-main .button-outline{box-shadow:inset 0 0 0 1px var(--line);background:0 0}.cs .app-main .button-outline:hover{background:var(--tint)}.cs .app-main .button-light{background:var(--card);box-shadow:inset 0 0 0 1px var(--line)}.cs .app-main .button:disabled{opacity:.55;cursor:not-allowed}.cs .app-main .text-link,.cs .app-main .back-link{color:var(--accent);font-weight:600;text-decoration:none}.cs .app-main .text-link:hover,.cs .app-main .back-link:hover{text-decoration:underline}.cs .app-main .notice,.cs .app-main .transcribe-notice,.cs .app-main .cloud-banner,.cs .app-main .connection-note,.cs .app-main .draft-note{background:var(--tint);color:var(--ink);border:0;border-radius:12px;padding:12px 16px;font-size:15px;line-height:1.5}.cs .app-main .notice-error{color:#7d2a21;background:#b03a2e1a}.cs .app-main .pill{background:var(--tint);color:var(--accent);border:0;border-radius:999px;align-items:center;padding:2px 10px;font-size:12px;font-weight:600;display:inline-flex}.cs .app-main .project-card,.cs .app-main .account-card,.cs .app-main .cloud-section,.cs .app-main .empty-projects,.cs .app-main .workbench-intro{border:1px solid var(--line);background:var(--card);box-shadow:none;border-radius:16px}.cs .app-main .project-card:hover{border-color:var(--accent)}.cs .app-main .project-card-icon,.cs .app-main .workbench-icon{color:var(--accent);background:var(--tint);border-radius:12px}.cs .app-main .project-grid{gap:12px}.cs .app-main input[type=text],.cs .app-main input[type=search],.cs .app-main input:not([type]),.cs .app-main textarea,.cs .app-main select{border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;border-radius:10px}.cs .app-main input:focus-visible,.cs .app-main textarea:focus-visible,.cs .app-main select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.cs .app-main .file-label{border-radius:999px}.cs .app-main .destructive-controls .button-outline{color:#7d2a21}@media (prefers-reduced-motion:reduce){.cs .app-side{transition:none}}