:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-hover: #222222;--bg-selected: #1a2332;--text-primary: #e0e0e0;--text-secondary: #888888;--text-muted: #555555;--accent: #3b82f6;--accent-dim: #1e3a5f;--accent-bright: #60a5fa;--green: #22c55e;--green-dim: #14532d;--red: #ef4444;--red-dim: #7f1d1d;--yellow: #eab308;--border: #2a2a2a;--border-light: #333333;--cell-border: #1e1e1e;--cell-selected: #3b82f6;--cell-editing-bg: #0d1117;--header-bg: #111111;--header-text: #666666;--font-mono: "IBM Plex Mono", "JetBrains Mono", "Fira Code", monospace;--font-ui: "IBM Plex Mono", system-ui, sans-serif;--radius: 6px;--radius-sm: 3px;--toolbar-height: 44px;--formula-bar-height: 32px;--row-header-width: 50px;--col-header-height: 28px;--default-col-width: 120px;--default-row-height: 28px;--header-row-height: 32px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-mono);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}body:has(.sheet-page){overflow:hidden}@media(max-width:767px){input,select,textarea{font-size:16px!important}}a{color:var(--accent-bright);text-decoration:none}button{font-family:var(--font-mono);cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}.landing{height:100vh;height:100dvh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.landing-grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 30px;opacity:.3;pointer-events:none}.landing-content{position:relative;z-index:1;text-align:center;max-width:600px;padding:2rem}.landing-logo{margin-bottom:1.25rem;filter:drop-shadow(0 0 12px rgba(59,130,246,.4))}.landing-title{font-family:var(--font-mono);font-size:4rem;font-weight:700;letter-spacing:-.04em;color:var(--text-primary);margin-bottom:1rem}.landing-tagline{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.6}.landing-cta{display:inline-block;padding:.75rem 2rem;background:var(--accent);color:#fff;font-size:1rem;font-weight:600;border-radius:var(--radius);transition:background .15s,transform .1s}.landing-cta:hover{background:var(--accent-bright);transform:translateY(-1px)}.landing-cta:active{transform:translateY(0)}.landing-features{display:flex;gap:2rem;justify-content:center;margin-top:3rem}.landing-feature{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.85rem}.feature-icon{font-size:1rem}.toolbar{height:var(--toolbar-height);background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;flex-shrink:0}.toolbar-left{display:flex;align-items:center;gap:.5rem}.toolbar-brand{font-weight:700;color:var(--text-primary);font-size:.9rem}.toolbar-separator{color:var(--text-muted)}.toolbar-title{color:var(--text-secondary);font-size:.85rem}.toolbar-title-editable{cursor:pointer;border-radius:var(--radius-sm);padding:2px 6px;margin:-2px -6px;transition:background .15s}.toolbar-title-editable:hover{background:var(--bg-tertiary);color:var(--text-primary)}.toolbar-title-input{background:var(--bg-tertiary);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:2px 6px;color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;outline:none;width:200px}.toolbar-right{display:flex;align-items:center;gap:.5rem}.status-dot{width:8px;height:8px;border-radius:50%}.status-connected{background:var(--green);box-shadow:0 0 4px var(--green)}.status-disconnected{background:var(--text-muted)}.status-text{font-size:.75rem;color:var(--text-secondary)}.formula-bar{height:var(--formula-bar-height);background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 .5rem;gap:.5rem;flex-shrink:0}.formula-bar-address{width:60px;text-align:center;font-size:.8rem;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 4px;font-family:var(--font-mono)}.formula-bar-input{flex:1;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 8px;color:var(--text-primary);font-family:var(--font-mono);font-size:.8rem;outline:none}.formula-bar-input:focus{border-color:var(--accent)}.sheet-page{height:100vh;height:100dvh;display:flex;flex-direction:column}.grid-container{flex:1;overflow:hidden;position:relative;background:var(--bg-primary);outline:none;min-width:0}.grid-scroll{width:100%;height:100%;overflow:auto;position:relative;-webkit-overflow-scrolling:touch}.grid-corner{position:sticky;top:0;left:0;background:var(--header-bg);border-right:1px solid var(--border);border-bottom:1px solid var(--border);z-index:3}.col-header{position:sticky;top:0;height:var(--col-header-height);background:var(--header-bg);border-bottom:1px solid var(--border);border-right:1px solid var(--cell-border);display:flex;align-items:center;justify-content:center;color:var(--header-text);font-size:.75rem;font-weight:500;z-index:2;-webkit-user-select:none;user-select:none}.row-header{position:sticky;left:0;background:var(--header-bg);border-right:1px solid var(--border);border-bottom:1px solid var(--cell-border);display:flex;align-items:center;justify-content:center;color:var(--header-text);font-size:.75rem;font-weight:500;z-index:1;-webkit-user-select:none;user-select:none}.cell{position:absolute;border-right:1px solid var(--cell-border);border-bottom:1px solid var(--cell-border);padding:0 6px;display:flex;align-items:center;font-size:.8rem;color:var(--text-primary);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:cell;-webkit-user-select:none;user-select:none}.cell:hover{background:var(--bg-hover)}.cell-selected{outline:2px solid var(--cell-selected);outline-offset:-1px;z-index:1}.cell-editing{background:var(--cell-editing-bg);outline:2px solid var(--accent-bright);outline-offset:-1px;z-index:2}.cell-in-range{background:var(--bg-selected);outline:1px solid var(--accent-dim);outline-offset:-1px}.cell-input{width:100%;height:100%;border:none;background:transparent;color:var(--text-primary);font-family:var(--font-mono);font-size:.8rem;outline:none;padding:0}.suggestion-panel{width:320px;background:var(--bg-secondary);border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.suggestion-header{padding:.75rem 1rem;border-bottom:1px solid var(--border);font-weight:600;font-size:.85rem;display:flex;align-items:center;justify-content:space-between}.suggestion-card{padding:.75rem 1rem;border-bottom:1px solid var(--border)}.suggestion-author{font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem}.suggestion-message{font-size:.8rem;color:var(--text-primary);margin-bottom:.5rem}.suggestion-diff{font-size:.75rem;padding:.5rem;background:var(--bg-tertiary);border-radius:var(--radius-sm);margin-bottom:.5rem}.diff-old{color:var(--red)}.diff-new{color:var(--green)}.suggestion-actions{display:flex;gap:.5rem}.btn{padding:.35rem .75rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;transition:background .15s}.btn-accept{background:var(--green-dim);color:var(--green)}.btn-accept:hover{background:var(--green);color:#000}.btn-reject{background:var(--red-dim);color:var(--red)}.btn-reject:hover{background:var(--red);color:#fff}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-bright)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover);color:var(--text-primary)}.sheet-placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-secondary)}.sheet-placeholder-sub{font-size:.8rem;color:var(--text-muted);margin-top:.5rem}.badge{font-size:.7rem;padding:2px 8px;border-radius:9999px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-owner{background:var(--accent-dim);color:var(--accent-bright)}.badge-viewing{background:var(--bg-tertiary);color:var(--text-secondary)}.badge-suggesting{background:var(--green-dim);color:var(--green)}.sheet-body{flex:1;display:flex;overflow:hidden}.suggest-banner{background:var(--green-dim);color:var(--green);font-size:.75rem;padding:4px 1rem;text-align:center;border-bottom:1px solid var(--green);flex-shrink:0}.header-row-label{background:var(--bg-tertiary);color:var(--accent-bright);font-weight:600;font-size:.7rem;border-bottom:2px solid var(--accent-dim)}.header-row-cell{background:var(--bg-tertiary);font-weight:600;color:var(--text-primary);border-bottom:2px solid var(--accent-dim)!important;font-size:.8rem}.header-row-cell:hover{background:var(--bg-hover)}.header-row-input{font-weight:600}.cell-suggested{border-left:3px solid var(--green)}.dialog-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:50}.dialog{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);width:400px;max-width:90vw}.dialog-title{padding:.75rem 1rem;font-weight:600;font-size:.9rem;border-bottom:1px solid var(--border)}.dialog-body{padding:1rem}.dialog-label{font-size:.8rem;color:var(--text-secondary);margin-bottom:.75rem}.dialog-input{width:100%;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.5rem .75rem;color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;outline:none}.dialog-input:focus{border-color:var(--accent)}.dialog-actions{padding:.75rem 1rem;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.5rem}.toast{position:fixed;bottom:1rem;right:1rem;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem 1rem;font-size:.8rem;color:var(--text-secondary);z-index:100;animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cell-numeric{justify-content:flex-end;text-align:right}.format-toolbar{height:28px;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 .5rem;gap:.5rem;flex-shrink:0}.format-select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 6px;color:var(--text-primary);font-family:var(--font-mono);font-size:.75rem;outline:none;cursor:pointer}.format-select:focus{border-color:var(--accent)}.disconnect-banner{background:var(--red-dim);color:var(--red);font-size:.75rem;padding:4px 1rem;text-align:center;border-bottom:1px solid var(--red);flex-shrink:0}.landing-nav{position:absolute;top:1rem;right:1rem;z-index:2;display:flex;align-items:center;gap:.5rem}.landing-nav-right{display:flex;align-items:center;gap:.5rem}.avatar{width:28px;height:28px;border-radius:50%;object-fit:cover}.avatar-sm{width:24px;height:24px}.avatar-placeholder{display:inline-flex;align-items:center;justify-content:center;background:var(--accent-dim);color:var(--accent-bright);font-size:.7rem;font-weight:600}.toolbar-user{display:flex;align-items:center}.login-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.login-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:2rem;width:380px;max-width:90vw;text-align:center}.login-brand{font-weight:700;font-size:1.2rem;color:var(--text-primary);display:block;margin-bottom:1.5rem}.login-title{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary)}.login-providers{display:flex;flex-direction:column;gap:.75rem}.btn-provider{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.6rem 1rem;border-radius:var(--radius);font-size:.85rem;font-weight:500;font-family:var(--font-mono);transition:background .15s;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary)}.btn-provider:hover{background:var(--bg-hover)}.login-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--text-muted);font-size:.8rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.magic-link-form{display:flex;flex-direction:column;gap:.75rem}.magic-link-btn{width:100%}.magic-link-sent{color:var(--text-secondary);font-size:.85rem}.magic-link-email{color:var(--accent-bright);font-weight:600;margin:.5rem 0 1rem}.login-footer{margin-top:1.5rem;font-size:.75rem;color:var(--text-muted)}.dashboard-page{min-height:100vh;min-height:100dvh;background:var(--bg-primary);overflow:auto}.dashboard-header{height:var(--toolbar-height);background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 1rem}.dashboard-user{display:flex;align-items:center;gap:.5rem}.dashboard-email{font-size:.8rem;color:var(--text-secondary)}.dashboard-content{max-width:800px;margin:0 auto;padding:2rem 1rem}.dashboard-section{margin-bottom:2rem}.dashboard-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.dashboard-section-header h2{font-size:1rem;font-weight:600}.dashboard-empty{color:var(--text-muted);font-size:.85rem;padding:1rem 0}.dashboard-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.dashboard-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);color:var(--text-primary);transition:background .1s;text-decoration:none}.dashboard-item:last-child{border-bottom:none}.dashboard-item:hover{background:var(--bg-hover)}.dashboard-item:hover .item-delete{opacity:1}.dashboard-item.dragging{opacity:.4}.dashboard-item.drop-active,.dashboard-breadcrumb.drop-active{background:var(--accent-dim);outline:2px dashed var(--accent);outline-offset:-2px}.item-delete{opacity:0;font-size:1.2rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:opacity .15s,color .15s,background .15s;border:none;background:none}.item-delete:hover{color:var(--red);background:var(--red-dim)}.breadcrumb-drop-hint{color:var(--accent-bright);font-size:.75rem;margin-left:.5rem}.dashboard-item-title{font-size:.85rem;font-weight:500}.dashboard-item-meta{font-size:.75rem;color:var(--text-muted)}.emoji-picker-overlay{position:fixed;inset:0;z-index:50}.emoji-picker{position:absolute;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem;display:grid;grid-template-columns:repeat(7,1fr);gap:2px;box-shadow:0 4px 12px #0006;z-index:51}.emoji-option{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;border-radius:var(--radius-sm);cursor:pointer;border:none;background:none}.emoji-option:hover{background:var(--bg-hover)}.item-icon{font-size:1.2rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;border:none;background:none}.item-icon:hover{background:var(--bg-hover)}.dashboard-item-link{flex:1;display:flex;align-items:center;justify-content:space-between;min-width:0;color:inherit;text-decoration:none}.dashboard-breadcrumb{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-secondary);margin-bottom:.75rem}.dashboard-breadcrumb button{color:var(--accent-bright);cursor:pointer;background:none;border:none;font-family:var(--font-mono);font-size:.8rem;padding:0}.dashboard-breadcrumb button:hover{text-decoration:underline}.dashboard-breadcrumb .separator{color:var(--text-muted)}.new-folder-input{display:flex;gap:.5rem;padding:.5rem 1rem;border-bottom:1px solid var(--border)}.new-folder-input .dialog-input{flex:1}.team-form{display:flex;gap:.75rem;margin-top:1rem;max-width:400px}.team-form .dialog-input{flex:1}.member-item{cursor:default}.member-info{display:flex;align-items:center;gap:.5rem}.invite-link-box{display:flex;gap:.5rem;margin-bottom:1rem}.invite-link-box .dialog-input{flex:1}.share-dialog{width:480px}.dialog-close{background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:0 .25rem;float:right}.dialog-close:hover{color:var(--text-primary)}.share-section{margin-bottom:1rem}.share-section:last-child{margin-bottom:0}.share-label{display:block;font-size:.8rem;font-weight:600;color:var(--text-secondary);margin-bottom:.5rem}.visibility-options{display:flex;gap:.5rem}.visibility-btn{flex:1}.share-link-row{display:flex;gap:.5rem}.share-link-row .dialog-input{flex:1}.share-add-form{display:flex;gap:.5rem;margin-bottom:.5rem}.share-add-form .dialog-input{flex:1}.share-role-select{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.35rem .5rem;color:var(--text-primary);font-family:var(--font-mono);font-size:.8rem}.share-error{font-size:.75rem;color:var(--red);margin-top:.25rem}.meta-fields{display:flex;flex-direction:column;gap:.5rem}.meta-fields .btn{align-self:flex-end}.collaborator-list{margin-top:.75rem}.collaborator-row{display:flex;align-items:center;gap:.5rem;padding:.4rem 0;font-size:.8rem}.collaborator-name{flex:1;color:var(--text-primary)}.error-text{color:var(--red);margin:1rem 0}.badge-editor{background:var(--green-dim);color:var(--green)}.badge-private{background:var(--red-dim);color:var(--red)}.btn-sm{padding:.25rem .5rem;font-size:.7rem}.not-found{height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.not-found-code{font-size:5rem;font-weight:700;color:var(--text-muted);line-height:1}.not-found-message{font-size:1.1rem;color:var(--text-secondary)}.landing-footer{position:absolute;bottom:1.5rem;left:0;right:0;text-align:center;z-index:1;font-size:.75rem;color:var(--text-muted)}.landing-footer a{color:var(--text-muted);transition:color .15s}.landing-footer a:hover{color:var(--text-secondary)}.landing-footer-sep{margin:0 .5rem}.legal-page{min-height:100vh;min-height:100dvh;background:var(--bg-primary);display:flex;flex-direction:column;align-items:center}.legal-nav{width:100%;max-width:800px;padding:1.5rem 2rem}.legal-brand{font-weight:700;font-size:1rem;color:var(--text-primary);text-decoration:none}.legal-brand:hover{color:var(--accent-bright)}.legal-content{max-width:800px;width:100%;padding:0 2rem 4rem;line-height:1.7}.legal-content h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.legal-updated{font-size:.8rem;color:var(--text-muted);margin-bottom:2.5rem}.legal-content section{margin-bottom:2rem}.legal-content h2{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.legal-content p{color:var(--text-secondary);font-size:.9rem;margin-bottom:.75rem}.legal-content ul{color:var(--text-secondary);font-size:.9rem;padding-left:1.5rem;margin-bottom:.75rem}.legal-content li{margin-bottom:.5rem}.legal-content strong{color:var(--text-primary);font-weight:600}.legal-content a{color:var(--accent-bright)}.legal-content a:hover{text-decoration:underline}.legal-footer{width:100%;max-width:800px;padding:1.5rem 2rem;border-top:1px solid var(--border);font-size:.8rem;color:var(--text-muted);margin-top:auto}.legal-footer a{color:var(--text-muted);transition:color .15s}.legal-footer a:hover{color:var(--text-secondary)}.legal-footer-sep{margin:0 .5rem;color:var(--text-muted)}@media(max-width:767px){:root{--default-row-height: 38px;--header-row-height: 40px;--col-header-height: 34px;--row-header-width: 44px;--formula-bar-height: 40px;--toolbar-height: 48px}html,body{font-size:15px}.landing-title{font-size:2.5rem}.landing-tagline{font-size:.95rem;margin-bottom:1.5rem}.landing-cta{padding:.85rem 2rem;font-size:1rem;min-height:48px}.landing-features{flex-direction:column;gap:.75rem;align-items:center}.landing-nav{top:.75rem;right:.75rem}.toolbar{height:auto;min-height:var(--toolbar-height);flex-wrap:wrap;padding:.35rem .5rem;gap:.3rem .5rem}.toolbar-left{flex:1 1 100%;min-width:0;overflow:hidden}.toolbar-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.toolbar-title-input{width:140px;font-size:.9rem}.toolbar-right{flex:1 1 100%;flex-wrap:wrap;gap:.35rem}.toolbar-brand{font-size:.85rem}.toolbar-separator,.status-text{display:none}.btn{min-height:40px;padding:.5rem .75rem;font-size:.8rem;display:inline-flex;align-items:center;justify-content:center}.btn-sm{min-height:36px;padding:.35rem .6rem}.btn-provider{min-height:48px;padding:.75rem 1rem;font-size:.9rem}.formula-bar{height:var(--formula-bar-height);padding:0 .5rem}.formula-bar-address{width:52px;font-size:.85rem;padding:4px 6px}.formula-bar-input{font-size:.9rem;padding:4px 8px}.col-header,.row-header{font-size:.85rem;font-weight:600}.cell{font-size:.9rem;padding:0 10px}.cell-input,.header-row-cell{font-size:.9rem}.header-row-label{font-size:.8rem}.cell{border-right-color:var(--border);border-bottom-color:var(--border)}.suggestion-panel{position:fixed;inset:0;width:100%;z-index:40;border-left:none}.suggestion-card{padding:1rem}.suggestion-author,.suggestion-message{font-size:.85rem}.suggestion-diff{font-size:.8rem;padding:.6rem}.dialog{width:100%;max-width:100vw;margin:.5rem;max-height:90vh;overflow-y:auto}.dialog-overlay{padding:.5rem;align-items:flex-start;padding-top:8vh}.dialog-title{font-size:1rem;padding:.85rem 1rem}.dialog-body{padding:1rem}.dialog-label{font-size:.85rem}.dialog-input{padding:.6rem .75rem}.share-dialog{width:100%}.share-add-form{flex-direction:column}.share-add-form .dialog-input{width:100%}.visibility-options{flex-wrap:wrap}.visibility-btn{flex:1 1 auto;min-width:80px;min-height:40px}.share-link-row{flex-direction:column}.dashboard-header{padding:0 .5rem}.dashboard-content{padding:1rem .75rem}.dashboard-email{display:none}.dashboard-section-header h2{font-size:1.05rem}.dashboard-item{flex-wrap:wrap;gap:.25rem .5rem;padding:.75rem;min-height:48px}.dashboard-item-link{flex:1 1 0;min-width:0;flex-direction:column;align-items:flex-start}.dashboard-item-title{font-size:.9rem}.dashboard-item-meta{font-size:.8rem}.dashboard-empty{font-size:.9rem}.dashboard-section-header{flex-wrap:wrap;gap:.5rem}.team-form{flex-direction:column;max-width:100%}.invite-link-box{flex-direction:column}.member-item{flex-direction:column;align-items:flex-start;gap:.4rem}.login-page{align-items:flex-start;padding-top:12vh}.login-card{padding:1.5rem;border-radius:0;border-left:none;border-right:none;width:100%;max-width:100vw}.login-title{font-size:1.15rem}.login-footer{font-size:.8rem}.badge{font-size:.65rem;padding:3px 7px}.badge-private,.badge-editor,.badge-viewing{display:none}.suggest-banner,.disconnect-banner{font-size:.8rem;padding:6px .75rem}.toast{left:.75rem;right:.75rem;bottom:.75rem;text-align:center;font-size:.85rem;padding:.6rem 1rem}.not-found-code{font-size:3rem}.not-found-message{font-size:1rem}.dash-sidebar{display:none}.dash-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.dash-mobile-nav{display:flex;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--border);overflow-x:auto}.dash-main{padding:1rem}.stats-row,.dash-recent-grid{grid-template-columns:1fr}.legal-nav{padding:1rem}.legal-content{padding:0 1rem 3rem}.legal-content h1{font-size:1.5rem}.legal-footer{padding:1rem}}@media(min-width:768px){.dash-mobile-header,.dash-mobile-nav{display:none}}.dash-layout{display:flex;height:100vh;height:100dvh;background:var(--bg-primary);flex-direction:column}@media(min-width:768px){.dash-layout{flex-direction:row}}.dash-sidebar{width:240px;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.dash-sidebar-brand{padding:1rem 1.25rem;font-weight:700;font-size:.95rem;color:var(--text-primary);text-decoration:none;border-bottom:1px solid var(--border);display:block}.dash-sidebar-nav{flex:1;padding:.75rem 0}.dash-nav-item{display:flex;align-items:center;gap:.6rem;padding:.55rem 1.25rem;font-size:.85rem;color:var(--text-secondary);cursor:pointer;transition:background .1s,color .1s;border:none;background:none;width:100%;text-align:left;font-family:var(--font-mono)}.dash-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.dash-nav-item.active{background:var(--bg-selected);color:var(--accent-bright)}.dash-nav-icon{font-size:1rem;width:20px;text-align:center}.dash-sidebar-user{padding:.75rem 1.25rem;border-top:1px solid var(--border);display:flex;align-items:center;gap:.6rem}.dash-sidebar-user-info{flex:1;min-width:0}.dash-sidebar-user-name{font-size:.8rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-sidebar-user-action{font-size:.7rem;color:var(--text-muted);cursor:pointer;background:none;border:none;font-family:var(--font-mono);padding:0}.dash-sidebar-user-action:hover{color:var(--text-secondary)}.dash-main{flex:1;overflow-y:auto;padding:2rem}.dash-main-inner{max-width:900px;margin:0 auto}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.25rem}.stat-card-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.stat-card-label{font-size:.75rem;color:var(--text-muted)}.dash-search{margin-bottom:1rem}.dash-search-input{width:100%;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:.5rem .75rem;color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;outline:none}.dash-search-input:focus{border-color:var(--accent)}.dash-search-input::placeholder{color:var(--text-muted)}.dash-recent{margin-bottom:1.5rem}.dash-recent-title{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.dash-recent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.dash-recent-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem 1rem;color:var(--text-primary);text-decoration:none;transition:background .1s,border-color .1s;display:flex;align-items:center;gap:.5rem}.dash-recent-card:hover{background:var(--bg-hover);border-color:var(--border-light)}.dash-recent-card-icon{font-size:1.1rem}.dash-recent-card-info{min-width:0;flex:1}.dash-recent-card-title{font-size:.8rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-recent-card-date{font-size:.7rem;color:var(--text-muted)}.plan-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.plan-badge{background:var(--accent-dim);color:var(--accent-bright);padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.plan-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.plan-usage{margin-bottom:2rem}.plan-usage-item{margin-bottom:1rem}.plan-usage-label{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary);margin-bottom:.35rem}.plan-usage-bar{height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden}.plan-usage-fill{height:100%;border-radius:3px;background:var(--accent);transition:width .3s}.plan-usage-fill.warning{background:var(--yellow)}.plan-usage-fill.danger{background:var(--red)}.plan-upgrade{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.plan-upgrade-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.plan-upgrade-features{list-style:none;padding:0;margin:0 0 1.25rem}.plan-upgrade-features li{font-size:.8rem;color:var(--text-secondary);padding:.2rem 0}.plan-upgrade-features li:before{content:"✓ ";color:var(--green)}.btn-upgrade{padding:.6rem 1.5rem;background:var(--bg-tertiary);border:1px solid var(--border);color:var(--text-muted);border-radius:var(--radius);font-family:var(--font-mono);font-size:.85rem;cursor:not-allowed}.dash-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.dash-section-header h2{font-size:1.1rem;font-weight:600}