:root{--cw-black:#111;--cw-gold:#d4af37;--cw-gold-dim:#a8862c;--grid-line:#e1e3e6;--grid-line-strong:#c7cacf;--header-bg:#f8f9fa;--select-blue:#1a73e8;--font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body,html{height:100%;margin:0}body{font-family:var(--font-ui);color:#202124;background:#fff;overflow:hidden}#appRoot{display:flex;flex-direction:column;height:100vh}.titlebar{justify-content:space-between;background:var(--cw-black);color:#fff;padding:8px 14px 4px;flex-shrink:0;gap:12px}.titlebar,.titlebar-left{display:flex;align-items:flex-start}.titlebar-left{gap:10px;min-width:0}.brand-mark{background:var(--cw-gold);color:var(--cw-black);font-weight:700;font-size:13px;padding:6px 8px;border-radius:6px;flex-shrink:0;margin-top:2px}.title-col{display:flex;flex-direction:column;min-width:0}.title-row{display:flex;align-items:center;gap:4px}.doc-title{background:transparent;border:1px solid transparent;color:#fff;font-size:15px;font-weight:600;padding:2px 6px;border-radius:4px;max-width:320px}.doc-title:focus,.doc-title:hover{border-color:rgba(212,175,55,.6);outline:none;background:hsla(0,0%,100%,.06)}.icon-btn{background:transparent;border:none;color:#bbb;font-size:15px;cursor:pointer;padding:2px 4px;border-radius:4px}.icon-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.star-btn.starred{color:var(--cw-gold)}.menubar{display:flex;gap:2px;margin-top:2px}.menubar details{position:relative}.menubar summary{list-style:none;cursor:pointer;font-size:12.5px;color:#ddd;padding:3px 8px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.menubar summary::-webkit-details-marker{display:none}.menubar summary:hover{background:hsla(0,0%,100%,.1);color:#fff}.menubar details[open] summary{background:rgba(212,175,55,.18);color:var(--cw-gold)}.menu-panel{position:absolute;top:26px;left:0;background:#fff;color:#222;min-width:210px;border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.25);padding:4px;z-index:100}.menu-panel .menu-btn,.menu-panel button{display:block;width:100%;text-align:left;background:none;border:none;padding:7px 10px;font-size:13px;border-radius:4px;cursor:pointer;color:#222}.menu-panel button:hover{background:#f1f3f4}.menu-sep{height:1px;background:#eee;margin:4px 2px}.titlebar-right{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-top:4px}.save-status{font-size:12px;color:#bdbdbd}.btn,.save-status{white-space:nowrap}.btn{border:1px solid hsla(0,0%,100%,.25);background:transparent;color:#fff;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer}.btn.small{padding:4px 8px;font-size:12px}.btn.ghost:hover{background:hsla(0,0%,100%,.1)}.btn.primary{background:var(--cw-gold);border-color:var(--cw-gold);color:var(--cw-black);font-weight:600}.btn.primary:hover{background:var(--cw-gold-dim)}.pill-share,.pill-upgrade{border-radius:18px}.auth-area,.user-chip{display:flex;align-items:center}.user-chip{gap:8px}.user-avatar{width:24px;height:24px;border-radius:50%;background:#555}#userName{font-size:13px;color:#eee;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden{display:none!important}.toolbar{display:flex;align-items:center;gap:4px;background:#fafafa;border-bottom:1px solid var(--grid-line-strong);padding:5px 10px;flex-shrink:0;flex-wrap:wrap}.tool-btn{border:1px solid transparent;background:transparent;border-radius:5px;min-width:28px;height:28px;font-size:14px;cursor:pointer;color:#333;padding:0 4px}.tool-btn.wide{width:auto;padding:0 10px;font-size:12px;font-weight:600}.tool-btn:hover{background:#e8eaed}.tool-btn.active{background:#e0e0e0;border-color:var(--cw-gold)}.tool-select{height:28px;border-radius:5px;border:1px solid var(--grid-line-strong);font-size:13px;background:#fff}.divider{width:1px;height:22px;background:var(--grid-line-strong);margin:0 4px}.tool-color-label{position:relative;display:flex;align-items:center;justify-content:center;width:30px;height:28px;border-radius:5px;cursor:pointer;font-size:13px;font-weight:600}.tool-color-label:hover{background:#e8eaed}.tool-color{position:absolute;bottom:0;left:4px;width:22px;height:6px;border:none;padding:0;cursor:pointer}.toolbar details{position:relative}.toolbar summary{list-style:none;cursor:pointer}.toolbar summary::-webkit-details-marker{display:none}.toolbar-dropdown-panel{position:absolute;top:30px;left:0;background:#fff;border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.25);padding:4px;z-index:100;min-width:170px}.toolbar-dropdown-panel .dd-item{padding:7px 10px;font-size:13px;border-radius:4px;cursor:pointer;white-space:nowrap}.toolbar-dropdown-panel .dd-item:hover{background:#f1f3f4}.formula-bar{display:flex;align-items:center;gap:10px;padding:6px 12px;border-bottom:1px solid var(--grid-line-strong);flex-shrink:0;background:#fff}.name-box{min-width:70px;max-width:100px;font-weight:600;color:#333;border:1px solid var(--grid-line-strong);border-radius:4px;padding:5px 6px}.fx,.name-box{font-size:13px}.fx{font-style:italic;color:#888}.formula-input{flex:1 1;border:1px solid transparent;font-size:13px;padding:5px 8px;border-radius:4px;outline:none;font-family:SFMono-Regular,Consolas,Menlo,monospace}.formula-input:focus{border-color:var(--select-blue);box-shadow:0 0 0 1px var(--select-blue)}.grid-wrapper{flex:1 1;overflow:auto;position:relative;background:#fff;outline:none}table.grid{border-collapse:separate;border-spacing:0;table-layout:fixed}.grid td,.grid th{border-right:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line);padding:0;position:relative}.col-header,.corner-cell,.row-header{background:var(--header-bg);color:#555;font-size:12px;font-weight:500;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:-webkit-sticky;position:sticky;z-index:2}.corner-cell{top:0;left:0;z-index:3;width:44px;min-width:44px}.col-header{top:0;min-width:90px}.col-header,.row-header{height:24px;cursor:pointer}.row-header{left:0;width:44px;min-width:44px}.col-header.selected,.row-header.selected{background:#d3e3fd;color:#0b57d0}.cell{width:90px;height:24px;min-width:90px;overflow:hidden;outline:none;white-space:nowrap;text-overflow:ellipsis;font-size:13px;padding:2px 4px;cursor:cell;vertical-align:middle}.cell.wrap{white-space:normal;word-break:break-word}.cell.valign-top{vertical-align:top}.cell.valign-middle{vertical-align:middle}.cell.valign-bottom{vertical-align:bottom}.cell.selected{outline:2px solid var(--select-blue);outline-offset:-2px;background:rgba(26,115,232,.06);z-index:1}.cell.in-range{background:rgba(26,115,232,.08)}.cell.editing{outline:2px solid var(--select-blue);overflow:visible;white-space:normal;z-index:5;background:#fff}.cell.err{color:#c5221f}.cell-editor{width:100%;height:100%;border:none;outline:none;font-size:13px;padding:0 3px;box-sizing:border-box;font-family:inherit}.sheet-tabs{display:flex;align-items:center;gap:4px;background:#f8f9fa;border-top:1px solid var(--grid-line-strong);padding:4px 8px;flex-shrink:0;overflow-x:auto}.add-sheet-btn{width:26px;height:26px;border-radius:5px;border:1px solid var(--grid-line-strong);background:#fff;cursor:pointer;font-size:14px;color:#444;flex-shrink:0}.add-sheet-btn:hover{background:#eee}.sheet-tabs details{position:relative}.sheet-tabs summary{list-style:none}.sheet-tabs summary::-webkit-details-marker{display:none}.all-sheets-panel{position:absolute;bottom:30px;left:0;background:#fff;border-radius:6px;box-shadow:0 6px 20px rgba(0,0,0,.25);padding:4px;z-index:100;min-width:160px}.all-sheets-panel .dd-item{padding:7px 10px;font-size:13px;border-radius:4px;cursor:pointer}.all-sheets-panel .dd-item:hover{background:#f1f3f4}.tabs-list{display:flex;gap:4px}.sheet-tab{display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:6px 6px 0 0;font-size:13px;cursor:pointer;color:#555;border:1px solid transparent;white-space:nowrap}.sheet-tab:hover{background:#eee}.sheet-tab.active{background:#fff;border-color:var(--grid-line-strong);border-bottom-color:#fff;color:var(--cw-black);font-weight:600;box-shadow:inset 0 2px 0 var(--cw-gold)}.sheet-tab .close-tab{opacity:.5;font-size:12px}.sheet-tab .close-tab:hover{opacity:1;color:#c5221f}.toast{position:fixed;bottom:56px;left:50%;transform:translateX(-50%);background:var(--cw-black);color:#fff;padding:9px 18px;border-radius:6px;font-size:13px;box-shadow:0 4px 14px rgba(0,0,0,.25);z-index:200;border:1px solid var(--cw-gold)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:300}.modal-box{background:#fff;border-radius:8px;padding:20px 24px;max-width:420px;box-shadow:0 10px 40px rgba(0,0,0,.3)}.modal-box h3{margin:0 0 10px;font-size:16px}.modal-box .modal-close{margin-top:14px}.grid-wrapper::-webkit-scrollbar{width:12px;height:12px}.grid-wrapper::-webkit-scrollbar-thumb{background:#c7cacf;border-radius:8px;border:3px solid #fff}.grid-wrapper::-webkit-scrollbar-track{background:#fff}@media print{.formula-bar,.modal-overlay,.sheet-tabs,.titlebar,.toast,.toolbar{display:none!important}}