:root{color-scheme:dark;--bg: #080e20;--panel: #10172c;--panel-raised: #171d38;--border: #303159;--text: #f3f1ff;--muted: #a9afd0;--violet: #9685ff;--violet-strong: #7058ed;--cyan: #28d9f5;--green: #3de3a4;--radius: 16px;--shadow-glow: 0 0 22px #7566f71a;--lab-panel-border: #5c5f91;--lab-panel-surface: linear-gradient(125deg, #12182bf5, #0b1424f5);--lab-panel-shadow: 0 0 18px #6262c51a, inset 0 0 18px #596ba10b;--lab-button-surface: linear-gradient(120deg, #1d2440d9, #161c32e8);--lab-button-border: #7476ac;--lab-control-surface: #0b1124e8;--lab-control-border: #4f567b;--lab-icon: #c7c4ff;--lab-scene-mobile: radial-gradient(ellipse at top right, #36407833, transparent 70%);--lab-primary: linear-gradient(115deg, #7652e9, #5441c9 75%, #3376aa);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;background:var(--bg);color:var(--text)}.workspace:has(app-ai-agent,app-github)>main{max-width:none;margin-inline:0;padding:30px 36px}.workspace:has(app-ai-agent,app-github)>.site-footer{display:none}@media(max-width:600px){.workspace:has(app-ai-agent,app-github)>main{padding:16px 10px}}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0,rgba(52,62,122,.1254901961),transparent 55%),var(--bg);min-width:320px}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button,.button{cursor:pointer;border:1px solid var(--border);border-radius:10px;padding:10px 16px;background:linear-gradient(130deg,#25213e,#141c31);color:var(--text);min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;transition:border-color .18s,background .18s}button:hover,.button:hover{border-color:var(--violet)}button:disabled{cursor:wait;opacity:.55}.primary{background:var(--lab-primary);border-color:#8f83ee;box-shadow:0 0 18px #7566f722;font-weight:650}.danger{background:#702b47;border-color:#e36b90}.danger-text{color:#ffa0b5}.text-button{background:none;border:0;padding:8px 0;justify-content:flex-start}.muted,small{color:var(--muted)}small{font-size:.78rem}h1,h2,p{margin-top:0}h1{font-size:2.35rem;line-height:1.2;letter-spacing:-.035em;margin-bottom:10px}h2{font-size:1.22rem;letter-spacing:-.02em;margin-bottom:18px}p{line-height:1.65}label{display:flex;flex-direction:column;gap:9px;font-size:.87rem;font-weight:550;margin:0 0 20px}input:not([type=checkbox],[type=range]),textarea,select{width:100%;border:1px solid var(--border);border-radius:9px;background:#090f22a8;color:var(--text);padding:12px;min-height:44px;outline:none}textarea{resize:vertical;line-height:1.6}input:focus,textarea:focus,select:focus{border-color:var(--violet);box-shadow:0 0 0 3px #ad6bff1c}input[type=range]{width:100%;accent-color:var(--violet);height:30px}input[type=file]{font-size:.8rem}input[type=checkbox]{width:20px;height:20px;accent-color:var(--violet)}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.accent{color:var(--violet)}.eyebrow{font-size:.7rem;letter-spacing:.17em;color:var(--muted);font-weight:650;margin-bottom:12px}.panel{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(125deg,#17182e,#10172ce8);box-shadow:0 8px 25px #0002}.sidebar{position:fixed;width:244px;inset:0 auto 0 0;border-right:1px solid var(--border);background:#0a1020;z-index:2;overflow:hidden}.brand{display:flex;align-items:center;gap:10px;font-size:1.65rem;font-weight:750;letter-spacing:-.045em}.sidebar>.brand{padding:25px 18px;position:relative;z-index:1}.brand img{filter:drop-shadow(0 0 8px rgba(157,88,236,.4392156863))}.brand small{display:block;font-size:.51rem;letter-spacing:.12em;font-weight:500;margin-top:3px}.sidebar nav{position:relative;z-index:1;padding:22px 16px}.sidebar nav a,.sidebar nav button{width:100%;justify-content:flex-start;background:transparent;display:flex;align-items:center;gap:13px;padding:13px 15px;border-radius:10px;border:1px solid transparent;font-weight:550}.sidebar nav a span{font-size:1.55rem;color:var(--lab-icon)}.sidebar nav a.active{border-color:var(--lab-button-border);background:linear-gradient(110deg,#6655b955,#354b8944);box-shadow:var(--shadow-glow)}.sidebar-art{position:absolute;bottom:0;width:100%;aspect-ratio:288/561;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 28%);mask-image:linear-gradient(to bottom,transparent,#000 28%)}.sidebar-art-scene{position:absolute;inset:0;background:url(/assets/backgrounds/lab-sidebar-complete.png) center bottom/100% auto no-repeat;opacity:.92;pointer-events:none;-webkit-mask-image:linear-gradient(to right,#000 65%,transparent 88%),linear-gradient(to right,#000 83%,transparent 88%),linear-gradient(to top,#000 23%,transparent 28%);mask-image:linear-gradient(to right,#000 65%,transparent 88%),linear-gradient(to right,#000 83%,transparent 88%),linear-gradient(to top,#000 23%,transparent 28%);-webkit-mask-size:100% 100%,100% 40%,100% 100%;mask-size:100% 100%,100% 40%,100% 100%;-webkit-mask-position:bottom;mask-position:bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.cat-eyes{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.cat-blink{opacity:0;animation:cat-sleep-blink 19s linear infinite}.cat-blink path{fill:none;stroke:#44f5f7;stroke-width:2;stroke-linecap:round}@keyframes cat-sleep-blink{0%,31.9%,33.1%,78.9%,80.1%,81%,82.2%,to{opacity:0}32.2%,32.8%,79.2%,79.8%,81.4%,81.9%{opacity:1}}@media(prefers-reduced-motion:reduce),(max-width:850px){.cat-blink{animation:none;opacity:0}}.sidebar-caption{position:absolute;top:205px;left:32px;color:var(--muted);font-size:.82rem;z-index:1}.workspace{margin-left:244px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:85px;display:flex;align-items:center;gap:20px;padding:0 36px;border-bottom:1px solid var(--border);background:linear-gradient(110deg,#15112799,#090e1b99)}.topbar .brand{font-size:1.7rem}.topbar-caption{color:var(--muted);font-size:.9rem;border-left:1px solid var(--border);padding-left:24px;flex:1}.pixel{float:right;color:var(--cyan);font-size:1.3rem}.topbar>button{margin-left:auto}main{width:100%;max-width:1480px;margin:0 auto;padding:36px;flex:1;outline:none}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-heading p:last-child{margin-bottom:0}.page-heading>.button{flex-shrink:0}.search-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.search{display:flex;flex-direction:row;align-items:center;gap:10px;max-width:440px;width:100%;margin:0;color:var(--violet);font-size:1.5rem}.search input{font-size:.87rem}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-card{display:block;padding:8px;min-width:0;overflow:hidden;border-color:#665099;position:relative;transition:transform .18s,box-shadow .18s,border-color .18s;background:linear-gradient(130deg,#1d1a34,#0d1828)}.project-card:after{content:"";position:absolute;bottom:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,var(--violet),var(--cyan));opacity:.65}.project-card:hover{transform:translateY(-2px);border-color:var(--cyan);box-shadow:var(--shadow-glow)}.cover{display:block;width:100%;height:auto;aspect-ratio:4/1;object-fit:cover;border-radius:10px}.card-content{padding:18px 13px 15px}.card-heading{display:flex;align-items:center;gap:10px}.card-heading h2{font-size:1.45rem;margin:0;flex:1}.card-arrow{border:1px solid #6c548d;border-radius:9px;padding:3px 9px;font-size:1.4rem;color:#d0b1ff}.status{font-size:.74rem;white-space:nowrap;border:1px solid #676580;color:#d0cfe4;border-radius:20px;padding:6px 11px;background:#8782a514;display:inline-flex;gap:6px;align-items:center}.status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.status[data-status=Active]{color:var(--green);border-color:#2b876a;background:#144d393d}.status[data-status="In progress"]{color:var(--cyan);border-color:#367faf;background:#17446c3d}.status[data-status="On hold"]{color:#edc27a;border-color:#876d3b}.summary{font-size:.88rem;color:#d2d2ea;min-height:44px;margin:10px 0 20px}.card-footer{display:flex;flex-wrap:wrap;align-items:center;gap:14px;justify-content:space-between}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{font-size:.73rem;padding:5px 9px;border:1px solid var(--border);background:#26233f;border-radius:14px;color:#e0d9f5}.card-footer small{font-size:.68rem}.site-footer{padding:34px 36px 25px;color:var(--muted);font-size:.72rem;background:linear-gradient(0deg,rgba(93,43,122,.0549019608),transparent);border-top:1px solid rgba(48,49,89,.3333333333)}.site-footer>span:first-child{color:#d0c0ef}.site-footer>span:last-child{float:right}.error,.notice,.offline{padding:15px 18px;border:1px solid #ce6788;border-radius:10px;background:#58223a55;line-height:1.65;overflow-wrap:anywhere}.notice{border-color:#63528c;background:#43286733}.offline{border-color:#b2914f;background:#59471b44;margin:15px 36px 0}.error button{margin-left:10px}.empty{padding:35px;grid-column:1/-1;text-align:center}.login{max-width:480px;margin:4vh auto;padding:35px;text-align:center;border-color:#6c498e;box-shadow:var(--shadow-glow)}.login h1{font-size:1.9rem}.login h1 span{color:#c896ff}.login form{text-align:left;margin-top:30px}.login form button{width:100%;margin:0 0 25px}.login small{font-size:.73rem}.back{display:inline-flex;min-height:44px;align-items:center;color:#c2b7e2;margin-bottom:15px}.project-hero{overflow:hidden;margin-bottom:22px;border-color:#77549d;position:relative;min-height:300px}.project-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:.6}.hero-content{position:relative;padding:30px;background:linear-gradient(90deg,#0a1021f7,#0a1021c9 45%,#0a10212b)}.hero-content .page-heading{justify-content:flex-start;margin-bottom:8px}.hero-content h1{font-size:2.6rem}.hero-content p{max-width:550px;color:#e5def6}.hero-content .actions{margin-top:25px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.detail-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px}.detail-grid>.panel{padding:23px;min-width:0}.detail-grid p{font-size:.9rem;margin-bottom:10px}.preserve{white-space:pre-wrap;overflow-wrap:anywhere}.pinned{border-color:#a463d1;background:linear-gradient(135deg,#33204a66,#121b32);box-shadow:var(--shadow-glow)}.pinned .text-button{display:flex;font-size:.8rem;color:#d6b0ff}.section-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:15px}.section-heading h2{margin:0}.section-heading>.muted{font-size:.78rem}.journal{margin-top:35px;max-width:1050px}.note-composer{padding:22px;border-color:#65528f;margin:20px 0}.note-composer label{margin-bottom:12px}.note-composer .actions{justify-content:flex-end;margin-top:15px}.checkbox{display:flex;flex-direction:row;align-items:center;font-size:.83rem;margin:0 auto 0 0!important}.journal-entry{padding:20px 23px;margin:14px 0;border-left:2px solid #6a67a6}.journal-entry p{margin:0;font-size:.92rem}.journal-entry.is-pinned{border-color:#9f64c9}.note-actions{display:flex;gap:7px}.note-actions button{font-size:.75rem;padding:7px 10px;min-height:38px}.project-meta{margin-top:35px;display:flex;justify-content:space-between;align-items:center;gap:20px}.confirm{padding:16px;border:1px solid #bd607f;border-radius:10px;margin-top:15px}.confirm button{margin:8px 8px 0 0}.editor{padding:28px;max-width:1100px}.editor fieldset{border:0;padding:0;margin:0;min-width:0}.editor-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:35px}.editor-grid>div{min-width:0}.editor-grid>div+div{border-left:1px solid var(--border);padding-left:30px}.editor-cover{margin-bottom:20px}.cover-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:15px 0 25px}.cover-choices button{padding:4px;overflow:hidden}.cover-choices img{width:100%;height:40px;object-fit:cover;border-radius:5px}.cover-choices button.selected{border-color:var(--cyan)}.link-editor{border-top:1px solid var(--border);padding-top:25px;margin-top:15px}.link-row{display:flex;align-items:flex-end;gap:12px}.link-row label:first-child{flex:1}.link-row label:nth-child(2){flex:2}.link-row>button{margin-bottom:20px}.form-footer{justify-content:flex-end;border-top:1px solid var(--border);margin-top:20px;padding-top:22px}.skip-link{position:fixed;top:-100px;left:15px;z-index:10;background:var(--panel);padding:15px;border:1px solid var(--cyan);border-radius:10px}.skip-link:focus{top:10px}@media(min-width:1600px){.project-card .cover{max-height:190px}.sidebar{width:255px}.workspace{margin-left:255px}main{padding:40px}}@media(max-width:1150px){.sidebar{width:220px}.workspace{margin-left:220px}main{padding:27px}.topbar{padding:0 27px}.brand{font-size:1.45rem}.topbar-caption{font-size:.78rem}.detail-grid{grid-template-columns:1fr 1fr}.overview{grid-column:1/-1}.card-heading{flex-wrap:wrap}.card-heading h2{font-size:1.25rem}.card-arrow{display:none}.card-content{padding:15px 8px}.card-footer{gap:12px}.status{font-size:.68rem;padding:5px 8px}}@media(max-width:850px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:74px}.topbar .brand{font-size:1.6rem}.topbar-caption{font-size:.75rem}main{padding:26px}.project-grid{gap:20px}.editor-grid{gap:25px}.editor-grid>div+div{padding-left:25px}.project-meta{align-items:flex-start}.site-footer{padding-bottom:calc(22px + env(safe-area-inset-bottom))}}@media(max-width:600px){:root{font-size:14px}.topbar{padding:0 18px;gap:10px;padding-top:env(safe-area-inset-top);height:calc(70px + env(safe-area-inset-top))}.topbar-caption{display:none}.topbar button{padding:9px 12px}.topbar .brand{font-size:1.6rem}main{padding:25px 16px}h1{font-size:2rem}.eyebrow{font-size:.64rem}.page-heading{align-items:flex-start;gap:10px}.page-heading>.button{font-size:.8rem;padding:9px 12px}.page-heading .muted{font-size:.85rem;max-width:240px}.search-row>.muted{display:none}.search{max-width:none}.project-grid{grid-template-columns:1fr;gap:22px}.project-card{padding:7px;border-radius:15px}.card-content{padding:16px 12px}.card-heading h2{font-size:1.5rem}.card-arrow{display:block}.status{font-size:.73rem;padding:6px 10px}.summary{min-height:0;font-size:.93rem;margin:12px 0 18px}.card-footer{row-gap:16px}.tags span{font-size:.73rem}.card-footer small{font-size:.72rem}.hero-content{padding:22px;background:linear-gradient(#0a102133,#0a1021ed 48%)}.project-hero{padding-top:80px}.project-hero>img{inset:0;height:190px;opacity:.8}.hero-content h1{font-size:2.1rem}.hero-content .page-heading{justify-content:space-between}.detail-grid{grid-template-columns:1fr}.overview{grid-column:auto}.detail-grid>.panel{padding:22px}.pinned{order:-1}.section-heading{align-items:flex-start}.note-composer{padding:18px}.note-composer .actions button{min-height:44px}.journal-entry{padding:18px}.note-actions{width:100%;justify-content:flex-end}.note-actions button{min-height:44px}.project-meta{flex-direction:column;gap:8px}.editor{padding:20px}.editor-grid{grid-template-columns:1fr}.editor-grid>div+div{border-left:0;padding-left:0;border-top:1px solid var(--border);padding-top:25px}.link-row{flex-wrap:wrap;gap:0 12px;padding-bottom:15px;border-bottom:1px solid var(--border);margin-bottom:15px}.link-row label:first-child,.link-row label:nth-child(2){flex:1 1 100%}.link-row>button{margin:0 0 5px}.form-footer{justify-content:space-between}.login{padding:26px 20px;margin:2vh auto}.login h1{font-size:1.85rem}.site-footer{padding-left:18px;font-size:.67rem}.offline{margin:12px 16px 0}.checkbox{flex-basis:100%;margin-bottom:5px!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.project-card:hover{transform:none}}.skip-link{top:10px}.skip-link:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;border:0;white-space:nowrap}.project-card-link{display:block;height:100%}.drag-handle{position:absolute;top:14px;right:14px;z-index:1;width:44px;height:44px;min-height:44px;padding:0;background:#0c1329e8;border-color:#8870b6;color:var(--text);cursor:grab;touch-action:none}.drag-handle span{font-size:26px;line-height:1}.drag-handle:active{cursor:grabbing}.drag-handle:disabled{cursor:default}.reorder-help{font-size:.78rem;margin:0 0 6px}.reorder-status{font-size:.78rem;min-height:1.5em;margin:0 0 12px}.project-card.cdk-drag-preview{border-color:var(--cyan);box-shadow:var(--shadow-glow);transform:none}.project-card.cdk-drag-placeholder{opacity:.25;border-style:dashed}.project-grid.cdk-drop-list-dragging .project-card{transform:none;transition:none}.workspace:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github){position:relative;isolation:isolate}.workspace:has(app-dashboard)>main{max-width:none;margin-inline:0}@media(min-width:1280px){app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github){--lab-sidebar: clamp(220px, 15.3vw, 256px);--scene-rail: clamp(125px, 10.4vw, 200px)}app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github) .sidebar{width:var(--lab-sidebar);background:linear-gradient(90deg,#070d1b66,#070c1dc9);border-color:#514470}app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github) .sidebar>.brand{height:104px;visibility:hidden}app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github) .sidebar nav{padding:38px 14px 0;display:flex;flex-direction:column;gap:12px}app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github) .sidebar nav a,app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github) .sidebar nav button{padding:10px 20px;min-height:50px;display:flex;align-items:center;gap:20px;border-radius:12px;font-size:18px;font-weight:500;width:100%;justify-content:flex-start}app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github) .sidebar nav button{background:transparent;border:1px solid transparent}app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github) .sidebar nav span{font-size:28px;color:#dddfff;min-width:27px;text-align:center}app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github) .sidebar nav a.active{background:linear-gradient(110deg,#6655b970,#3d55a865);border-color:#968be0;box-shadow:0 0 13px #7566d52b,inset 0 0 12px #6977cc18}app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github) .sidebar-caption{display:none}app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github) .workspace{margin-left:var(--lab-sidebar);--scene-rail: clamp(125px, 10.4vw, 200px);min-height:100svh}app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github) .topbar{height:82px;flex:0 0 82px;padding:0 28px 0 44px;gap:32px;background:#0b102140;border-color:#4c5378}app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github) .topbar .brand{font-size:40px;gap:24px;letter-spacing:-.04em;text-shadow:0 0 18px rgba(123,123,209,.168627451)}app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github) .topbar .brand img{width:72px;height:72px}app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github) .topbar .brand span{background:linear-gradient(90deg,#b7adff,#fff 80%);-webkit-background-clip:text;background-clip:text;color:transparent}app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github) .topbar-caption{font-size:20px;color:#d3d4ee;font-weight:400;flex:initial;padding-left:30px;white-space:nowrap;border-color:#9977b7}app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github) .pixel{display:none}app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github) .topbar-actions .topbar-action{width:48px;height:48px;padding:0;border-radius:50%;background:#151225bb;border-color:#716183}app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github) .topbar-actions .topbar-action .action-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github) .topbar-actions .sign-out{border-color:#28d9f5;color:#28d9f5;background:#08152299}app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github) main{padding:30px 36px clamp(110px,14vh,170px)}app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github) .site-footer{display:none}}@media(min-width:1280px)and (max-width:1450px){app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github) .topbar{padding-left:30px;gap:14px}app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github) .topbar .brand{font-size:30px;gap:6px}app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github) .topbar .brand img{width:52px;height:52px}app-root:has(app-dashboard,app-dashboard-home,app-detail,app-ai-agent,app-github) .topbar-caption{font-size:15px;padding-left:16px}}.nav-icon,.heading-icon,.project-icon,.info-icon,.action-icon{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar nav .nav-icon{width:28px;height:28px;flex-shrink:0;color:#e9c9ff}.topbar-actions{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}.topbar-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;min-height:44px;white-space:nowrap;line-height:1}.action-icon{width:24px;height:24px;flex-shrink:0}@media(max-width:1100px){.topbar-actions{gap:8px}.topbar-actions .topbar-action{width:44px;padding:0}.topbar-actions .action-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}.mobile-navigation{display:none}@media(max-width:850px){.mobile-navigation{display:flex;gap:8px;padding:10px 16px;border-bottom:1px solid var(--border)}.mobile-navigation a{display:flex;flex:1;min-height:44px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;font-size:13px}.mobile-navigation a.active{background:var(--lab-button-surface);border-color:var(--lab-button-border);color:var(--lab-icon)}}.auth-page>main{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;width:100%;max-width:none;margin:0;padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom))}.auth-page app-login{display:block;width:min(100%,480px)}.auth-page .login{margin:0}.update-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 24px 0;padding:14px 18px;border:1px solid var(--lab-button-border);border-radius:12px;background:var(--panel)}.update-banner div{min-width:0}.update-banner strong,.update-banner span{display:block}.update-banner span{color:var(--muted);font-size:.85rem;margin-top:4px}.update-banner button{flex-shrink:0}@media(max-width:600px){.update-banner{flex-wrap:wrap;margin:12px 10px 0;padding:12px}.update-banner button{width:100%}}