@import"https://cdn.jsdelivr.net/npm/@catppuccin/palette/css/catppuccin.css";.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}html,body{margin:0;min-height:100vh}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;padding-bottom:10px}progress{color:var(--primary-container);background-color:var(--on-secondary)}nav.group.connected>:is(.button,button).active{background-color:var(--primary);color:var(--on-primary)}.list>li{white-space:wrap!important}.presence-container{padding-top:30px}.user-container{display:flex;align-items:center;justify-content:center;gap:16px;padding-bottom:10px}.avatar-container{position:relative;flex-shrink:0}#avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.shape.sided-cookie9 img#avatar{width:100%;height:100%;object-fit:cover;border-radius:inherit}.status-badge{position:absolute;bottom:0;right:0;width:16px;height:16px;border-radius:50%;border:3px solid var(--surface-container-low)}.status-badge.online{background-color:#000}.status-badge.idle{background-color:#fbbc05}.status-badge.dnd{background-color:#ea4335}.status-badge.offline{background-color:#9aa0a6}.user-info{display:flex;justify-content:center;align-items:center;gap:5px}#username{font-weight:600;font-size:1.3rem;color:var(--on-surface)}#user-status{padding:5px;max-width:fit-content}#status-text{font-size:1rem;color:var(--secondary)}*+:is(address,article,blockquote,code,.field,fieldset,form,.grid,h1,h2,h3,h4,h5,h6,nav,ol,p,pre,.row,section,aside,table,.tabs,ul){margin-block-start:0rem}#presence-data{display:flex;flex-direction:column;gap:12px}.activity-card{background:var(--surface-container);border-radius:8px;padding:16px;position:relative;display:block;justify-content:center;flex-direction:column;gap:12px}.activity-header{color:var(--on-surface);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.activity-content{display:flex;gap:16px;align-items:center}.activity-cover{width:60px;height:60px;border-radius:4px;object-fit:cover;flex-shrink:0}.activity-text{flex-grow:1;min-width:0}.activity-title{font-weight:600;font-size:1rem;color:var(--on-surface);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-detail{font-size:.875rem;color:var(--secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-wrapper{margin-top:12px;width:100%}.progress-container{width:100%;height:4px;background:var(--on-secondary);border-radius:2px;position:relative;overflow:hidden}.progress-bar-fill{height:100%;position:absolute;left:0;top:0;transition:width 1s linear}.timestamp-wrapper{display:flex;justify-content:space-between;width:100%;margin-top:6px}.timestamp-start,.timestamp-end{font-size:.6875rem;color:var(--secondary);line-height:1}.activity-card.spotify{border-left:3px solid var(--primary-container)}.activity-card.spotify .activity-header{color:var(--primary-container)}.activity-card.spotify .progress-bar-fill,.activity-card.playing .progress-bar-fill,.activity-card.streaming .progress-bar-fill,.activity-card.listening .progress-bar-fill{background-color:var(--primary-container)}.no-activity{text-align:center;color:#b3b3b3;padding:20px 0;font-style:italic;font-size:.875rem;display:none}@media (max-width: 768px){#presence-data{display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:center}.activity-card{border-radius:8px;padding:16px;position:relative;display:block;justify-content:center;flex-direction:column;gap:12px;width:95%}}:root{--cf-bg0: #2c3946;--cf-bg1: #364758;--cf-bg2: #42566a;--cf-bg3: #324151;--cf-bg4: #232e38;--cf-acc0: #7bb1bd;--cf-acc1: #bd7ba2;--cf-txt0: #c3ccd4;--cf-txt1: #ffffff;--cf-txt2: #d8e1e9;--cf-hover0: rgba(255, 255, 255, .09);--cf-hover1: rgba(255, 255, 255, .18);--cf-hover2: rgba(255, 255, 255, .075);--cf-br0: 4px;--cf-br1: 7px;--cf-br2: 15px;--cf-red: #be7d7d;--cf-orange: #bd987e;--cf-yellow: #c5c387;--cf-green: #7bbe92;--cf-blue: #7cb2bd;--cf-purple: #9a88bf;--cf-pink: #be7aa1;--cf-font0: Verdana, sans-serif;--cf-font1: monospace;--cf-shadow0: 0 0 7px rgba(0, 0, 0, .15);--cf-shadow1: 0 0 12px rgba(0, 0, 0, .2);--cf-shadow2: 0 0 15px rgba(0, 0, 0, .25)}:root,body.eyecandy{--ec-bg1: oklch(41.264% .0233 291.865);--ec-bg2: oklch(36.954% .02048 289.149);--ec-bg3: oklch(40.149% .02346 291.828);--ec-bginput: oklch(43.946% .03201 318.121);--ec-bgcard: oklch(39.54% .02534 294.348);--ec-button: oklch(46.963% .02088 289.062);--ec-button-hover: oklch(38.009% .01695 290.119);--ec-accent: oklch(72.785% .07856 77.143);--ec-accent-hover: oklch(66.032% .09643 76.273);--ec-accent2: oklch(71.271% .08103 345.993);--ec-accent2-hover: oklch(62.56% .11033 347.554);--ec-red: oklch(70.712% .06975 52.907);--ec-green: oklch(78.71% .07614 83.795);--ec-yellow: oklch(77.649% .08304 83.296);--ec-blue: oklch(68.927% .06685 83.719);--ec-hover1: #cfc7d83e;--ec-hover2: #10132033;--ec-text1: oklch(93.157% .00278 285.781);--ec-text2: oklch(80.502% .01969 282.637);--ec-text3: oklch(79.22% .05233 327.013);--primary: var(--ec-accent);--on-primary: var(--ec-bg2);--primary-container: var(--ec-accent2);--on-primary-container: #e9ddff;--secondary: var(--ec-text2);--on-secondary: var(--ec-bginput);--secondary-container: var(--ec-button);--on-secondary-container: var(--ec-text1);--tertiary: #efb8c8;--on-tertiary: #4a2532;--tertiary-container: #633b48;--on-tertiary-container: #ffd9e3;--error: #ffb4ab;--on-error: #690005;--error-container: #93000a;--on-error-container: #ffb4ab;--background: #1c1b1e;--on-background: #e6e1e6;--surface: var(--ec-bg2);--on-surface: var(--ec-text1);--surface-variant: var(--ec-bginput);--on-surface-variant: var(--ec-text3);--outline: #948f99;--outline-variant: #696779;--shadow: #000000;--scrim: #000000;--inverse-surface: #e6e1e6;--inverse-on-surface: #313033;--inverse-primary: #6750a4;--surface-dim: #141316;--surface-bright: #3a383c;--surface-container-lowest: #0f0e11;--surface-container-low: var(--ec-bg1);--surface-container: var(--ec-bgcard);--surface-container-high: var(--ec-bgcard);--surface-container-highest: #363438;--elevate1: 0 .125rem .125rem 0 var(--ec-hover2);--status-online: oklch(72.437% .08404 134.335);--status-idle: oklch(72.759% .09315 83.593);--status-dnd: oklch(70.948% .06793 52.597);--status-offline: oklch(56.804% .03526 287.192)}body.ctp-frappe{--primary: var(--ctp-frappe-blue);--on-primary: var(--ctp-frappe-base);--primary-container: var(--ctp-frappe-green);--on-primary-container: #e9ddff;--secondary: var(--ctp-frappe-subtext1);--on-secondary: var(--ctp-frappe-surface0);--secondary-container: var(--ctp-frappe-surface0);--on-secondary-container: var(--ctp-frappe-text);--tertiary: #efb8c8;--on-tertiary: #4a2532;--tertiary-container: #633b48;--on-tertiary-container: #ffd9e3;--error: #ffb4ab;--on-error: #690005;--error-container: #93000a;--on-error-container: #ffb4ab;--background: #1c1b1e;--on-background: #e6e1e6;--surface: var(--ctp-frappe-mantle);--on-surface: var(--ctp-frappe-text);--surface-variant: var(--ctp-frappe-surface0);--on-surface-variant: var(--ctp-frappe-subtext1);--outline: #948f99;--outline-variant: var(--ctp-frappe-surface0);--shadow: #000000;--scrim: #000000;--inverse-surface: #e6e1e6;--inverse-on-surface: #313033;--inverse-primary: #6750a4;--surface-dim: #141316;--surface-bright: #3a383c;--surface-container-lowest: #0f0e11;--surface-container-low: var(--ctp-frappe-base);--surface-container: var(--ctp-frappe-crust);--surface-container-high: var(--ctp-frappe-crust);--surface-container-highest: #363438;--status-online: var(--ctp-frappe-green);--status-idle: var(--ctp-frappe-yellow);--status-dnd: var(--ctp-frappe-red);--status-offline: var(--ctp-frappe-surface2)}body.ctp-macchiato{--primary: var(--ctp-macchiato-blue);--on-primary: var(--ctp-macchiato-base);--primary-container: var(--ctp-macchiato-green);--on-primary-container: #e9ddff;--secondary: var(--ctp-macchiato-subtext1);--on-secondary: var(--ctp-macchiato-surface0);--secondary-container: var(--ctp-macchiato-surface0);--on-secondary-container: var(--ctp-macchiato-text);--tertiary: #efb8c8;--on-tertiary: #4a2532;--tertiary-container: #633b48;--on-tertiary-container: #ffd9e3;--error: #ffb4ab;--on-error: #690005;--error-container: #93000a;--on-error-container: #ffb4ab;--background: #1c1b1e;--on-background: #e6e1e6;--surface: var(--ctp-macchiato-mantle);--on-surface: var(--ctp-macchiato-text);--surface-variant: var(--ctp-macchiato-surface0);--on-surface-variant: var(--ctp-macchiato-subtext1);--outline: #948f99;--outline-variant: var(--ctp-macchiato-surface0);--shadow: #000000;--scrim: #000000;--inverse-surface: #e6e1e6;--inverse-on-surface: #313033;--inverse-primary: #6750a4;--surface-dim: #141316;--surface-bright: #3a383c;--surface-container-lowest: #0f0e11;--surface-container-low: var(--ctp-macchiato-base);--surface-container: var(--ctp-macchiato-crust);--surface-container-high: var(--ctp-macchiato-crust);--surface-container-highest: #363438;--status-online: var(--ctp-macchiato-green);--status-idle: var(--ctp-macchiato-yellow);--status-dnd: var(--ctp-macchiato-red);--status-offline: var(--ctp-macchiato-surface2)}body.ctp-mocha{--primary: var(--ctp-mocha-blue);--on-primary: var(--ctp-mocha-base);--primary-container: var(--ctp-mocha-green);--on-primary-container: #e9ddff;--secondary: var(--ctp-mocha-subtext1);--on-secondary: var(--ctp-mocha-surface0);--secondary-container: var(--ctp-mocha-surface0);--on-secondary-container: var(--ctp-mocha-text);--tertiary: #efb8c8;--on-tertiary: #4a2532;--tertiary-container: #633b48;--on-tertiary-container: #ffd9e3;--error: #ffb4ab;--on-error: #690005;--error-container: #93000a;--on-error-container: #ffb4ab;--background: #1c1b1e;--on-background: #e6e1e6;--surface: var(--ctp-mocha-mantle);--on-surface: var(--ctp-mocha-text);--surface-variant: var(--ctp-mocha-surface0);--on-surface-variant: var(--ctp-mocha-subtext1);--outline: #948f99;--outline-variant: var(--ctp-mocha-surface0);--shadow: #000000;--scrim: #000000;--inverse-surface: #e6e1e6;--inverse-on-surface: #313033;--inverse-primary: #6750a4;--surface-dim: #141316;--surface-bright: #3a383c;--surface-container-lowest: #0f0e11;--surface-container-low: var(--ctp-mocha-base);--surface-container: var(--ctp-mocha-crust);--surface-container-high: var(--ctp-mocha-crust);--surface-container-highest: #363438;--status-online: var(--ctp-mocha-green);--status-idle: var(--ctp-mocha-yellow);--status-dnd: var(--ctp-mocha-red);--status-offline: var(--ctp-mocha-surface2)}body.cityfog{--primary: var(--cf-acc0);--on-primary: var(--cf-txt1);--primary-container: var(--cf-acc1);--on-primary-container: #e9ddff;--secondary: var(--cf-txt2);--on-secondary: var(--cf-bg4);--secondary-container: var(--cf-acc1);--on-secondary-container: #e8def8;--tertiary: #efb8c8;--on-tertiary: #4a2532;--tertiary-container: #633b48;--on-tertiary-container: #ffd9e3;--error: #ffb4ab;--on-error: #690005;--error-container: #93000a;--on-error-container: #ffb4ab;--background: #1c1b1e;--on-background: #e6e1e6;--surface: var(--cf-bg0);--on-surface: var(--cf-txt0);--surface-variant: var(--cf-bg2);--on-surface-variant: var(--cf-txt2);--outline: #948f99;--outline-variant: var(--cf-bg2);--shadow: #000000;--scrim: #000000;--inverse-surface: #e6e1e6;--inverse-on-surface: #313033;--inverse-primary: #6750a4;--surface-dim: #141316;--surface-bright: #3a383c;--surface-container-lowest: #0f0e11;--surface-container-low: var(--cf-bg3);--surface-container: var(--cf-bg1);--surface-container-high: var(--cf-bg1);--surface-container-highest: #363438;--status-online: var(--cf-green);--status-idle: var(--cf-yellow);--status-dnd: var(--cf-red);--status-offline: var(--cf-bg4)}