:root{--logout-modal-primary-bg:var(--b-surface);--logout-modal-secondary-bg:var(--b-surface);--logout-modal-accent:var(--b-accent);--logout-modal-accent-hover:var(--primary-purple-hover);--logout-modal-accent-active:var(--primary-purple-active);--logout-modal-text-primary:var(--b-ink);--logout-modal-text-secondary:var(--b-ink-soft);--logout-modal-border:var(--b-line);--logout-modal-border-hover:var(--b-muted);--logout-modal-overlay:var(--b-scrim);--logout-modal-shadow:transparent;--logout-modal-shadow-accent:transparent;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.25rem;--spacing-2xl:1.5rem;--spacing-3xl:2rem;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.35s;--easing-standard:cubic-bezier(.4, 0, .2, 1);--easing-bounce:cubic-bezier(.34, 1.56, .64, 1);--easing-smooth:cubic-bezier(.25, .1, .25, 1)}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transform:scale(.92)translateY(20px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:scale(1)translateY(0)}}@keyframes modalSlideUpMobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.logout-modal-overlay{background:var(--logout-modal-overlay);z-index:10000;-webkit-backdrop-filter:blur(8px);padding:var(--spacing-lg);animation:modalFadeIn var(--duration-slow) var(--easing-smooth);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@media (max-width:768px){.logout-modal-overlay{padding:var(--spacing-md)}}@media (max-width:480px){.logout-modal-overlay{align-items:center;padding:0}}.logout-modal{background:var(--logout-modal-primary-bg);border:1px solid var(--logout-modal-border);border-radius:var(--radius-tile);box-shadow:none;width:100%;max-width:480px;position:relative;overflow:hidden}.logout-modal:before{content:"";border-radius:inherit;pointer-events:none;background:0 0;position:absolute;inset:0}@media (max-width:768px){.logout-modal{border-radius:var(--radius-tile);max-width:420px;animation:modalSlideUpMobile var(--duration-slow) var(--easing-bounce)}}@media (max-width:480px){.logout-modal{border-radius:var(--radius-tile);max-width:350px}}.logout-modal .logout-modal-content{padding:var(--spacing-3xl);color:var(--logout-modal-text-primary);z-index:1;animation:contentFadeIn var(--duration-slow) var(--easing-smooth) .1s both;flex-direction:column;display:flex;position:relative}@media (max-width:768px){.logout-modal .logout-modal-content{padding:var(--spacing-2xl) var(--spacing-xl)}}@media (max-width:480px){.logout-modal .logout-modal-content{padding:var(--spacing-xl) var(--spacing-lg)}}.logout-modal .logout-modal-close-button{top:var(--spacing-xl);right:var(--spacing-xl);color:var(--logout-modal-text-secondary);cursor:pointer;padding:var(--spacing-md);border-radius:var(--radius-circle);transition:all var(--duration-normal) var(--easing-smooth);z-index:2;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute}.logout-modal .logout-modal-close-button:hover{background:var(--b-subtle);color:var(--logout-modal-text-primary);transform:rotate(90deg)}.logout-modal .logout-modal-close-button:active{transform:rotate(90deg)scale(.95)}.logout-modal .logout-modal-close-button svg{width:20px;height:20px;transition:inherit}@media (max-width:768px){.logout-modal .logout-modal-close-button{top:var(--spacing-lg);right:var(--spacing-lg);padding:var(--spacing-sm)}.logout-modal .logout-modal-close-button svg{width:18px;height:18px}}@media (max-width:480px){.logout-modal .logout-modal-close-button{top:var(--spacing-md);right:var(--spacing-md)}.logout-modal .logout-modal-close-button svg{width:16px;height:16px}}.logout-modal .logout-modal-header{text-align:center;margin-bottom:var(--spacing-3xl)}@media (max-width:768px){.logout-modal .logout-modal-header{margin-bottom:var(--spacing-2xl)}}@media (max-width:480px){.logout-modal .logout-modal-header{margin-bottom:var(--spacing-xl)}}.logout-modal .logout-modal-title{color:var(--logout-modal-text-primary);margin:0 0 var(--spacing-lg) 0;letter-spacing:-.025em;-webkit-text-fill-color:var(--logout-modal-text-primary);background:0 0;-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;line-height:1.2}@media (max-width:768px){.logout-modal .logout-modal-title{margin-bottom:var(--spacing-md);font-size:1.5rem}}@media (max-width:480px){.logout-modal .logout-modal-title{font-size:1.375rem}}.logout-modal .logout-modal-subtitle{color:var(--logout-modal-text-secondary);margin:0;font-size:1.125rem;font-weight:400;line-height:1.6}@media (max-width:768px){.logout-modal .logout-modal-subtitle{font-size:1rem;line-height:1.5}}@media (max-width:480px){.logout-modal .logout-modal-subtitle{font-size:.9375rem}}.logout-modal .logout-modal-actions{gap:var(--spacing-lg);justify-content:center;display:flex}@media (max-width:768px){.logout-modal .logout-modal-actions{gap:var(--spacing-md);flex-direction:column-reverse}}@media (max-width:480px){.logout-modal .logout-modal-actions{gap:var(--spacing-md)}}.logout-modal .cancel-button,.logout-modal .confirm-button{border-radius:var(--radius-pill);cursor:pointer;transition:all var(--duration-normal) var(--easing-smooth);padding:var(--spacing-lg) var(--spacing-3xl);width:30%;min-width:120px;font-size:1rem;font-weight:600;position:relative;overflow:hidden}@media (max-width:768px){.logout-modal .cancel-button,.logout-modal .confirm-button{width:100%;padding:var(--spacing-lg);min-height:52px;font-size:1rem}.logout-modal .cancel-button:active,.logout-modal .confirm-button:active{transform:scale(.98)}}@media (max-width:480px){.logout-modal .cancel-button,.logout-modal .confirm-button{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-pill);min-height:48px;font-size:.9375rem}}.logout-modal .cancel-button{background:var(--b-subtle);border:1px solid var(--logout-modal-border);color:var(--logout-modal-text-secondary);-webkit-backdrop-filter:blur(10px)}.logout-modal .cancel-button:hover{background:var(--b-line);color:var(--logout-modal-text-primary);border-color:var(--logout-modal-border-hover);transform:translateY(-1px)}.logout-modal .confirm-button{background:var(--logout-modal-accent);color:var(--b-on-accent);box-shadow:none;border:none;font-weight:700}.logout-modal .confirm-button:before{content:"";height:100%;transition:left var(--duration-slow) var(--easing-smooth);background:linear-gradient(90deg,#0000,#fff3,#0000);position:absolute;top:0;left:-100%}.logout-modal .confirm-button:hover{background:var(--logout-modal-accent-hover);box-shadow:none;transform:translateY(-2px)}.logout-modal .confirm-button:hover:before{left:100%}
.theme-intro{z-index:10001;background:color-mix(in srgb, var(--b-scrim) 55%, transparent);justify-content:center;align-items:center;padding:16px;animation:.18s ease-out theme-intro-fade;display:flex;position:fixed;inset:0}.theme-intro__card{border-radius:var(--radius-tile,24px);background:var(--b-surface);border:1px solid var(--b-line);width:100%;max-width:360px;color:var(--b-ink);padding:22px;animation:.18s ease-out theme-intro-pop;position:relative}.theme-intro__card:focus{outline:none}.theme-intro__head{align-items:center;min-height:32px;margin-bottom:18px;padding-right:40px;display:flex}.theme-intro__title{letter-spacing:-.01em;color:var(--b-ink);margin:0;font-size:18px;font-weight:600;line-height:1.2}.theme-intro__close{width:32px;height:32px;color:var(--b-ink-soft);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:14px;right:14px}.theme-intro__close:hover{color:var(--b-ink)}.theme-intro__close:focus-visible{outline:2px solid var(--b-accent-text);outline-offset:2px}.theme-intro__ring{position:absolute;inset:0;transform:rotate(-90deg)}.theme-intro__ring-fill{fill:none;stroke-width:2px;stroke:var(--b-accent);stroke-linecap:round;stroke-dashoffset:0}.theme-intro__ring-fill--draining{animation:theme-intro-drain var(--ring-ms,3s) linear forwards}.theme-intro__x{stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;position:relative}.theme-intro__actions{flex-wrap:wrap;gap:8px;display:flex}.theme-intro__btn{box-sizing:border-box;min-width:0;height:40px;font:inherit;cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;flex:120px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;transition:background-color .15s,border-color .15s;display:inline-flex}.theme-intro__btn:focus{outline:none}.theme-intro__btn:focus-visible{outline:2px solid var(--b-accent-text);outline-offset:2px}.theme-intro__btn--primary{background:var(--b-ink);color:var(--b-bg)}.theme-intro__btn--primary:hover{background:color-mix(in srgb, var(--b-ink) 88%, var(--b-bg))}.theme-intro__btn--secondary{border-color:var(--b-line);color:var(--b-ink);background:0 0}.theme-intro__btn--secondary:hover{background:var(--b-subtle)}.theme-intro__btn-icon{flex:none}@media (max-width:420px){.theme-intro__card{max-width:calc(100vw - 32px)}}@keyframes theme-intro-fade{0%{opacity:0}}@keyframes theme-intro-pop{0%{opacity:0;transform:scale(.96)}}@keyframes theme-intro-drain{to{stroke-dashoffset:var(--ring-c)}}@media (prefers-reduced-motion:reduce){.theme-intro,.theme-intro__card{animation:none}}