.app-shell main>div{max-width:80rem}.app-shell{scrollbar-color:#677568 #141716}.app-shell .page-header h1{letter-spacing:-.025em;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:650}.app-shell .page-header p{max-width:65ch;line-height:1.6}.app-card,.app-empty,.app-directory{background:var(--color-surface);border:1px solid var(--color-line);border-radius:12px;min-width:0;padding:24px}.app-card>.app-card{background:0 0;border:0;border-radius:0;padding-inline:0}.app-shell .app-card h2{letter-spacing:-.01em;font-size:1.0625rem}.app-shell .app-card-live{border-color:#677568}.app-shell .font-mono:not(pre,code){font-family:var(--font-ui);font-variant-numeric:tabular-nums}.app-shell :is(button,a).bg-chalk{color:#141716;font-weight:650}.app-shell :is(button,a).bg-redchalk{color:#141716}.app-shell .bg-white:not(.quote-document *){background:var(--color-surface)}.app-shell :is(button,a).bg-graphite:not(.chrome-dark *){color:#141716;background:#d7f76b}.app-shell :is(button,a).bg-graphite-2:not(.chrome-dark *){color:#f5f7f0}.app-shell :is(input:not([type=checkbox],[type=radio],[type=hidden]),select,textarea){border-radius:8px}.app-shell :is(button,a.tap-target){min-height:44px}.app-shell textarea{resize:vertical;min-height:100px}.app-shell label>span{line-height:1.5}.app-shell .app-directory li>a{overflow-wrap:anywhere;border-radius:6px;padding:16px 4px}.app-shell .app-directory li>a:hover{background:var(--color-plank-cut)}.app-shell .app-directory li>a>span:first-child{font-size:1rem}.app-shell :is(.app-card,.app-directory) .text-xs{line-height:1.6}.app-shell .row-tap{border:1px solid var(--color-line);background:var(--color-surface);border-radius:10px;padding:18px}.app-shell .row-tap+.row-tap{margin-top:12px}.app-shell .chrome-dark a,.app-shell .chrome-dark button{border-radius:8px}.app-shell .chrome-dark [class*=border-chalk-light]{color:#d7f76b;background:#292f2b;border-color:#0000}.app-shell .chrome-dark [class*="text-[#9a9ea8]"]{color:#b8c3bb}.app-shell dialog{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.app-shell .quote-document{--color-chalk:#2b2f9c}.app-shell .quote-document :is(a,button):focus-visible{outline-color:#2b2f9c}.app-settings{align-items:start;gap:24px;display:grid}.app-settings .app-card{margin:0}.app-settings .settings-wide{grid-column:1/-1}@media (min-width:1200px){.app-settings{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:639px){.app-card,.app-empty,.app-directory{padding:18px}.app-shell .page-heading-actions>div{flex-wrap:wrap}}.login-shell>main{width:100%;min-height:100dvh}.login-shell .bg-chalk{color:#141716}.login-shell .app-card{padding:28px}.app-shell .settings-wide textarea{min-height:140px}.app-shell .app-settings form{max-width:none}.invoice-summary,.customer-summary{background:var(--color-surface);border:1px solid var(--color-line);border-radius:12px;padding:24px}.invoice-summary>div{min-width:0}.invoice-summary [class*="text-[10px]"],.customer-summary [class*="text-[10px]"]{text-transform:none;letter-spacing:normal;font-size:.8125rem;line-height:1.4}.invoice-summary .text-2xl{overflow-wrap:anywhere;font-size:clamp(1.25rem,3vw,2rem);line-height:1.3}.invoice-row{background:var(--color-surface);border:1px solid var(--color-line);border-radius:12px;padding:24px}.invoice-row+.invoice-row{margin-top:16px}.invoice-row>div:first-child>div:first-child>a{font-size:1.0625rem}.quote-builder-sections>div{border:1px solid var(--color-line);background:var(--color-surface);border-radius:12px;padding:24px}@media (max-width:639px){.invoice-summary,.customer-summary{gap:16px 10px;padding:18px}.invoice-row,.quote-builder-sections>div{padding:18px}}.project-shortcuts{flex-wrap:wrap;gap:8px;margin:-8px 0 24px;display:flex}.project-shortcuts a{border:1px solid var(--color-line);border-radius:8px;align-items:center;min-height:44px;padding:8px 14px;font-size:.875rem;display:inline-flex}.project-shortcuts a:hover{background:var(--color-plank-cut);color:var(--color-chalk)}.app-shell [id]{scroll-margin-top:85px}.app-shell details.app-card>summary{align-content:center;min-height:44px}.login-shell main>div{max-width:26rem}