.app-header,.app-main{--shell-col:1080px}.app-room{position:fixed;inset:0;pointer-events:none}body:has(.acct-room) .app-room,body:has(.cal-room) .app-room,body:has(.learn-article-page) .app-room,body:has(.lib-root) .app-room,body:has([data-room=own]) .app-room{display:none}.app-room:before{content:"";position:absolute;inset:0;background:var(--wash-field)}[data-theme=light] .app-room:before{-webkit-mask-image:linear-gradient(180deg,#000,#000 46%,rgba(0,0,0,.55) 72%,rgba(0,0,0,.26));mask-image:linear-gradient(180deg,#000,#000 46%,rgba(0,0,0,.55) 72%,rgba(0,0,0,.26))}.app-room:after{content:"";position:absolute;inset:0 0 6% 0;transform:scaleX(1.9);transform-origin:50% 0;background:var(--key-cone);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.62),rgba(0,0,0,.95) 13%,rgba(0,0,0,.52) 40%,rgba(0,0,0,.17) 70%,transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.62),rgba(0,0,0,.95) 13%,rgba(0,0,0,.52) 40%,rgba(0,0,0,.17) 70%,transparent)}.app-header{--rail-fade:linear-gradient(90deg,#000 0,#000 calc(100% - var(--s-9)),transparent 100%);--key-latch-ring:inset 0 0 0 1px var(--accent-line);--fascia-key:radial-gradient(ellipse 58% 150% at 50% -4%,rgba(124,136,236,.115),transparent 72%),radial-gradient(ellipse 26% 130% at 50% -8%,hsla(42,86%,67%,.055),transparent 74%)}[data-theme=light] .app-header{--fascia-key:radial-gradient(ellipse 58% 150% at 50% -4%,rgba(255,252,246,.46),transparent 72%),radial-gradient(ellipse 26% 130% at 50% -8%,hsla(42,86%,67%,.1),transparent 74%)}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky);background:var(--fascia-key),var(--mill-face);box-shadow:var(--spec-strong),var(--engrave),var(--e2)}.app-bar{display:flex;align-items:center;gap:var(--s-7);max-width:var(--shell-col);margin:0 auto;padding:var(--s-5) var(--s-8)}.app-bar .wordmark{flex:0 0 auto;white-space:nowrap}.app-tabs{display:flex;align-items:center;gap:var(--s-7);flex:1 1 auto;min-width:0;padding:var(--s-3) 0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;font-family:var(--font-ui);font-weight:600;font-size:var(--fs-base);letter-spacing:var(--ls-cap);line-height:var(--lh-snug);text-transform:uppercase}.app-tabs::-webkit-scrollbar{display:none}.app-tab{position:relative;flex:0 0 auto;white-space:nowrap;scroll-snap-align:start;color:var(--text-muted);padding:var(--s-2) 0 var(--s-4);border-radius:var(--r-2);transition:color var(--t-state) var(--ease-detent),transform var(--t-tap) var(--ease-detent)}.app-tab:after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:2px;background:var(--accent);transition:left var(--t-enter) var(--ease-detent),right var(--t-enter) var(--ease-detent),background var(--t-state) var(--ease-detent)}@media (hover:hover){.app-tab:hover{color:var(--text)}.app-tab:hover:after{left:0;right:0;background:var(--accent-line)}}.app-tab.active,.app-tab[aria-current=page]{color:var(--text)}.app-tab.active:after,.app-tab[aria-current=page]:after{left:0;right:0;background:var(--accent)}.app-tab:active{transform:translateY(1px);transition-duration:0ms}.app-tab:focus-visible{outline-offset:var(--s-2)}.app-tools{display:flex;align-items:center;gap:var(--s-2);flex:0 0 auto}.app-cog{position:relative}.cog-btn,.theme-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--hit-min);height:var(--hit-min);padding:0;border:none;border-radius:var(--r-3);background:var(--mill-raised);color:var(--text-muted);font-family:var(--font-ui);font-size:var(--fs-lg);font-variant-emoji:text;line-height:1;cursor:pointer;box-shadow:var(--bezel),var(--spec),var(--engrave),var(--e1);transition:color var(--t-state) var(--ease-detent),background var(--t-state) var(--ease-detent),box-shadow var(--t-state) var(--ease-detent),transform var(--t-tap) var(--ease-detent)}@media (hover:hover){.cog-btn:hover:not(:disabled),.theme-btn:hover:not(:disabled){color:var(--text);background:var(--mill-float);box-shadow:var(--bezel),var(--spec-strong),var(--engrave),var(--e2)}}.cog-btn:active:not(:disabled),.theme-btn:active:not(:disabled){transform:translateY(1px);background:var(--mill-face);box-shadow:var(--bezel),var(--e-press);transition-duration:0ms}.cog-btn:focus-visible,.theme-btn:focus-visible{outline:none;box-shadow:var(--focus),var(--e1)}.cog-btn:disabled,.theme-btn:disabled{color:var(--text-disabled);background:var(--mill-raised);box-shadow:var(--bezel);cursor:default}.cog-btn[aria-expanded=true]{color:var(--accent);background:var(--accent-soft);box-shadow:var(--well-inset),var(--key-latch-ring)}.cog-btn[aria-expanded=true]:focus-visible{outline:none;box-shadow:var(--focus),var(--well-inset),var(--key-latch-ring)}.cog-menu{position:absolute;right:0;top:calc(100% + var(--s-4));min-width:26ch;z-index:var(--z-popover);border-radius:var(--r-5);padding:var(--s-3);display:grid;grid-gap:var(--s-1);gap:var(--s-1)}.cog-email{padding:var(--s-3) var(--s-4);font-family:var(--font-mono);font-size:var(--fs-sm);letter-spacing:var(--ls-sm);color:var(--text-faint);overflow-wrap:anywhere}.cog-menu-sep{margin:var(--s-2) calc(var(--s-3) * -1)}.cog-menu a,.cog-menu button{display:flex;align-items:center;width:100%;min-height:var(--hit-min);text-align:left;background:none;border:none;color:var(--text);font-family:inherit;font-size:var(--fs-base);padding:var(--s-3) var(--s-4);border-radius:var(--r-3);cursor:pointer;transition:color var(--t-state) var(--ease-detent),background var(--t-state) var(--ease-detent),box-shadow var(--t-state) var(--ease-detent),transform var(--t-tap) var(--ease-detent)}@media (hover:hover){.cog-menu a:hover,.cog-menu button:hover{color:var(--text);background:var(--mill-raised);box-shadow:var(--spec)}}.cog-menu a:active,.cog-menu button:active{transform:translateY(1px);color:var(--accent);background:var(--accent-soft);transition-duration:0ms}.cog-menu a:focus-visible,.cog-menu button:focus-visible{outline:none;box-shadow:var(--focus)}.app-slot{position:relative;--slot-air:linear-gradient(180deg,transparent 12%,rgba(124,136,236,.3));--slot-spill:radial-gradient(ellipse 62% 100% at 50% 0%,rgba(112,124,224,.15),transparent 72%)}[data-theme=light] .app-slot{--slot-air:linear-gradient(180deg,hsla(0,0%,100%,.26),hsla(0,0%,100%,.5));--slot-spill:radial-gradient(ellipse 62% 100% at 50% 0%,hsla(0,0%,100%,.4),transparent 72%)}.app-slot:after{content:"";position:absolute;left:0;right:0;top:100%;height:var(--s-11);pointer-events:none;background:var(--slot-spill)}.tape{--tape-fade:var(--s-9);height:var(--s-7);overflow:hidden;background:var(--slot-air),var(--mill-sunken);box-shadow:var(--well-inset);transition:box-shadow var(--t-state) var(--ease-detent);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--tape-fade),#000 calc(100% - var(--tape-fade)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--tape-fade),#000 calc(100% - var(--tape-fade)),transparent 100%)}.tape-track{display:flex;height:100%;width:max-content;animation:tape-scroll 90s linear infinite}.tape-paused{animation-play-state:paused}@keyframes tape-scroll{to{transform:translateX(-50%)}}@media (hover:hover){.tape:hover .tape-track{animation-play-state:paused}}.tape-run{display:flex;align-items:center;gap:var(--s-8);padding:0 var(--s-6);font-family:var(--font-mono);font-size:var(--fs-cap);letter-spacing:var(--ls-cap);font-feature-settings:tabular-nums slashed-zero;font-variant-numeric:tabular-nums slashed-zero;font-variant-emoji:text;white-space:nowrap}.tape-run,.tape-sym{color:var(--text-muted);transition:color var(--t-state) var(--ease-detent)}.tape-px{color:var(--text);letter-spacing:var(--ls-sm);font-feature-settings:"tnum" 1,"zero" 1}.tape-up .tape-dir{color:var(--gain)}.tape-dn .tape-dir{color:var(--loss)}.tape-ev{color:var(--warn)}.tape-note{color:var(--text-faint)}@media (hover:hover){.tape:hover{box-shadow:var(--spec),var(--well-inset)}.tape:hover .tape-run,.tape:hover .tape-sym{color:var(--text)}}.app-main{position:relative;max-width:var(--shell-col);margin:0 auto;padding:var(--s-9) var(--s-8) var(--s-11)}@media (max-width:900px){.app-tabs{-webkit-mask-image:var(--rail-fade);mask-image:var(--rail-fade)}}@media (max-width:640px){.app-bar{flex-wrap:wrap;gap:var(--s-4) var(--s-5);padding:var(--s-4) var(--s-5) 0}.app-bar .wordmark{font-size:var(--fs-lg)}.app-tools{margin-left:auto}.app-tabs{order:3;flex-basis:100%;gap:var(--s-6);padding:var(--s-3) 0 var(--s-4)}.tape{--tape-fade:var(--s-7)}.tape-run{padding:0 var(--s-5);gap:var(--s-7)}.app-main{padding:var(--s-7) var(--s-5) var(--s-9)}}@media (pointer:coarse){.app-tab{padding-top:var(--s-5);padding-bottom:var(--s-6)}}