:root{--green:#0f9d58;--green-dark:#188038;--blue:#1a73e8;--blue-dark:#0b57d0;--text:#1f1f1f;--muted:#5f6368;--border:#dadce0;--bg-soft:#f9fbfd;--chrome:#f0f4f9;--danger:#d93025;--radius:8px;color:var(--text);font-family:Google Sans,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:14px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#fff}button,input,select,textarea{font:inherit;color:inherit}.btn{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;padding:6px 14px;line-height:1.3;text-decoration:none;display:inline-block}.btn:hover{background:#f1f3f4}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue-dark)}.btn.danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn:disabled{opacity:.6;cursor:default}.btn.wide{width:100%;padding:10px}.link{color:var(--blue);cursor:pointer;background:0 0;border:none;padding:0}.muted{color:var(--muted)}.page-loading,.page-error{height:100%;color:var(--muted);text-align:center;place-content:center;gap:16px;display:grid}.auth-page{background:var(--chrome);place-items:center;min-height:100%;padding:24px;display:grid}.auth-card{background:#fff;border-radius:16px;flex-direction:column;gap:14px;width:100%;max-width:400px;padding:36px 40px;display:flex;box-shadow:0 1px 3px #3c404326,0 4px 12px #3c40431a}.auth-brand{color:var(--muted);align-items:center;gap:10px;font-size:20px;display:flex}.auth-card h1{margin:4px 0 8px;font-size:24px;font-weight:400}.field{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.field input{border:1px solid var(--border);color:var(--text);border-radius:6px;padding:10px 12px;font-size:15px}.field input:focus{outline:2px solid var(--blue);outline-offset:-1px;border-color:#0000}.field-hint{color:var(--muted);margin-top:-6px;font-size:12px}.form-error{color:var(--danger);background:#fce8e6;border-radius:6px;padding:8px 12px;font-size:13px}.auth-switch{color:var(--muted);text-align:center;font-size:13px}.auth-switch a{color:var(--blue)}.home{background:#fff;min-height:100%}.home-header{border-bottom:1px solid var(--border);z-index:5;background:#fff;align-items:center;gap:24px;padding:8px 20px;display:flex;position:sticky;top:0}.home-brand{color:var(--muted);align-items:center;gap:10px;min-width:160px;font-size:20px;display:flex}.home-search{background:var(--chrome);border:none;border-radius:24px;flex:1;max-width:680px;padding:11px 20px;font-size:15px}.home-search:focus{background:#fff;outline:none;box-shadow:0 1px 3px #3c40434d}.home-user{color:var(--muted);align-items:center;gap:12px;margin-left:auto;font-size:13px;display:flex}.home-new{background:var(--chrome);padding:20px 0 28px}.home-inner{max-width:1000px;margin:0 auto;padding:0 24px}.home-inner h2{margin:16px 0;font-size:16px;font-weight:500}.new-sheet-tile{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:6px;place-items:center;width:164px;height:128px;display:grid}.new-sheet-tile:hover{border-color:var(--green)}.new-sheet-tile .plus{color:var(--green);font-size:64px;font-weight:200;line-height:1}.tile-label{margin-top:8px;font-size:14px}.tiles{flex-wrap:wrap;gap:20px;display:flex}.import-tile{color:var(--blue)}.import-tile:hover{border-color:var(--blue)}.import-tile:disabled{opacity:.5;cursor:default}.tile-hint{color:var(--muted);margin-top:14px;font-size:12px}.home.drag-over{outline:3px dashed var(--blue);outline-offset:-8px}.drop-hint{background:var(--blue);color:#fff;pointer-events:none;z-index:50;border-radius:24px;padding:10px 20px;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.import-progress{align-items:center;gap:14px;display:flex}.spinner{border:3px solid #d2e3fc;border-top-color:var(--blue);border-radius:50%;flex-shrink:0;width:22px;height:22px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.import-banner{background:#fef7e0;border:1px solid #f9e1a0;border-radius:8px;align-items:flex-start;gap:12px;margin:0 8px 6px;padding:8px 12px;font-size:13px;display:flex}.import-banner ul{margin:4px 0 0;padding-left:18px}.import-banner .link{white-space:nowrap;margin-left:auto}.empty-state{color:var(--muted);padding:32px 0}.sheet-list{border-collapse:collapse;width:100%;margin-bottom:48px}.sheet-list th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:8px 12px;font-size:13px;font-weight:500}.sheet-list td{color:var(--muted);border-bottom:1px solid #f1f3f4;padding:10px 12px;font-size:13px}.sheet-list tbody tr{cursor:pointer}.sheet-list tbody tr:hover{background:#e8f0fe55}.sheet-title{color:var(--text);align-items:center;gap:10px;font-size:14px;text-decoration:none;display:inline-flex}.row-actions{text-align:right;width:48px;position:relative}.icon-btn{cursor:pointer;width:32px;height:32px;color:var(--muted);background:0 0;border:none;border-radius:50%;font-size:18px}.icon-btn:hover{background:#f1f3f4}.dropdown{z-index:20;text-align:left;background:#fff;border-radius:6px;min-width:170px;padding:6px 0;position:absolute;top:38px;right:8px;box-shadow:0 2px 6px #3c40434d,0 1px 2px #3c404333}.dropdown button{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;padding:8px 16px;display:block}.dropdown button:hover{background:#f1f3f4}.dropdown button.danger{color:var(--danger)}.modal-backdrop{z-index:100;background:#20212480;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:min(420px,100vw - 32px);padding:24px;box-shadow:0 8px 28px #00000047}.modal h2{margin:0 0 16px;font-size:20px;font-weight:400}.modal-message{color:var(--muted);line-height:1.5}.modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.workbench{background:var(--chrome);flex-direction:column;height:100%;display:flex;overflow:hidden}.wb-header{align-items:center;gap:8px;padding:6px 16px 0 12px;display:flex}.wb-logo{padding:4px;display:flex}.wb-titles{flex:1;min-width:0}.wb-title-row{align-items:center;gap:12px;display:flex}.wb-title{background:0 0;border:1px solid #0000;border-radius:4px;max-width:50vw;padding:2px 6px;font-size:18px}.wb-title:hover{border-color:var(--border)}.wb-title:focus{outline:2px solid var(--blue);background:#fff}.save-status{color:var(--muted);white-space:nowrap;font-size:12px}.save-status.error{color:var(--danger)}.wb-user{color:var(--muted);align-items:center;gap:12px;max-width:320px;font-size:13px;display:flex}.wb-user>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.menubar{gap:0;margin-left:2px;display:flex}.menubar-entry{position:relative}.menubar-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 8px;font-size:14px}.menubar-btn:hover,.menubar-btn.open{background:#dde3ea}.menu{z-index:60;-webkit-user-select:none;user-select:none;background:#fff;border-radius:6px;min-width:240px;padding:6px 0;font-size:14px;position:absolute;box-shadow:0 2px 6px 2px #3c404326,0 1px 2px #3c40434d}.menu-item{cursor:pointer;white-space:nowrap;align-items:center;padding:6px 12px 6px 4px;display:flex;position:relative}.menu-item:hover,.menu-item.open{background:#f1f3f4}.menu-item.disabled{color:#9aa0a6;cursor:default}.menu-item.disabled:hover{background:0 0}.menu-item.danger{color:var(--danger)}.menu-check{text-align:center;width:24px;color:var(--text);flex-shrink:0}.menu-label{flex:1}.menu-shortcut{color:var(--muted);margin-left:32px;font-size:13px}.menu-arrow{color:var(--muted);margin-left:16px}.menu-sep{background:var(--border);height:1px;margin:6px 0}.submenu-anchor{position:absolute;top:-6px;left:100%}.submenu-anchor>.menu{position:static}.toolbar{background:#edf2fa;border-radius:24px;flex-wrap:wrap;align-items:center;gap:1px;min-height:38px;margin:6px 8px 4px;padding:3px 8px;display:flex}.tb-btn{cursor:pointer;color:#444746;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 6px;font-size:14px;display:inline-flex}.tb-btn:hover:not(:disabled){background:#dde3ea}.tb-btn.active{color:#041e49;background:#d3e3fd}.tb-btn:disabled{color:#b3b6ba;cursor:default}.tb-sep{background:#c7c7c7;width:1px;height:20px;margin:0 6px}.tb-drop{display:inline-flex;position:relative}.color-icon{flex-direction:column;align-items:center;line-height:1;display:inline-flex}.a-icon{font-size:14px;font-weight:600}.fill-icon{font-size:14px}.color-bar{border:1px solid;width:16px;height:4px;margin-top:1px}.palette{z-index:60;background:#fff;border-radius:6px;padding:10px;position:absolute;top:32px;left:0;box-shadow:0 2px 6px 2px #3c404326,0 1px 2px #3c40434d}.palette-reset{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:4px 2px 8px}.palette-row{gap:3px;margin-bottom:3px;display:flex}.swatch{cursor:pointer;border:1px solid #0000001f;border-radius:50%;width:18px;height:18px;padding:0}.swatch.sel,.swatch:hover{box-shadow:0 0 0 2px #fff, 0 0 0 3px var(--blue)}.formula-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff;flex-shrink:0;align-items:stretch;height:30px;display:flex}.name-box{border:none;border-right:1px solid var(--border);width:100px;padding:0 10px;font-size:13px}.name-box:focus{outline:2px solid var(--blue);outline-offset:-2px}.fx{color:#9aa0a6;border-right:1px solid var(--border);align-items:center;padding:0 10px;font-family:serif;font-style:italic;display:flex}.formula-input{resize:none;white-space:pre;border:none;flex:1;padding:6px 10px;font-family:Arial,sans-serif;font-size:13px;line-height:18px;overflow:hidden}.formula-input:focus{outline:none}.grid-area{flex:1;min-height:0;display:flex;position:relative}.grid-wrap{background:#fff;flex:1;min-height:0;position:relative}.grid-scroller{position:absolute;inset:0;overflow:auto}.grid-content{position:relative}.grid-canvas{display:block;position:sticky;top:0;left:0}.add-rows{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:flex;position:absolute}.add-rows input{border:1px solid var(--border);border-radius:4px;width:64px;padding:4px 6px}.cell-editor{z-index:10;resize:none;border:2px solid var(--blue);white-space:pre;caret-color:#000;outline:none;padding:1px 2px 0;line-height:17px;position:absolute;overflow:hidden;box-shadow:0 2px 6px #3c40434d}.cell-editor[style*="opacity: 0"]{pointer-events:none;box-shadow:none;border:none;padding:0}.ac-popup,.fn-hint{z-index:30;background:#fff;border-radius:6px;font-size:13px;position:absolute;box-shadow:0 2px 6px 2px #3c404326,0 1px 2px #3c40434d}.ac-popup{min-width:300px;padding:4px 0}.ac-item{cursor:pointer;gap:12px;padding:6px 12px;display:flex}.ac-item.active{background:#e8f0fe}.ac-name{min-width:90px;font-weight:600}.ac-desc{color:var(--muted)}.fn-hint{max-width:420px;padding:10px 14px}.fn-hint-syntax{font-family:Roboto Mono,Menlo,monospace;font-size:12px}.fn-hint-arg{background:#fce8b2;border-radius:2px}.fn-hint-desc{color:var(--muted);margin-top:6px}.cell-tip{z-index:25;border-left:3px solid var(--danger);pointer-events:none;background:#fff;max-width:320px;padding:8px 12px;font-size:12px;position:absolute;box-shadow:0 2px 6px #3c40434d}.cell-tip strong{color:var(--danger);margin-bottom:2px;display:block}.tabbar{background:var(--chrome);border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:4px;height:40px;padding:0 8px;display:flex}.tab-icon-btn{cursor:pointer;color:#444746;background:0 0;border:none;border-radius:50%;width:32px;height:32px;font-size:18px}.tab-icon-btn:hover{background:#dde3ea}.tabbar .tb-drop .menu{bottom:38px}.tabs{scrollbar-width:none;flex:1;gap:2px;min-width:0;display:flex;overflow-x:auto}.tab{cursor:pointer;white-space:nowrap;color:#444746;-webkit-user-select:none;user-select:none;border-bottom:3px solid #0000;border-radius:4px 4px 0 0;align-items:center;gap:4px;height:32px;padding:0 6px 0 14px;font-size:14px;display:flex}.tab:hover{background:#e1e5ea}.tab.active{color:var(--blue-dark);border-bottom-color:var(--blue-dark);background:#e1e9f7;font-weight:500}.tab.drop-target{box-shadow:inset 3px 0 0 var(--blue)}.tab-caret{cursor:pointer;color:inherit;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:10px}.tab-caret:hover{background:#00000014}.tab-rename{border:1px solid var(--blue);border-radius:3px;padding:2px 4px;font-size:14px}.tab-rename.invalid{border-color:var(--danger)}.tab-filter-dot{background:var(--green-dark);border-radius:50%;width:6px;height:6px}.stats{margin-left:auto;position:relative}.stats-btn{border:1px solid var(--border);cursor:pointer;white-space:nowrap;background:#fff;border-radius:4px;padding:4px 10px;font-size:13px}.stats-menu{z-index:50;background:#fff;border-radius:6px;min-width:220px;padding:6px 0;position:absolute;bottom:36px;right:0;box-shadow:0 2px 6px 2px #3c404326}.stats-menu button{cursor:pointer;background:0 0;border:none;justify-content:space-between;gap:16px;width:100%;padding:6px 14px;font-size:13px;display:flex}.stats-menu button:hover,.stats-menu button.active{background:#f1f3f4}.filter-menu{z-index:70;background:#fff;border-radius:6px;width:280px;padding:6px 0 0;font-size:13px;position:fixed;box-shadow:0 2px 6px 2px #3c404326,0 1px 2px #3c40434d}.fm-action,.fm-section{text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:7px 16px;display:block}.fm-action:hover,.fm-section:hover{background:#f1f3f4}.fm-section{font-weight:500}.fm-sep{background:var(--border);height:1px;margin:6px 0}.fm-body{flex-direction:column;gap:8px;padding:4px 16px 8px;display:flex}.fm-body select,.fm-body input:not([type=checkbox]){border:1px solid var(--border);border-radius:4px;padding:6px 8px}.fm-links{font-size:12px}.fm-values{border:1px solid #f1f3f4;border-radius:4px;max-height:200px;overflow:auto}.fm-value{cursor:pointer;align-items:center;gap:8px;padding:4px 8px;display:flex}.fm-value:hover{background:#f1f3f4}.fm-value-text{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.fm-count{color:var(--muted);font-size:11px}.fm-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:8px;padding:10px 16px;display:flex}.toast{color:#fff;z-index:200;background:#323232;border-radius:6px;padding:10px 18px;font-size:13px;position:fixed;bottom:56px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000004d}@media (width<=640px){.wb-user>span,.home-user>span,.home-brand span{display:none}.home-brand{min-width:0}}.find-bar{z-index:40;background:#fff;border-radius:8px;align-items:center;gap:4px;max-width:calc(100% - 44px);padding:6px 8px 6px 10px;font-size:13px;display:flex;position:absolute;top:34px;right:22px;box-shadow:0 2px 6px 2px #3c404326,0 1px 2px #3c40434d}.find-icon{color:var(--muted);flex-shrink:0}.find-input{border:none;outline:none;width:200px;min-width:80px;padding:4px 6px;font-size:14px}.find-status{color:var(--muted);text-align:right;white-space:nowrap;min-width:64px;font-size:12px}.find-status.none{color:var(--danger)}.find-nav,.find-close,.find-toggle{cursor:pointer;color:#444746;white-space:nowrap;background:0 0;border:none;border-radius:4px;min-width:28px;height:28px;padding:0 6px}.find-nav:hover:not(:disabled),.find-close:hover,.find-toggle:hover{background:#f1f3f4}.find-nav:disabled{color:#bdc1c6;cursor:default}.find-toggle{font-size:12px;font-weight:500}.find-toggle.on{color:#041e49;background:#d3e3fd}.find-sep{background:var(--border);width:1px;height:18px;margin:0 4px}