:root{--ink: #1f1810;--ink-2: #4a4032;--muted: #6b6152;--paper: #faf6ec;--surface: #fffdf8;--sunken: #f3edde;--hairline: #e2dbc9;--accent: #2458b8;--accent-2: #d99a00;--danger: #b8112e;--good: #1e7b45;--radius: 6px;font-family:-apple-system,Segoe UI,Roboto,Noto Sans,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink)}button{font:inherit;cursor:pointer;border:1px solid var(--hairline);background:var(--surface);color:var(--ink);border-radius:var(--radius);padding:6px 12px}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}.link{border:none;background:none;color:var(--accent);padding:2px 4px;text-decoration:none}.link.danger{color:var(--danger)}input,select{font:inherit;padding:6px 8px;border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface);color:var(--ink)}a{color:var(--accent)}.muted{color:var(--muted)}.small{font-size:12px}.error{color:var(--danger)}.page{max-width:720px;margin:0 auto;padding:32px 20px}.page-pad{padding:32px 20px}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-header h1{font-size:22px}.new-sheet-form{display:flex;gap:8px;margin-bottom:20px}.new-sheet-form input{flex:1}.sheet-list{list-style:none;margin:0;padding:0;border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface)}.sheet-list li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--hairline)}.sheet-list li:last-child{border-bottom:none}.sheet-list li a{flex:1;font-weight:500}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.auth-card{width:340px;background:var(--surface);border:1px solid var(--hairline);border-radius:10px;padding:28px;display:flex;flex-direction:column;gap:14px}.auth-card h1{font-size:20px;margin:0 0 4px}.auth-card label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--ink-2)}.editor-page{display:flex;flex-direction:column;height:100vh}.editor-header{display:flex;align-items:center;gap:16px;padding:12px 16px;border-bottom:1px solid var(--hairline);background:var(--surface)}.editor-header h1{font-size:16px;flex:1;margin:0}.editor-actions{display:flex;gap:8px}.conflict-banner{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fdf0d5;border-bottom:1px solid var(--accent-2);font-size:13px}.sheet-tabs{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--sunken);border-bottom:1px solid var(--hairline);overflow-x:auto}.sheet-tab{display:flex;align-items:center;border-radius:var(--radius) var(--radius) 0 0}.sheet-tab.active .tab-btn{background:var(--surface);font-weight:600}.tab-btn{border:1px solid transparent;background:transparent;padding:6px 10px;border-radius:var(--radius) var(--radius) 0 0}.tab-close{border:none;background:none;padding:2px 6px;color:var(--muted)}.tab-close:hover{color:var(--danger)}.new-sheet-input{width:120px;font-size:12px;padding:5px 8px}.grid-scroll{flex:1;overflow:auto;background:var(--surface)}.sheet-grid{border-collapse:collapse;font-size:13px}.sheet-grid th{position:sticky;top:0;background:var(--sunken);border:1px solid var(--hairline);padding:4px 8px;font-weight:500;color:var(--muted);z-index:1}.sheet-grid th.corner{left:0;z-index:2}.sheet-grid tbody th{position:sticky;left:0;top:auto}.sheet-grid td.cell{border:1px solid var(--hairline);min-width:84px;height:26px;padding:0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:cell}.sheet-grid td.cell.readonly{cursor:default}.sheet-grid td.cell.active{padding:0;outline:2px solid var(--accent);outline-offset:-2px}.sheet-grid td.cell-error{color:var(--danger)}.sheet-grid td.cell input{width:100%;height:100%;border:none;border-radius:0;padding:0 6px}.sheet-grid td.cell input:focus{outline:none}.modal-backdrop{position:fixed;inset:0;background:#1f181059;display:flex;align-items:center;justify-content:center;z-index:10}.modal{width:480px;max-height:80vh;overflow-y:auto;background:var(--surface);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:14px}.modal-wide{width:720px}.modal-header{display:flex;align-items:center;justify-content:space-between}.modal-header h2{margin:0;font-size:17px}.share-create-row,.chart-create-row{display:flex;gap:8px}.chart-create-row .range-input{width:110px}.share-link-row{display:flex;gap:8px}.share-link-row input{flex:1}.share-link-list,.chart-grid{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.share-link-list li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--hairline);border-radius:var(--radius);font-size:13px}.share-link-list li.revoked{opacity:.5}.perm-badge{font-size:11px;text-transform:uppercase;background:var(--sunken);border-radius:4px;padding:2px 6px}.perm-badge.perm-edit{background:#fdf0d5}.perm-badge.perm-view{background:#e7effa}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chart-card{border:1px solid var(--hairline);border-radius:var(--radius);padding:10px}.chart-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:13px}