.settings-grid.tile-grid>.settings-tile,.settings-grid.tile-grid>.settings-tile.is-open{margin:0;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}.settings-grid.tile-grid .settings-tile{width:min(100%,240px)}@media (min-width:1024px){.settings-grid.tile-grid .settings-tile{width:min(100%,260px)}}.settings-grid.tile-grid .settings-tile.is-open{margin-top:clamp(2.4rem,5.4vw,3.6rem);margin-bottom:clamp(2.4rem,5.4vw,3.6rem)}.settings-grid.tile-grid .settings-admin-zone{grid-column:1/-1;width:100%;margin-top:clamp(2.5rem,5vw,3.75rem);padding-top:clamp(1.5rem,4vw,2.5rem);border-top:1px dashed rgba(15,25,40,.18)}[data-theme=dark] .settings-grid.tile-grid .settings-admin-zone{border-top-color:rgba(230,244,244,.24)}.settings-tile{position:relative;display:flex;flex-direction:column}.settings-tile-trigger{padding:0;width:100%;cursor:pointer;isolation:isolate;transition:transform .28s ease,box-shadow .28s ease;appearance:none}.settings-tile-trigger:focus-visible{outline:none}.settings-tile.is-open{grid-column:1/-1;width:100%;margin-inline:auto}.settings-tile.is-open .settings-tile-trigger{aspect-ratio:auto;width:100%;max-width:clamp(360px,82vw,720px);margin-inline:auto;min-height:clamp(220px,52vw,340px);border-color:rgba(118,180,255,.88);box-shadow:0 48px 96px rgba(66,120,255,.22),0 20px 42px rgba(15,23,42,.2)}.settings-tile.is-open .settings-tile-trigger-inner{width:100%;height:100%;padding:clamp(1.25rem,4.2vw,2.1rem) clamp(1.2rem,4vw,2.1rem);gap:clamp(.9rem,2.8vw,1.6rem);grid-template-rows:auto auto}.settings-tile.is-open .settings-tile-header{align-items:flex-start;text-align:left;gap:clamp(.4rem,1.4vw,.8rem)}.settings-tile.is-open .tile-title{font-size:clamp(1.1rem,2.4vw,1.45rem)}.settings-tile.is-open .tile-subtitle{font-size:clamp(.85rem,2vw,1rem);max-width:clamp(14rem,40vw,22rem)}.settings-tile.is-open .settings-tile-visual{width:clamp(140px,52vw,220px);margin-inline:auto}@media (min-width:640px){.settings-tile.is-open .settings-tile-trigger-inner{display:grid;grid-template-columns:minmax(0,1fr) clamp(110px,18vw,150px);grid-template-rows:auto;align-items:center}.settings-tile.is-open .settings-tile-visual{align-self:center;height:clamp(96px,14vw,128px);width:clamp(96px,14vw,128px);margin-left:auto;border-radius:clamp(24px,6vw,36px);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 22px 46px rgba(59,130,246,.18)}.settings-tile.is-open .tile-halo{width:100%;height:100%}.settings-tile.is-open .tile-glyph,.settings-tile.is-open .tile-img{width:70%;height:70%}}.settings-tile-placeholder{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:9999px;background:linear-gradient(135deg,rgba(12,139,198,.18),rgba(255,180,120,.32));font-size:1.5rem;font-weight:600;color:rgba(15,23,42,.6)}.settings-tile-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .35s ease,opacity .35s ease;opacity:0}.settings-tile-body.is-open{grid-template-rows:1fr;opacity:1;margin-top:clamp(1rem,3.2vw,1.8rem)}.settings-tile-body-shell{position:relative;overflow:hidden}.settings-tile-body-shell.tile-card{width:min(100%,clamp(360px,88vw,900px));margin-inline:auto}.settings-tile-shell-inner{position:relative;padding:var(--shell-pad-y,clamp(1.8rem,4.8vw,2.6rem)) var(--shell-pad-x,clamp(1.8rem,4.8vw,2.6rem))}.settings-tile.is-open .settings-tile-body-shell{--shell-pad-y:clamp(2.2rem,5.4vw,3rem);--shell-pad-x:clamp(2.1rem,5vw,2.9rem);--mx:52%;--my:36%;padding:0}.settings-tile.is-open .settings-tile-body-shell>*{position:relative;z-index:1}.settings-tile.is-open .settings-tile-body-shell>.settings-corner-hint{position:absolute;z-index:3}.settings-tile[data-variant=bubble]{--bubble-width-closed:min(100%,clamp(210px,40vw,240px));--bubble-width-open:clamp(360px,70vw,820px);perspective:1400px;position:relative}.settings-tile[data-variant=bubble] .tile-title{color:#0c8bc6}.settings-tile[data-variant=bubble] .tile-subtitle{text-transform:none;letter-spacing:-.01em;font-size:clamp(.85rem,2.2vw,1rem);color:rgba(12,139,198,.75)}[data-theme=dark] .settings-tile[data-variant=bubble] .tile-title{color:#ffffff}[data-theme=dark] .settings-tile[data-variant=bubble] .tile-subtitle{color:rgba(255,255,255,.72)}.settings-tile[data-variant=bubble] .settings-tile-trigger{width:var(--bubble-width-closed);margin-inline:auto;transform-origin:top center;transition:transform .6s cubic-bezier(.24,.7,.32,1),opacity .45s ease,box-shadow .35s ease;backface-visibility:hidden;will-change:transform,opacity}.settings-tile[data-variant=bubble] .settings-tile-body{margin-top:clamp(.1rem,.6vw,.4rem);transform-origin:top center;transform:rotateX(88deg);opacity:0;pointer-events:none;transition:transform .6s cubic-bezier(.24,.7,.32,1),opacity .45s ease,margin-top .4s ease;backface-visibility:hidden;will-change:transform,opacity}.settings-tile[data-variant=bubble] .settings-tile-body-shell{border-radius:clamp(2.4rem,6vw,3.2rem);--shell-pad-y:clamp(2.1rem,5vw,2.8rem);--shell-pad-x:clamp(1.9rem,4.6vw,2.6rem)}.settings-tile[data-variant=bubble].is-open{grid-column:1/-1;width:100%}.settings-tile[data-variant=bubble].is-open .settings-tile-trigger{width:var(--bubble-width-open);max-width:100%;position:absolute;top:0;left:50%;transform:translateX(-50%) rotateX(-96deg) scale(.96);opacity:0;box-shadow:none;pointer-events:none}.settings-tile[data-variant=bubble].is-open .settings-tile-body{width:var(--bubble-width-open);max-width:100%;margin-inline:auto;margin-top:clamp(-2.2rem,-5.5vw,-1.6rem);transform:rotateX(0deg);opacity:1;pointer-events:auto}.settings-tile[data-variant=bubble].is-open .settings-tile-body-shell{--shell-pad-y:clamp(2.4rem,6vw,3.2rem);--shell-pad-x:clamp(2.2rem,5vw,3rem)}.settings-tile[data-variant=bubble] .settings-bubble-head{position:sticky;top:0;margin-bottom:clamp(1.1rem,2.8vw,1.6rem);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.75));border-radius:28px;padding:clamp(.9rem,2.6vw,1.2rem) clamp(1rem,2.8vw,1.35rem);border:1px solid rgba(12,139,198,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 20px 40px rgba(12,139,198,.12)}.settings-tile[data-variant=bubble] .settings-bubble-headline{display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;font-weight:600;font-size:clamp(.95rem,2.3vw,1.1rem);letter-spacing:-.01em}.settings-tile[data-variant=bubble] .settings-bubble-headline:focus-visible{outline:2px solid rgba(12,139,198,.35);outline-offset:4px}.settings-tile[data-variant=bubble] .settings-bubble-label{position:relative;display:inline-flex;align-items:center;gap:.6rem;padding:.4rem 1rem;border-radius:999px;background:linear-gradient(118deg,rgba(12,139,198,.95),rgba(0,191,255,.9));color:white;font-size:.78rem;text-transform:uppercase;letter-spacing:.18em}.settings-tile[data-variant=bubble] .settings-bubble-label:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(60% 60% at 50% 50%,rgba(255,255,255,.5),transparent 80%);opacity:.55;pointer-events:none}.settings-tile[data-variant=bubble] .settings-bubble-summary{font-size:.9rem;color:rgba(12,139,198,.7)}.settings-tile[data-variant=bubble] .settings-bubble-headline button{margin-left:auto}.settings-corner-hint{position:absolute;display:inline-flex;flex-wrap:wrap;width:0;height:0;pointer-events:none;font-size:0;color:rgba(255,138,61,.76);opacity:.8;transition:opacity .25s ease,color .25s ease,filter .25s ease}.settings-corner-hint .hint-arrow{position:absolute;width:var(--hint-size,1.25rem);height:var(--hint-size,1.25rem);transform-origin:center;transform:rotate(var(--hint-rotation,45deg)) translate(var(--tx,0),var(--ty,0)) scale(var(--hint-scale,.85));opacity:.85;transition:transform .35s ease,opacity .35s ease}.settings-corner-hint .hint-arrow path{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.settings-corner-hint .hint-arrow--tl{top:var(--hint-offset,.45rem);left:var(--hint-offset,.45rem);--corner-rotation:45deg;--tx:-42%;--ty:-42%}.settings-corner-hint .hint-arrow--tr{top:var(--hint-offset,.45rem);right:var(--hint-offset,.45rem);--corner-rotation:135deg;--tx:42%;--ty:-42%}.settings-corner-hint .hint-arrow--br{bottom:var(--hint-offset,.45rem);right:var(--hint-offset,.45rem);--corner-rotation:225deg;--tx:42%;--ty:42%}.settings-corner-hint .hint-arrow--bl{bottom:var(--hint-offset,.45rem);left:var(--hint-offset,.45rem);--corner-rotation:315deg;--tx:-42%;--ty:42%}.settings-corner-hint.hint-target-body .hint-arrow{--tx:0%;--ty:0%;--hint-scale:0.9}.settings-corner-hint.hint-mode-expand .hint-arrow{--hint-rotation:calc(var(--corner-rotation, 45deg) + 180deg);--hint-scale:0.92}.settings-corner-hint.hint-mode-collapse .hint-arrow{--hint-rotation:var(--corner-rotation,45deg);--hint-scale:0.92}.settings-tile[data-variant=bubble].is-open .settings-corner-hint{--hint-offset:clamp(0.5rem,1.5vw,0.75rem);--hint-size:clamp(1.35rem,3vw,1.75rem)}.settings-tile[data-variant=bubble]:not(.is-open) .settings-tile-trigger:focus-visible .settings-corner-hint.hint-mode-expand,.settings-tile[data-variant=bubble]:not(.is-open) .settings-tile-trigger:hover .settings-corner-hint.hint-mode-expand{opacity:.96;color:rgba(255,138,61,.96);filter:drop-shadow(0 16px 28px rgba(255,138,61,.32))}.settings-tile[data-variant=bubble]:not(.is-open) .settings-tile-trigger:focus-visible .settings-corner-hint.hint-mode-expand .hint-arrow,.settings-tile[data-variant=bubble]:not(.is-open) .settings-tile-trigger:hover .settings-corner-hint.hint-mode-expand .hint-arrow{opacity:1;transform:rotate(calc(var(--corner-rotation, 45deg) + 180deg)) scale(1)}.settings-tile[data-variant=bubble].is-open .settings-tile-body-shell:focus-within .settings-corner-hint.hint-mode-collapse,.settings-tile[data-variant=bubble].is-open .settings-tile-body-shell:hover .settings-corner-hint.hint-mode-collapse{opacity:.96;color:rgba(255,138,61,.95);filter:drop-shadow(0 20px 32px rgba(255,138,61,.34))}.settings-tile[data-variant=bubble].is-open .settings-tile-body-shell:focus-within .settings-corner-hint.hint-mode-collapse .hint-arrow,.settings-tile[data-variant=bubble].is-open .settings-tile-body-shell:hover .settings-corner-hint.hint-mode-collapse .hint-arrow{opacity:1;transform:rotate(var(--corner-rotation,45deg)) scale(1)}.settings-tile[data-variant=bubble].is-open .settings-corner-hint.hint-mode-collapse{opacity:.85;color:rgba(255,138,61,.88);filter:drop-shadow(0 16px 30px rgba(255,138,61,.3))}.settings-tile[data-variant=bubble].is-open .settings-corner-hint.hint-mode-collapse .hint-arrow{opacity:.9;--hint-scale:1}.settings-tile:not([data-variant=bubble]) .settings-tile-body-shell .settings-corner-hint{--hint-offset:clamp(0.6rem,1.9vw,0.95rem);--hint-size:clamp(1.35rem,3vw,1.75rem)}.settings-tile:not([data-variant=bubble]) .settings-corner-hint.hint-target-body.is-open{opacity:.82;color:rgba(255,138,61,.88);filter:drop-shadow(0 20px 32px rgba(255,138,61,.28))}.settings-tile:not([data-variant=bubble]) .settings-corner-hint.hint-target-body.is-open .hint-arrow{opacity:.92;--hint-scale:1;transform:rotate(var(--corner-rotation,45deg)) scale(1)}.settings-tile:not([data-variant=bubble]) .settings-tile-body-shell:focus-within .settings-corner-hint.hint-target-body.is-open,.settings-tile:not([data-variant=bubble]) .settings-tile-body-shell:hover .settings-corner-hint.hint-target-body.is-open{opacity:.94;color:rgba(255,138,61,.95);filter:drop-shadow(0 26px 44px rgba(255,138,61,.34))}.settings-tile:not([data-variant=bubble]) .settings-tile-body-shell:focus-within .settings-corner-hint.hint-target-body.is-open .hint-arrow,.settings-tile:not([data-variant=bubble]) .settings-tile-body-shell:hover .settings-corner-hint.hint-target-body.is-open .hint-arrow{opacity:1}[data-theme=dark] .settings-corner-hint{color:rgba(255,180,120,.76);filter:drop-shadow(0 18px 34px rgba(255,138,61,.28))}[data-theme=dark] .settings-tile:not([data-variant=bubble]) .settings-corner-hint.hint-target-body.is-open{color:rgba(255,196,140,.9);filter:drop-shadow(0 28px 46px rgba(255,138,61,.36))}[data-theme=dark] .settings-tile:not([data-variant=bubble]) .settings-tile-body-shell:focus-within .settings-corner-hint.hint-target-body.is-open,[data-theme=dark] .settings-tile:not([data-variant=bubble]) .settings-tile-body-shell:hover .settings-corner-hint.hint-target-body.is-open{color:rgba(255,210,158,.96);filter:drop-shadow(0 32px 52px rgba(255,138,61,.4))}[data-theme=dark] .settings-tile[data-variant=bubble]:not(.is-open) .settings-tile-trigger:focus-visible .settings-corner-hint.hint-mode-expand,[data-theme=dark] .settings-tile[data-variant=bubble]:not(.is-open) .settings-tile-trigger:hover .settings-corner-hint.hint-mode-expand{color:rgba(255,192,130,.98);filter:drop-shadow(0 20px 38px rgba(255,138,61,.36))}[data-theme=dark] .settings-tile[data-variant=bubble].is-open .settings-tile-body-shell:focus-within .settings-corner-hint.hint-mode-collapse,[data-theme=dark] .settings-tile[data-variant=bubble].is-open .settings-tile-body-shell:hover .settings-corner-hint.hint-mode-collapse{color:rgba(255,204,145,.98);filter:drop-shadow(0 24px 42px rgba(255,138,61,.38))}[data-theme=dark] .settings-tile[data-variant=bubble].is-open .settings-corner-hint.hint-mode-collapse{color:rgba(255,192,135,.9);filter:drop-shadow(0 20px 36px rgba(255,138,61,.34))}[data-theme=dark] .settings-tile[data-variant=bubble] .settings-bubble-headline{color:#f8fafc}[data-theme=dark] .settings-tile[data-variant=bubble] .settings-bubble-label{background:linear-gradient(118deg,rgba(96,196,255,.9),rgba(12,139,198,.94));text-shadow:0 12px 26px rgba(12,139,198,.32)}[data-theme=dark] .settings-tile[data-variant=bubble] .settings-bubble-label:after{background:radial-gradient(60% 60% at 50% 50%,rgba(56,180,255,.3),transparent 80%);opacity:.45}[data-theme=dark] .settings-tile[data-variant=bubble].is-open .settings-bubble-label:after{display:none}[data-theme=dark] .settings-tile[data-variant=bubble] .settings-bubble-headline:hover .settings-bubble-label{filter:brightness(1.12)}[data-theme=dark] .settings-tile[data-variant=bubble] .settings-bubble-summary{color:rgba(227,235,245,.7)}[data-theme=dark] .settings-tile[data-variant=bubble] .settings-bubble-head{backdrop-filter:none;background:transparent}