:root{color-scheme:light;--ink:#202124;--muted:#444746;--line:#e1e3e1;--hover:#f1f3f4;--accent:#1a73e8;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:#fff}.host-root,body,html{height:100%;margin:0}body{overflow:hidden}a{color:var(--accent)}button,input{font:inherit}.host-page,.sheet-screen{height:100%;display:flex;flex-direction:column;min-height:0}.host-bar{z-index:10;flex:none;display:flex;align-items:center;gap:12px;height:40px;padding:0 12px;border-bottom:1px solid var(--line)}.host-bar,.share{position:relative}.share-panel{position:absolute;top:calc(100% + 8px);right:0;z-index:3;width:320px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:0 8px 24px rgb(32 33 36/12%)}.share-add{display:flex;gap:8px}.share-add input,.share-add select{height:28px;padding:0 8px;border:1px solid var(--line);border-radius:4px;background:#fff}.share-add input{flex:1 1;min-width:0}.share-role{display:block;color:var(--muted);font-size:12px}.share-list{list-style:none;margin:12px 0 0;padding:0}.share-list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;font-size:13px}.share-panel .host-error,.share-panel .host-muted{margin:8px 0 0}.host-email,.host-muted,.host-status{color:var(--muted);font-size:13px}.host-bar .host-spacer{flex:1 1}.auth-card button,.host-bar button,.host-button{height:28px;padding:0 10px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);cursor:pointer}.auth-card button:hover,.host-bar button:hover,.host-button:hover{background:var(--hover)}.host-scroll{flex:1 1;overflow:auto;padding:24px}.sheet-list{list-style:none;margin:16px 0 0;padding:0;max-width:640px}.sheet-list li{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--line)}.new-sheet{display:flex;flex-wrap:wrap;gap:8px;max-width:640px}.new-sheet .host-error{flex-basis:100%}.auth-card input,.new-sheet input{height:32px;padding:0 8px;border:1px solid var(--line);border-radius:4px}.new-sheet input{flex:1 1}.auth-card{width:min(360px,100%);margin:15vh auto 0;gap:12px}.auth-card,.auth-card label{display:flex;flex-direction:column}.auth-card label{gap:4px;font-size:13px}.auth-card input{height:36px}.auth-card button{height:36px;background:var(--accent);color:#fff;border:0}.auth-card button:disabled{opacity:.6;cursor:default}.host-error{color:#b3261e;font-size:13px;margin:0}.sheet-screen .sheet-app{height:auto;flex:1 1 auto;min-height:0}