@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-dark: hsl(189 30%, 90%);--bg: hsl(189 30% 95%);--bg-light: hsl(0, 0%, 100%);--text: hsl(0 0% 5%);--text-muted: hsl(0 0% 30%);--border: hsl(0 % 30%);--gradient: linear-gradient(0deg, var(--bg) 95%, var(--bg-light));--gradient-hover: linear-gradient(0deg, var(--bg), var(--bg-light));--highlight: hsl(0 0% 100%);--border-card: solid 1px var(--bg);--shadow: 0px 2px 2px hsla(0, 0%, 0%, .07), 0px 4px 4px hsla(0, 0%, 0%, .15);--primary: hsl(189, 90%, 19%);--primary-muted: hsl(189, 30%, 90%);--text-light: var(--bg-light);--danger: hsl(10, 40%, 41%)}:root{--ui-radius-sm: 5px;--ui-pill-padding: 5px;--ui-icon-action-size: 48px;--ui-popover-gap: 8px}button:not([class]):not([style]){display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ui-radius-sm);background:transparent;color:var(--text-muted);border:1px solid var(--text-muted);padding:6px 12px;line-height:1;min-height:32px}.button.logout,.unstyled-pill-btn{border-radius:var(--ui-radius-sm);background:transparent;padding:var(--ui-pill-padding)}button:not([class]):not([style]):disabled,.unstyled-pill-btn:disabled{opacity:.6;cursor:not-allowed}.button.logout{color:var(--bg-light);border:1px solid var(--bg-light)}.unstyled-pill-btn{color:var(--text-muted);border:1px solid var(--text-muted)}button:not([class]):not([style]):hover,.unstyled-pill-btn:hover{background:var(--primary);color:var(--text-light)}.icon-action-btn{height:var(--ui-icon-action-size);width:var(--ui-icon-action-size);border-radius:999px;border:1px solid var(--border-muted);background:var(--bg-light);box-shadow:var(--shadow);display:inline-flex;align-items:center;justify-content:center;padding:0;overflow:hidden;white-space:nowrap;cursor:pointer;transition:width .2s ease}.icon-action-btn .action-icon{width:var(--ui-icon-action-size);min-width:var(--ui-icon-action-size);display:inline-flex;align-items:center;justify-content:center;font-size:22px}.icon-action-btn .action-label{max-width:0;overflow:hidden;opacity:0;transform:translate(-6px);display:inline-flex;align-items:center;justify-content:center;text-align:center;font-weight:700;line-height:1;transition:max-width .2s ease,opacity .15s ease,transform .15s ease}.icon-action-btn:hover,.icon-action-btn:focus-visible{width:auto;padding-right:12px;justify-content:flex-start}.icon-action-btn:hover .action-label,.icon-action-btn:focus-visible .action-label{max-width:999px;opacity:1;transform:translate(0)}.action-menu{position:relative;display:inline-flex}.action-popover{position:absolute;right:0;bottom:calc(var(--ui-icon-action-size) + var(--ui-popover-gap));min-width:200px;background:var(--bg-light);border:1px solid var(--border-muted);border-radius:12px;box-shadow:var(--shadow);padding:6px;z-index:2000;transform-origin:bottom right;transform:scaleY(.9);opacity:0;pointer-events:none;transition:transform .12s ease,opacity .12s ease}.action-popover.is-open{transform:scaleY(1);opacity:1;pointer-events:auto}.action-popover-item{width:100%;display:flex;align-items:center;gap:10px;border:0;background:transparent;padding:10px;border-radius:10px;cursor:pointer;text-align:left}.action-popover-item:hover{background:var(--bg)}.action-popover-icon{width:24px;display:inline-flex;justify-content:center}body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,sans-serif}.auth-gate{min-height:100vh;display:grid;place-items:center;padding:24px;background-color:#1a1e27;font-family:Inter,sans-serif}.auth-gate-card{border:1px solid #3b4252;border-radius:14px;padding:24px;background:#262a33;min-width:320px;max-width:440px;width:100%;box-shadow:0 20px 60px #00000073,0 0 0 1px #ffffff0a;animation:fadeInScale .2s ease-out forwards}.auth-gate-title{font-size:20px;font-weight:700;margin-bottom:8px;color:#f7fafc}.auth-gate-text{font-size:14px;color:#cbd5e0;margin-bottom:16px}.auth-gate .button{padding:10px 18px;font-size:14px;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .2s ease;outline:none}.auth-gate .button:focus{box-shadow:0 0 0 4px #63b3ed59}.auth-gate .button.login{background-color:#63b3ed;color:#1a1e27}.auth-gate .button.login:hover{background-color:#4299e1}.auth-gate .button.logout{background-color:#fc8181;color:#1a1e27}.auth-gate .button.logout:hover{background-color:#e53e3e}.loading-text{font-size:1rem;color:#a0aec0;animation:pulse 1.5s infinite ease-in-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}