.kome-gateway{--gateway-ink:#214f5a;--gateway-canopy:#fcfdf6;--gateway-center:#fffff8;--gateway-center-soft:#fbfcf1;--gateway-middle:#dae3d8;--gateway-edge:#88a5a6;--gateway-edge-deep:#678991;--gateway-ray:#fffff5d9;--gateway-ray-bright:#fffff5e6;--gateway-bubble-fill:#91abac;--gateway-logo-filter:none;isolation:isolate;width:100%;height:100svh;min-height:480px;color:var(--gateway-ink);background:radial-gradient(ellipse 30% 72% at 50% 63%, var(--gateway-center) 0%, var(--gateway-center-soft) 31%, var(--gateway-middle) 58%, var(--gateway-edge) 88%, var(--gateway-edge-deep) 145%);font-family:var(--font-kome-sans), "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;touch-action:pan-y pinch-zoom;position:relative;overflow:hidden;container-type:inline-size}.kome-gateway :is(button,h1,p){margin:0}.kome-gateway button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.kome-gateway__light{opacity:.8;background:conic-gradient(from 146deg at 50% 9%, transparent 0deg, var(--gateway-ray) 13deg, var(--gateway-ray-bright) 48deg, transparent 69deg);filter:blur(29px);pointer-events:none;position:absolute;inset:-8% -4% -16%}.kome-gateway__canopy{z-index:2;background:var(--gateway-canopy);pointer-events:none;border-radius:0 0 50% 50%/0 0 100% 100%;width:22%;height:12.7%;position:absolute;top:-1px;left:39%;box-shadow:0 6.5px 11px #244d4e21}.kome-gateway__logo{z-index:4;-webkit-user-select:none;user-select:none;pointer-events:none;width:15%;padding:0;line-height:0;position:absolute;top:.45%;left:42.5%}.kome-gateway__logo img{width:100%;height:auto;filter:var(--gateway-logo-filter);display:block}.kome-gateway__account{z-index:5;top:max(16px, env(safe-area-inset-top));right:max(23px, env(safe-area-inset-right));width:44px;min-height:44px;color:var(--gateway-ink);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute}.kome-gateway__account>svg{stroke-width:1.3px;width:36px;height:36px}.kome-gateway__account-label{max-width:160px;color:var(--gateway-ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;line-height:1.6;position:absolute;top:46px;right:0;overflow:hidden}.kome-gateway__account:hover{background:#fffff521}.kome-gateway__menus{z-index:3;pointer-events:none;position:absolute;inset:0}.kome-gateway__menu{width:min(215.6px,21.945cqw);color:var(--gateway-ink);transform-origin:50%;-webkit-user-select:none;user-select:none;pointer-events:auto;will-change:left, top, transform, opacity, filter;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:19px;padding:0;display:flex;position:absolute;top:60.3%;left:50%;transform:translate(-50%,-50%)}.kome-gateway__menu--textbook{width:min(280px,28.5cqw)}.kome-gateway__menu[data-position=left]{top:32.75%;left:11.722%}.kome-gateway__menu[data-position=right]{top:32.75%;left:88.278%}.kome-gateway__menu:not([data-position=center]){opacity:.63;filter:blur(1.25px);transform:translate(-50%,-50%)scale(.58)}.kome-gateway__art{aspect-ratio:1.37;pointer-events:none;justify-content:center;align-items:center;width:100%;display:flex}.kome-gateway__art>svg{stroke-width:1.55px;width:65%;height:87%}.kome-gateway__book{pointer-events:none;width:143%;max-width:none;height:auto;margin:-14% -21.5% -10%;display:block}.kome-gateway__bubbles{width:86%;height:83%;position:relative}.kome-gateway__bubbles svg{stroke-width:1.6px;width:66%;height:78%;position:absolute}.kome-gateway__bubbles svg:first-child{z-index:1;fill:var(--gateway-bubble-fill);top:0;left:0}.kome-gateway__bubbles svg:last-child{bottom:0;right:0}.kome-gateway__menu-label{letter-spacing:-.045em;white-space:nowrap;font-size:min(31px,3cqw);font-weight:500;line-height:1.2;display:block}.kome-gateway__settings{z-index:5;bottom:max(18px, env(safe-area-inset-bottom));left:max(24px, env(safe-area-inset-left));max-width:calc(100% - 32px);position:absolute}.kome-gateway :is(.kome-gateway__account,.kome-gateway__menu):focus-visible{outline:3px solid var(--color-focus);outline-offset:7px}.kome-gateway__sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:root[data-theme=dark] .kome-gateway{--gateway-ink:var(--color-information);--gateway-canopy:var(--color-surface);--gateway-center:#4b5541;--gateway-center-soft:#414d3c;--gateway-middle:#314239;--gateway-edge:#233c3d;--gateway-edge-deep:#172e32;--gateway-ray:#b5cca81a;--gateway-ray-bright:#b5cca829;--gateway-bubble-fill:#314d4c;--gateway-logo-filter:brightness(0) saturate(100%) invert(88%) sepia(14%) saturate(505%) hue-rotate(129deg) brightness(92%) contrast(91%)}@media (prefers-color-scheme:dark){:root:not([data-theme]) .kome-gateway{--gateway-ink:var(--color-information);--gateway-canopy:var(--color-surface);--gateway-center:#4b5541;--gateway-center-soft:#414d3c;--gateway-middle:#314239;--gateway-edge:#233c3d;--gateway-edge-deep:#172e32;--gateway-ray:#b5cca81a;--gateway-ray-bright:#b5cca829;--gateway-bubble-fill:#314d4c;--gateway-logo-filter:brightness(0) saturate(100%) invert(88%) sepia(14%) saturate(505%) hue-rotate(129deg) brightness(92%) contrast(91%)}}@media (max-width:520px){.kome-gateway{background:radial-gradient(ellipse 47% 59% at 50% 65%, var(--gateway-center) 0%, var(--gateway-center-soft) 31%, var(--gateway-middle) 60%, var(--gateway-edge) 96%, var(--gateway-edge-deep) 150%);min-height:610px}.kome-gateway__canopy{width:37%;height:69px;left:31.5%}.kome-gateway__logo{top:max(6.5px, env(safe-area-inset-top));width:28%;left:36%}.kome-gateway__account{top:max(10px, env(safe-area-inset-top));right:max(3px, env(safe-area-inset-right))}.kome-gateway__account>svg{width:25px;height:25px}.kome-gateway__account-label{display:none}.kome-gateway__light{filter:blur(24px);inset:-4% -32% -8%}.kome-gateway__menu{gap:16px;width:min(150.92px,43.12cqw);top:65.8%}.kome-gateway__menu--textbook{width:min(196px,56cqw)}.kome-gateway__menu[data-position=left]{top:42.3%;left:14.926%}.kome-gateway__menu[data-position=right]{top:42.3%;left:85.074%}.kome-gateway__menu:not([data-position=center]){filter:blur(.65px);transform:translate(-50%,-50%)scale(.45)}.kome-gateway__menu-label{font-size:25px}.kome-gateway__settings{left:50%;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.kome-gateway__menu{will-change:auto}}