:root{--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--s: var(--space-2);--m: var(--space-3);--l: var(--space-4);--xl: var(--space-5);--xxl: var(--space-6);--ui-control-height: clamp(2.08rem, 1.76rem + 1.12vw, 3.28rem);--ui-control-padding-inline: clamp(.46rem, .22rem + .72vw, 1.08rem);--ui-control-radius: clamp(.64rem, .5rem + .4vw, 1.04rem);--ui-control-font-size: clamp(.76rem, .66rem + .34vw, 1.08rem);--ui-control-icon-size: clamp(.94rem, .76rem + .5vw, 1.36rem);--ui-corner-control-size: var(--ui-control-height);--ui-corner-control-padding-inline: var(--ui-control-padding-inline);--ui-corner-control-radius: var(--ui-control-radius);--ui-corner-control-font-size: var(--ui-control-font-size);--ui-corner-control-icon-size: var(--ui-control-icon-size);--ui-corner-control-edge-offset: var(--m);--ui-round-button-size: clamp(2.22rem, 1.84rem + .94vw, 3.48rem);--ui-round-button-icon-size: clamp(1.02rem, .84rem + .56vw, 1.68rem);--ui-round-button-edge-offset: clamp(.56rem, .32rem + .76vw, 1.1rem);--ui-segment-gap: clamp(.28rem, .1rem + .56vw, .64rem);--ui-segment-group-padding-block: clamp(.18rem, .08rem + .36vw, .4rem);--ui-segment-group-padding-inline: clamp(.34rem, .14rem + .62vw, .7rem);--ui-segment-height: clamp(2.12rem, 1.64rem + 1.56vw, 3.22rem);--ui-segment-min-width: clamp(2.82rem, 2.22rem + 1.46vw, 4.05rem);--ui-segment-padding-inline: clamp(.42rem, .22rem + .56vw, .9rem);--ui-segment-font-size: clamp(.8rem, .66rem + .42vw, 1.08rem);--ui-fab-edge-offset: clamp(.6rem, .36rem + .76vw, 1.1rem);--ui-fab-size: clamp(2.3rem, 1.86rem + 1.24vw, 3.48rem);--ui-fab-radius: clamp(.76rem, .58rem + .5vw, 1.12rem);--ui-fab-icon-size: clamp(.98rem, .8rem + .54vw, 1.54rem);--ui-hint-padding-block: clamp(.4rem, .28rem + .3vw, .6rem);--ui-hint-padding-inline: clamp(.54rem, .38rem + .44vw, .86rem);--ui-hint-font-size: clamp(.72rem, .64rem + .18vw, .88rem);--color-primary: #667eea;--color-secondary: #764ba2;--color-accent: #f093fb;--color-text-base: #fff;--color-text-base-rgb: 255 255 255;--opacity-text-secondary: .9;--opacity-text-muted: .85;--opacity-text-subtle: .8;--text-primary: var(--color-text-base);--text-secondary: rgb(var(--color-text-base-rgb) / var(--opacity-text-secondary));--text-muted: rgb(var(--color-text-base-rgb) / var(--opacity-text-muted));--text-subtle: rgb(var(--color-text-base-rgb) / var(--opacity-text-subtle));--color-danger: #ef4444;--color-neutral-600: #6b7280;--color-neutral-700: #4b5563;--color-border: rgba(102, 126, 234, .3);--color-border-focus: #667eea;--color-border-light: rgba(255, 255, 255, .2);--color-border-medium: rgba(255, 255, 255, .3);--color-border-strong: rgba(255, 255, 255, .6);--bg-gradient: linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);--bg-glass: rgba(255, 255, 255, .1);--bg-glass-strong: rgba(255, 255, 255, .2);--bg-glass-subtle: rgba(255, 255, 255, .05);--bg-button: rgba(255, 255, 255, .9);--bg-danger: rgba(239, 68, 68, .2);--bg-danger-hover: rgba(239, 68, 68, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--shadow-text-sm: 0 2px 4px rgba(0, 0, 0, .2);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--font-family-base: "Comfortaa", "Nunito", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-xxl: 2rem;--font-weight-normal: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1;--line-height-base: 1.5;--layout-max-width-md: 700px;--layout-max-width-lg: 800px;--z-base: 1;--z-header: 10;--z-dropdown: 100;--z-overlay: 1000;--z-modal: 2000}@media(max-width:360px),(max-height:520px){:root{--ui-control-height: 1.88rem;--ui-control-padding-inline: .36rem;--ui-control-radius: .56rem;--ui-control-font-size: .71rem;--ui-control-icon-size: .86rem;--ui-round-button-size: 1.98rem;--ui-round-button-icon-size: .92rem;--ui-round-button-edge-offset: .42rem;--ui-segment-gap: .22rem;--ui-segment-group-padding-block: .14rem;--ui-segment-group-padding-inline: .28rem;--ui-segment-height: 1.8rem;--ui-segment-min-width: 2.28rem;--ui-segment-padding-inline: .34rem;--ui-segment-font-size: .69rem;--ui-fab-edge-offset: .46rem;--ui-fab-size: 2.08rem;--ui-fab-radius: .7rem;--ui-fab-icon-size: .92rem;--ui-hint-padding-block: .32rem;--ui-hint-padding-inline: .46rem;--ui-hint-font-size: .68rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}:root{--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px)}body{height:100%;min-height:100%;font-family:var(--font-family-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-base);color:var(--text-primary);background:var(--color-primary);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{overscroll-behavior:none}#root{height:100%;min-height:0;overflow:hidden}.safe-area-padding{--safe-area-base: 0px;padding:max(var(--safe-area-base),var(--safe-area-top)) max(var(--safe-area-base),var(--safe-area-right)) max(var(--safe-area-base),var(--safe-area-bottom)) max(var(--safe-area-base),var(--safe-area-left))}*{-webkit-touch-callout:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}button:focus{outline:none}button:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.control-button{--control-button-size: var(--ui-corner-control-size);--control-button-padding-inline: var(--ui-corner-control-padding-inline);--control-button-radius: var(--ui-corner-control-radius);--control-button-font-size: var(--ui-corner-control-font-size);display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;height:var(--control-button-size);min-width:var(--control-button-size);padding:0 var(--control-button-padding-inline);background:var(--bg-glass-strong);border:1px solid var(--color-border-light);border-radius:var(--control-button-radius);font-size:var(--control-button-font-size);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary);cursor:pointer;transition:transform var(--transition-base),background var(--transition-base),border-color var(--transition-base),color var(--transition-base);font-family:var(--font-family-base);box-shadow:var(--shadow-sm);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);white-space:nowrap}.control-button--square{width:var(--control-button-size);padding-inline:0}.control-button:hover{background:var(--bg-glass);border-color:var(--color-border-medium);transform:scale(1.05)}.control-button:active{transform:scale(.95)}.glass{background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border-light)}.glass:hover{background:var(--bg-glass-strong)}.scene-transition{width:100%;height:100%;will-change:opacity,transform}.scene-transition--idle{opacity:1;transform:translateY(0)}.scene-transition--enter{animation:sceneTransitionEnter .22s cubic-bezier(.2,0,0,1) both}.scene-transition--exit{animation:sceneTransitionExit .14s cubic-bezier(.4,0,1,1) both;pointer-events:none}@keyframes sceneTransitionEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes sceneTransitionExit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.feedback-widget__fab-wrapper{--hold-hint-gap: 8px;--hold-hint-min-width: min(11rem, calc(100vw - 2rem) );--hold-hint-max-width: min(20rem, calc(100vw - 2rem) );--hold-hint-padding: var(--ui-hint-padding-block) var(--ui-hint-padding-inline);--hold-hint-font-size: var(--ui-hint-font-size);--hold-hint-bg: #1a1a2e;--hold-hint-shadow: 0 2px 12px rgba(0, 0, 0, .4);--hold-hint-arrow-offset: 16px;--hold-indicator-active: rgba(255, 255, 255, .9);--hold-indicator-rest: rgba(255, 255, 255, .16);position:fixed;left:max(var(--ui-corner-control-edge-offset),env(safe-area-inset-left));bottom:max(var(--ui-corner-control-edge-offset),env(safe-area-inset-bottom));z-index:calc(var(--z-modal) - 1)}.feedback-widget__fab{position:relative;overflow:hidden;color:var(--color-neutral-700)}.feedback-widget__icon{position:relative;z-index:1;width:var(--ui-corner-control-icon-size);height:var(--ui-corner-control-icon-size)}.feedback-widget__overlay{position:fixed;inset:0;z-index:var(--z-modal);background:#0000006b;display:flex;align-items:flex-end;justify-content:center;padding:max(var(--m),env(safe-area-inset-top)) max(var(--m),env(safe-area-inset-right)) max(var(--m),env(safe-area-inset-bottom)) max(var(--m),env(safe-area-inset-left));opacity:1;transition:opacity .26s ease}.feedback-widget__overlay--closing{opacity:0;pointer-events:none}.feedback-widget__panel{width:min(100%,30rem);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);background:#181e3cf0;box-shadow:var(--shadow-lg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);overflow:hidden;opacity:1;transform:translateY(0) scale(1);transition:opacity .26s ease,transform .26s ease}.feedback-widget__panel--closing{opacity:0;transform:translateY(.35rem) scale(.985)}.feedback-widget__panel--submitted{display:flex;flex-direction:column}.feedback-widget__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--m);padding:var(--l)}.feedback-widget__header h2{font-size:var(--font-size-lg);line-height:1.2}.feedback-widget__subtitle-group{margin-top:var(--s);display:flex;flex-direction:column;gap:calc(var(--s) * .5)}.feedback-widget__subtitle{margin:0;color:var(--text-muted);font-size:var(--font-size-sm)}.feedback-widget__close{font-size:1.5rem;line-height:1;color:var(--text-primary);opacity:.85}.feedback-widget__form{display:flex;flex-direction:column;gap:var(--m);padding:0 var(--l) var(--l)}.feedback-widget__chips{display:flex;flex-wrap:wrap;gap:var(--s)}.feedback-widget__chip{border-radius:999px;border:1px solid var(--color-border-light);background:var(--bg-glass-subtle);color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--s) var(--m);transition:border-color var(--transition-fast),background var(--transition-fast)}.feedback-widget__chip--active{border-color:var(--color-border-strong);background:var(--bg-glass-strong)}.feedback-widget__message{display:flex;flex-direction:column;gap:var(--s)}.feedback-widget__message textarea{width:100%;resize:vertical;border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:#0000003d;color:var(--text-primary);padding:var(--m);font-family:inherit;min-height:7.5rem}.feedback-widget__category-context{margin:0;font-size:var(--font-size-sm);color:var(--text-secondary)}.feedback-widget__reactions{display:flex;justify-content:center;gap:var(--m)}.feedback-widget__reaction{border-radius:999px;border:1px solid var(--color-border-light);background:var(--bg-glass-subtle);width:2.8rem;height:2.8rem;font-size:1.3rem;display:inline-flex;align-items:center;justify-content:center}.feedback-widget__reaction--active{border-color:var(--color-border-strong);background:var(--bg-glass-strong)}.feedback-widget__submit{display:block;width:100%;border-radius:var(--radius-md);border:1px solid var(--color-border-strong);background:var(--bg-glass-strong);color:var(--text-primary);padding:var(--m);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.feedback-widget__submit-tooltip{display:block;width:100%}.feedback-widget__submit:disabled{opacity:.6}.feedback-widget__thanks{position:relative;isolation:isolate;overflow:hidden;flex:1;min-height:100%;padding:var(--xxl) var(--l) calc(var(--xxl) + var(--m));text-align:center;display:grid;place-items:center;background:linear-gradient(180deg,#ff78a529,#78dcff24),#181e3cd6;opacity:1;transform:translateY(0) scale(1);transition:opacity .22s ease,transform .22s ease}.feedback-widget__overlay--closing .feedback-widget__thanks{opacity:0;transform:translateY(-.15rem) scale(.985)}.feedback-widget__thanks:before{content:"";position:absolute;inset:-50%;z-index:-2;background:radial-gradient(circle at 32% 30%,rgba(255,120,165,.26),transparent 42%),radial-gradient(circle at 68% 68%,rgba(120,220,255,.2),transparent 48%);opacity:0;transform:scale(.72);animation:feedback-widget-thanks-glow .68s ease-out forwards}.feedback-widget__thanks:after{content:"";position:absolute;width:min(62vw,18rem);aspect-ratio:1;border-radius:999px;border:1px solid rgba(255,255,255,.24);box-shadow:0 0 #ffffff29;z-index:-1;opacity:0;transform:scale(.6);animation:feedback-widget-thanks-ring .9s cubic-bezier(.2,.8,.2,1) .12s forwards}.feedback-widget__thanks p{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);letter-spacing:.01em;text-shadow:0 .2rem .8rem rgba(0,0,0,.28);animation:feedback-widget-thanks-pop .52s cubic-bezier(.22,1,.36,1) both,feedback-widget-thanks-float 2.2s ease-in-out .62s infinite}@keyframes feedback-widget-thanks-pop{0%{opacity:0;transform:translateY(.7rem) scale(.86)}70%{opacity:1;transform:translateY(-.16rem) scale(1.04)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes feedback-widget-thanks-glow{0%{opacity:0;transform:scale(.72)}to{opacity:1;transform:scale(1)}}@keyframes feedback-widget-thanks-ring{0%{opacity:0;transform:scale(.6);box-shadow:0 0 #fff3}40%{opacity:1}to{opacity:0;transform:scale(1.25);box-shadow:0 0 0 .75rem #fff0}}@keyframes feedback-widget-thanks-float{0%{transform:translateY(0)}50%{transform:translateY(-.14rem)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.feedback-widget__overlay,.feedback-widget__panel,.feedback-widget__thanks{transition:none}.feedback-widget__thanks:before,.feedback-widget__thanks:after,.feedback-widget__thanks p{animation:none;opacity:1;transform:none}}@media(min-width:769px){.feedback-widget__overlay{align-items:center}}.game-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s);padding:var(--l) var(--l);min-height:clamp(180px,36vh,300px);width:100%;background:var(--bg-glass-strong);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border-light);border-radius:var(--m);cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),background var(--transition-base);font-family:var(--font-family-base);text-align:center;box-shadow:var(--shadow-md);animation:gameCardAppear .5s ease-out both}@keyframes gameCardAppear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);background:var(--bg-glass-strong)}.game-card:active{transform:scale(.98)}.game-card__icon{font-size:clamp(var(--font-size-xxl),7vmin,4rem);font-weight:var(--font-weight-bold);background:var(--bg-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:iconPulse 3s ease-in-out infinite}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.game-card__name{margin:0;font-size:clamp(1.2rem,4vmin,var(--font-size-xxl));font-weight:var(--font-weight-bold);color:var(--text-primary);text-shadow:var(--shadow-text-sm)}.game-card__description{margin:0;font-size:clamp(var(--font-size-sm),2.5vmin,var(--font-size-base));color:var(--text-subtle);line-height:1.35}.game-card--disabled{opacity:.6;cursor:not-allowed}.game-card--disabled:hover{transform:none;box-shadow:var(--shadow-md);background:var(--bg-glass-strong)}.game-card--disabled .game-card__icon{animation:none}@media(orientation:landscape){.game-card{min-height:clamp(150px,42vh,250px);padding:var(--l) var(--m);gap:var(--m);border-radius:var(--s)}.game-card__icon{font-size:clamp(var(--font-size-xxl),5.8vmin,3rem)}.game-card__name{font-size:clamp(1.1rem,3.2vmin,1.55rem)}.game-card__description{font-size:clamp(.9rem,2.4vmin,1.05rem)}}.main-screen{--main-games-column-width: min(400px, 90vw);--main-games-card-width-landscape: clamp(14.5rem, 34vw, 19rem);--main-games-gap-landscape: clamp(var(--space-1), 1.8vmin, var(--m));--main-games-card-width-landscape-fit: calc( ( 100vw - max(var(--s), env(safe-area-inset-left)) - max(var(--s), env(safe-area-inset-right)) - var(--main-games-gap-landscape) ) / 2 );--main-games-gap: var(--m);position:fixed;inset:0;width:100%;height:100svh;display:flex;flex-direction:column;font-family:var(--font-family-base);overflow:clip;overscroll-behavior:none}.main-screen__background{position:absolute;inset:0;background:var(--bg-gradient);z-index:-1}.main-screen__header{flex-shrink:0;direction:ltr;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:var(--s);padding:max(var(--m),env(safe-area-inset-top)) max(var(--m),env(safe-area-inset-right)) 0 max(var(--m),env(safe-area-inset-left))}.main-screen__header-side-spacer{min-width:0}.main-screen__header-actions{justify-self:end;display:inline-flex;align-items:center}.main-screen__content{flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;padding:var(--space-1) max(var(--s),env(safe-area-inset-right)) max(var(--s),env(safe-area-inset-bottom)) max(var(--s),env(safe-area-inset-left));animation:contentFadeIn .5s ease-out both}@keyframes contentFadeIn{to{opacity:1}}.main-screen__brand{display:inline-flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:var(--s);direction:ltr}.main-screen__brand--header{justify-self:center;gap:var(--space-1)}.main-screen__logo{display:block;width:clamp(44px,8vmin,72px);height:auto;margin:0;filter:drop-shadow(0 8px 18px rgba(0,0,0,.2))}.main-screen__brand--header .main-screen__logo{width:clamp(32px,5.5vmin,48px)}.main-screen__title{margin:0;font-size:clamp(var(--font-size-lg),4.8vmin,3rem);font-weight:var(--font-weight-bold);color:var(--text-primary);text-shadow:var(--shadow-md);animation:titlePop .6s ease-out;line-height:1}.main-screen__brand--header .main-screen__title{font-size:clamp(var(--font-size-base),3.8vmin,2rem)}@keyframes titlePop{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.main-screen__games{flex:1;align-self:stretch;min-height:0;width:100%;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:y proximity;scrollbar-gutter:stable both-edges;padding-bottom:var(--l)}.main-screen__games-track{min-height:100%;width:min(100%,var(--main-games-column-width));margin:0 auto;display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--main-games-gap)}.main-screen__games .game-card{flex:0 0 auto;width:100%;scroll-snap-align:center}.main-screen__footer{margin-top:auto;width:100%;padding:var(--space-1) 0 max(var(--space-1),env(safe-area-inset-bottom));text-align:center}.main-screen__footer-links{display:flex;justify-content:center;align-items:center;gap:var(--space-1) var(--s);flex-wrap:wrap;width:auto;max-width:min(100%,24rem);margin:0 auto;padding-inline:var(--space-1)}.main-screen__footer-link{background:none;border:none;color:var(--text-subtle);font-family:inherit;font-size:clamp(.76rem,.72rem + .12vw,var(--font-size-sm));line-height:1.15;cursor:pointer;padding:0;transition:color .2s;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.main-screen__footer-link:hover{color:var(--text-primary)}@media(max-width:360px){.main-screen__footer-links{flex-direction:column;gap:var(--space-1);max-width:100%}.main-screen__footer-link{max-width:min(100%,16rem);white-space:normal;overflow-wrap:anywhere;text-wrap:pretty}}@media(orientation:landscape){.main-screen__content{padding-top:var(--space-1);padding-bottom:0}.main-screen__logo{width:clamp(34px,6.4vmin,54px)}.main-screen__title{font-size:clamp(var(--font-size-base),3.7vmin,var(--font-size-xl))}.main-screen__brand--header .main-screen__logo{width:clamp(28px,4.8vmin,40px)}.main-screen__brand--header .main-screen__title{font-size:clamp(.95rem,2.6vmin,var(--font-size-lg))}.main-screen__games{display:flex;align-items:center;justify-content:center;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding-bottom:var(--m)}.main-screen__games-track{min-height:0;flex:0 0 auto;min-width:0;width:max-content;margin:auto;gap:var(--main-games-gap-landscape);flex-direction:row;align-items:stretch;justify-content:center}.main-screen__games .game-card{width:min(var(--main-games-card-width-landscape),var(--main-games-card-width-landscape-fit));min-width:min(var(--main-games-card-width-landscape),var(--main-games-card-width-landscape-fit));max-width:min(var(--main-games-card-width-landscape),var(--main-games-card-width-landscape-fit))}.main-screen__footer{padding-top:var(--space-1)}.main-screen__footer-link{font-size:.8rem}}.user-info{display:flex;align-items:center;gap:var(--m);padding:var(--s) var(--m);background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--l);border:1px solid var(--color-border-light);color:var(--text-primary);font-size:var(--m);transition:background var(--transition-base),border-color var(--transition-base)}.user-info:hover{background:var(--bg-glass-strong);border-color:var(--color-border-medium)}.user-info--compact{padding:var(--s);min-width:2.5rem;justify-content:center}.user-info__avatar{width:var(--xxl);height:var(--xxl);border-radius:50%;border:2px solid var(--color-border-medium);object-fit:cover}.user-info__initials{width:var(--xxl);height:var(--xxl);border-radius:50%;border:2px solid var(--color-border-medium);display:flex;align-items:center;justify-content:center;background:var(--bg-gradient);font-weight:var(--font-weight-semibold);font-size:var(--m)}.user-info__content{display:flex;flex-direction:column;gap:var(--s)}.user-info__name{font-weight:var(--font-weight-normal);line-height:1.2}.user-info__email{font-size:var(--m);opacity:.8;line-height:1.2}.user-info--overlay{position:fixed;top:4rem;right:var(--l);z-index:1000}@media(max-height:480px)and (orientation:portrait){.user-info{padding:var(--s);font-size:var(--m)}.user-info--compact{min-width:var(--xxl);padding:var(--s)}.user-info__avatar,.user-info__initials{width:var(--xl);height:var(--xl);font-size:var(--s)}}@media(max-width:768px){.user-info{padding:var(--s) var(--m);font-size:var(--m)}.user-info__avatar,.user-info__initials{width:1.75rem;height:1.75rem;font-size:var(--s)}.user-info--overlay{top:4rem;right:var(--s)}}@media(orientation:landscape){.user-info{font-size:var(--m)}.user-info--compact{padding:var(--s)}.user-info__avatar,.user-info__initials{width:1.75rem;height:1.75rem;font-size:var(--s)}}.settings-screen{--settings-header-spacer: 80px;--safe-area-base: var(--xxl);position:relative;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;max-width:var(--layout-max-width-lg);margin:0 auto;background:var(--bg-gradient);color:var(--text-primary)}.settings-screen__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--xxl)}.settings-screen__header h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.settings-screen__spacer{width:var(--settings-header-spacer)}.settings-screen__content{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--xxl);overflow-y:auto;overflow-x:hidden}.settings-section{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--xl);border:1px solid var(--color-border-light)}.settings-section h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--l) 0;opacity:.9}.settings-section__description{margin:0 0 var(--l) 0;color:var(--text-secondary);font-size:var(--font-size-sm)}.settings-section__user{display:flex;flex-direction:column;gap:var(--l);align-items:flex-start}.settings-actions{display:flex;flex-wrap:wrap;gap:var(--m)}.settings-role-info{display:flex;align-items:center;gap:var(--s);padding:var(--s) var(--m);background:var(--bg-glass);border-radius:var(--radius-sm);border:1px solid var(--color-border-light)}.settings-role-label{font-size:var(--font-size-sm);opacity:.9;font-weight:var(--font-weight-normal)}.settings-role-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:capitalize;color:var(--text-secondary)}.settings-button{padding:var(--m) var(--xl);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);cursor:pointer;transition:all var(--transition-base);background:var(--bg-glass-strong);color:var(--text-primary);border:1px solid var(--color-border-medium)}.settings-button:hover{background:var(--color-border-medium);transform:translateY(-2px)}.settings-button:active{transform:translateY(0)}.settings-button--danger{background:var(--bg-danger);border-color:var(--bg-danger-hover)}.settings-button--danger:hover{background:var(--bg-danger-hover)}.settings-meta-grid{display:flex;flex-direction:column;gap:var(--s)}.settings-meta-row{display:flex;justify-content:space-between;align-items:center;gap:var(--l);padding:var(--s) var(--m);background:var(--bg-glass-subtle);border:1px solid var(--color-border-light);border-radius:var(--radius-sm)}.settings-meta-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-normal)}.settings-meta-value{margin:0;color:var(--text-primary);font-size:var(--font-size-sm);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@media(max-width:768px){.settings-screen{--safe-area-base: var(--l)}.settings-screen__header h1{font-size:var(--font-size-xl)}.settings-section{padding:var(--l)}.settings-meta-row{flex-direction:column;align-items:flex-start;gap:var(--s)}}.faq-screen{position:relative;height:100vh;height:100svh;display:flex;flex-direction:column;font-family:var(--font-family-base);overflow:hidden}.faq-screen__background{position:absolute;inset:0;background:var(--bg-gradient);z-index:-1}.faq-screen__header{display:flex;flex-direction:column;align-items:center;padding:max(var(--m),env(safe-area-inset-top)) max(var(--m),env(safe-area-inset-right)) var(--m) max(var(--m),env(safe-area-inset-left));flex-shrink:0;background:var(--bg-gradient);z-index:var(--z-header)}.faq-screen__top-controls{margin-bottom:var(--s)}.faq-screen__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:center}.faq-screen__content{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--xl);padding:var(--l) max(var(--l),env(safe-area-inset-right)) max(var(--xxl),env(safe-area-inset-bottom)) max(var(--l),env(safe-area-inset-left));max-width:var(--layout-max-width-md);margin:0 auto;width:100%;overflow-y:auto;overflow-x:hidden}.faq-category{background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--xl)}.faq-category__title{margin:0 0 var(--l);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.faq-category__items{display:flex;flex-direction:column;gap:var(--s)}.faq-item{background:var(--bg-glass);border-radius:var(--radius-sm);overflow:hidden;transition:background var(--transition-base)}.faq-item--open{background:var(--bg-glass-strong)}.faq-item__question{display:flex;align-items:center;gap:var(--m);width:100%;padding:var(--l);background:transparent;border:none;color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);text-align:left;cursor:pointer;transition:background var(--transition-base)}.faq-item__question:hover{background:var(--bg-glass-subtle)}.faq-item__icon{flex-shrink:0;font-size:var(--font-size-sm);transition:transform .2s ease}.faq-item--open .faq-item__icon{color:var(--text-secondary)}.faq-item__answer{padding:0 var(--l) var(--l) 2.5rem;color:var(--text-muted);font-size:var(--font-size-sm);line-height:1.5;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:600px){.faq-screen__title{font-size:var(--font-size-xl)}.faq-category{padding:var(--xxl)}}.privacy-screen{position:relative;height:100vh;height:100svh;display:flex;flex-direction:column;font-family:var(--font-family-base);overflow:hidden}.privacy-screen__background{position:absolute;inset:0;background:var(--bg-gradient);z-index:-1}.privacy-screen__header{display:flex;flex-direction:column;align-items:center;padding:max(var(--m),var(--safe-area-top)) max(var(--m),var(--safe-area-right)) var(--m) max(var(--m),var(--safe-area-left));flex-shrink:0;background:var(--bg-gradient);z-index:var(--z-header)}.privacy-screen__top-controls{margin-bottom:var(--s)}.privacy-screen__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary);text-align:center}.privacy-screen__content{flex:1;min-height:0;width:100%;max-width:var(--layout-max-width-md);margin:0 auto;padding:var(--l) max(var(--l),var(--safe-area-right)) max(var(--xxl),var(--safe-area-bottom)) max(var(--l),var(--safe-area-left));overflow-y:auto;overflow-x:hidden}.privacy-policy{background:var(--bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--xl);color:var(--text-primary)}.privacy-policy__meta{margin:0 0 var(--l);font-size:var(--font-size-sm);color:var(--text-secondary)}.privacy-policy h2{margin:var(--xl) 0 var(--s);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.privacy-policy p{margin:0 0 var(--s);line-height:1.55}.privacy-policy ul{margin:0 0 var(--s) var(--l);display:flex;flex-direction:column;gap:var(--s)}.privacy-policy li{line-height:1.5}@media(min-width:600px){.privacy-screen__title{font-size:var(--font-size-xl)}.privacy-policy{padding:var(--xxl)}}.unauthorized-screen{--safe-area-base: var(--xxl);position:relative;height:100%;min-height:0;display:flex;flex-direction:column;overflow:hidden;max-width:var(--layout-max-width-lg);margin:0 auto;background:linear-gradient(135deg,var(--color-neutral-600) 0%,var(--color-neutral-700) 100%);color:var(--text-primary)}.unauthorized-screen__header{flex-shrink:0;margin-bottom:var(--xxl)}.unauthorized-screen__header h1{font-size:var(--xxl);font-weight:var(--font-weight-semibold);margin:0}.unauthorized-screen__content{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--xxl);overflow-y:auto;overflow-x:hidden}.unauthorized-section{background:var(--bg-glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--xl);border:1px solid var(--color-border-light)}.unauthorized-section h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--l) 0;opacity:.9}.unauthorized-message{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);margin:0 0 var(--s) 0;opacity:.95}.unauthorized-description{font-size:var(--font-size-sm);opacity:.8;margin:0;line-height:var(--line-height-base)}.unauthorized-section__user{display:flex;flex-direction:column;gap:var(--l);align-items:flex-start}.unauthorized-role-info{display:flex;align-items:center;gap:var(--s);padding:var(--s) var(--m);background:var(--bg-glass);border-radius:var(--radius-sm);border:1px solid var(--color-border-light)}.unauthorized-role-label{font-size:var(--font-size-sm);opacity:.9;font-weight:var(--font-weight-normal)}.unauthorized-role-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:capitalize;color:var(--text-secondary)}.unauthorized-button{padding:var(--m) var(--xl);border:none;border-radius:var(--radius-sm);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);cursor:pointer;transition:all var(--transition-base);background:var(--bg-glass-strong);color:var(--text-primary);border:1px solid var(--color-border-medium)}.unauthorized-button:hover{background:var(--color-border-medium);transform:translateY(-2px)}.unauthorized-button:active{transform:translateY(0)}.unauthorized-button--danger{background:var(--bg-glass-strong);border-color:var(--color-border-medium)}.unauthorized-button--danger:hover{background:var(--bg-glass-strong)}@media(max-width:768px){.unauthorized-screen{--safe-area-base: var(--l)}.unauthorized-screen__header h1{font-size:var(--font-size-xl)}.unauthorized-section{padding:var(--l)}}