:root{--shell-viewport-height:100dvh;--shell-bottom-gap:clamp(16px, 2.4dvh, 24px);--shell-bg-start:#ecfdf5;--shell-bg-mid:#dcfce7;--shell-bg-end:#cffafe;--shell-text-color:#172033;--shell-panel-background:#fffffff0;--shell-border-color:#e5edf6;--shell-link-background:#fff;--shell-muted-text:#52607a;--all-menu-sub-chrome:#e0f2fee0;--all-menu-sub-control:#0ea5e921;--all-menu-sub-control-text:#0369a1;--all-menu-sub-border:#0e749038;--all-menu-sub-top-scrim:#ecfdf5db}html[data-koonho-color-mode=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--shell-bg-start:#0f172a;--shell-bg-mid:#111827;--shell-bg-end:#164e63;--shell-text-color:#e5edf6;--shell-panel-background:#0f172af0;--shell-border-color:#e2e8f024;--shell-link-background:#111827;--shell-muted-text:#9fb0c8;--all-menu-sub-chrome:#082f49bd;--all-menu-sub-control:#0ea5e92e;--all-menu-sub-control-text:#7dd3fc;--all-menu-sub-border:#7dd3fc52;--all-menu-sub-top-scrim:#0f172ae6}*{box-sizing:border-box}html,body{overscroll-behavior-y:auto;width:100%;min-height:100%;margin:0;overflow:hidden auto}body{background:linear-gradient(135deg, var(--shell-bg-start) 0%, var(--shell-bg-mid) 52%, var(--shell-bg-end) 100%), var(--shell-bg-start);color:var(--shell-text-color);font-family:Arial,Noto Sans KR,sans-serif}html.shell-all-menu-lock,body.shell-all-menu-lock{overscroll-behavior:none;width:100%;height:100%;min-height:100%;overflow:hidden}koonho-shell-header{z-index:10000;height:58px;min-height:58px;display:block;position:relative;top:0;overflow:visible}koonho-shell-header[current=home]{height:58px;min-height:58px}@media (width<=820px){koonho-shell-header,koonho-shell-header[current=home]{height:58px;min-height:58px}}@media (orientation:landscape) and (height<=520px) and (width<=940px){koonho-shell-header,koonho-shell-header[current=home]{height:58px;min-height:58px;position:relative;overflow:visible}}a{color:inherit;text-decoration:none}.portal-shell{flex-direction:column;min-height:100svh;display:flex;overflow:visible}.portal-shell--all-menu{height:var(--shell-viewport-height);min-height:0;overflow:hidden}.portal-main{flex:none;width:100vw;min-height:0;margin:0;padding:0;overflow:visible}.portal-shell--all-menu .portal-main{height:calc(var(--shell-viewport-height) - 58px);flex:auto;overflow:hidden}.all-menu-page{width:100vw;height:100%;min-height:0;padding:6px 16px max(calc(var(--shell-bottom-gap) + 18px), calc(env(safe-area-inset-bottom) + 18px));overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;gap:6px;display:flex;position:relative;overflow:hidden auto}.all-menu-page.is-pull-refresh-active:not(.is-reordering)>:not(.all-menu-pull-refresh-indicator),.all-menu-page.is-pull-refreshing:not(.is-reordering)>:not(.all-menu-pull-refresh-indicator){transform:translateY(var(--all-menu-pull-refresh-distance,0))}.all-menu-page.is-pull-refreshing>:not(.all-menu-pull-refresh-indicator){transition:transform .16s}.all-menu-page.is-reordering>:not(.all-menu-pull-refresh-indicator){transform:none}.all-menu-pull-refresh-indicator{z-index:30;color:#334155;opacity:0;pointer-events:none;min-width:144px;height:34px;transform:translate(-50%, calc(-100% + var(--all-menu-pull-refresh-distance,0px) * .72));background:#fffffff0;border:1px solid #94a3b847;border-radius:999px;align-items:center;gap:8px;padding:0 12px;font-size:.78rem;font-weight:800;line-height:1;display:none;position:absolute;top:6px;left:50%;box-shadow:0 10px 24px #0f172a21}.all-menu-page.is-pull-refresh-active .all-menu-pull-refresh-indicator,.all-menu-page.is-pull-refreshing .all-menu-pull-refresh-indicator{opacity:0}.all-menu-pull-refresh-spinner{border:2px solid #0ea5e93d;border-top-color:#0284c7;border-radius:50%;flex:none;width:14px;height:14px}.all-menu-page.is-pull-refreshing .all-menu-pull-refresh-spinner{animation:.72s linear infinite all-menu-pull-refresh-spin}@keyframes all-menu-pull-refresh-spin{to{transform:rotate(360deg)}}.all-menu-page--style-2,.all-menu-page--style-1{touch-action:pan-y}.all-menu-page--style-1 .all-menu-section{border-top-width:4px;border-top-color:var(--accent)}.all-menu-page--style-1 .all-menu-links{display:grid}.all-menu-section{border:1px solid color-mix(in srgb, var(--accent) 55%, #dce3ee);background:var(--shell-panel-background);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:8px;flex-direction:column;flex:1 1 0;min-width:0;min-height:0;transition:background .12s,box-shadow .12s,transform .12s;display:flex;overflow:hidden}.all-menu-section-head{border-bottom:1px solid var(--shell-border-color);flex:none;justify-content:center;align-items:center;gap:8px;height:56px;min-height:0;padding:12px 82px 11px 14px;display:flex;position:relative}.all-menu-section-head strong,.all-menu-section-head span,.all-menu-links a,.all-menu-placeholder{overflow-wrap:anywhere}.all-menu-section-head strong{width:min(52%,180px);min-width:0;color:var(--shell-text-color);text-align:center;font-size:1.26rem;font-weight:860;line-height:1.1;position:absolute;left:50%;transform:translate(-50%)}.all-menu-section-head span{background:color-mix(in srgb, var(--accent) 12%, #fff);max-width:92px;color:var(--accent);border-radius:5px;flex:none;padding:4px 7px;font-size:.72rem;font-weight:800;line-height:1;position:absolute;right:44px}.all-menu-reorder-handle{color:#1e40af6b;width:30px;height:30px;font:inherit;cursor:grab;touch-action:none;-webkit-touch-callout:none;background:0 0;border:0;border-radius:6px;flex:none;justify-content:center;align-items:center;margin-right:0;padding:0;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.all-menu-reorder-handle:before{content:"⋮";font-size:1rem;font-weight:900;line-height:1}.all-menu-reorder-handle:after{content:"⋮";margin-left:-8px;font-size:1rem;font-weight:900;line-height:1}.all-menu-reorder-handle:active{cursor:grabbing;background:#bae6fd80}.all-menu-page.is-reorder-controls-hidden .all-menu-reorder-handle{display:none}.all-menu-links{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(var(--menu-row-count,1), minmax(0, 1fr));background:var(--shell-link-background);flex:auto;grid-auto-rows:minmax(0,1fr);gap:0;min-height:0;display:grid;overflow:hidden}.all-menu-links a,.all-menu-placeholder,.all-menu-skeleton-item{height:auto;min-height:0;color:var(--menu-tone,#475569);text-align:center;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;background:#fff;border-top:1px solid #e5edf6;border-left:1px solid #e5edf6;justify-content:center;align-items:center;padding:6px 10px;font-size:1.1rem;font-weight:750;line-height:1.28;display:flex;overflow:hidden}.all-menu-links a:only-child,.all-menu-skeleton-item:only-child{grid-column:1/-1}.all-menu-app-tabs{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;min-height:0;padding:2px 0;display:grid;overflow:hidden}.all-menu-app-tabs button{aspect-ratio:3/2;background-color:color-mix(in srgb, var(--app-tone) 22%, #fff);background-image:linear-gradient(180deg, #0f172a0a 0%, #0f172a2e 48%, #0f172ab8 100%), var(--app-image);color:#fff;width:100%;min-width:0;min-height:76px;font:inherit;text-align:left;white-space:normal;overflow-wrap:anywhere;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background-position:50%;background-size:cover;border:0;border-radius:8px;justify-content:flex-start;align-items:flex-end;padding:0;font-size:1.1rem;font-weight:500;line-height:1.08;transition:transform .12s,filter .12s,box-shadow .12s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 6px 14px #0f172a1a}.all-menu-app-tabs button:active,.all-menu-app-tabs button.is-pressing{filter:brightness(.94)saturate(1.08);transform:scale(.965);box-shadow:0 3px 8px #0f172a29}.all-menu-app-tab-label{text-overflow:ellipsis;white-space:normal;text-shadow:0 1px 6px #0f172ab3;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;min-width:0;max-width:100%;padding:0 8px 7px;display:block;overflow:hidden}.all-menu-app-tabs button.is-active{color:#fff;background-image:linear-gradient(180deg, #0f172a00 0%, #0f172a33 45%, #0f172ab8 100%), var(--app-image);box-shadow:0 8px 18px color-mix(in srgb, var(--app-tone) 26%, #0f172a24);background-size:cover}.all-menu-app-tabs button.is-direct-link{outline:0}.all-menu-app-tabs button.is-direct-link:after{content:"";border-top-right-radius:inherit;background:color-mix(in srgb, var(--app-tone) 46%, #fff);clip-path:polygon(100% 0,0 0,100% 100%);opacity:.9;pointer-events:none;width:20px;height:20px;position:absolute;top:0;right:0}.all-menu-app-tabs .all-menu-reorder-handle--app-tab{color:#ffffffe6;text-shadow:0 1px 6px #0f172ab8;width:22px;height:28px;right:2px}.all-menu-page:not(.is-reorder-controls-hidden) .all-menu-app-tabs button{padding-right:0}.all-menu-page:not(.is-reorder-controls-hidden) .all-menu-app-tab-label{padding-right:25px}.all-menu-app-tabs button.is-dragging{z-index:20;opacity:.94;cursor:grabbing;pointer-events:none;will-change:transform;transition:none;box-shadow:0 18px 36px #0f172a38}.all-menu-app-tabs .all-menu-drag-placeholder--app{aspect-ratio:3/2;width:100%;min-height:76px}.all-menu-skeleton-item span{background:linear-gradient(90deg,#e5edf6 0%,#f8fafc 48%,#e5edf6 100%) 0 0/220% 100%;border-radius:999px;width:min(78px,58%);height:13px;animation:1.2s ease-in-out infinite all-menu-skeleton;display:block}@keyframes all-menu-skeleton{0%{background-position:120% 0}to{background-position:-120% 0}}.all-menu-links a{gap:6px;position:relative}.all-menu-links a>span:first-child{pointer-events:none;flex:auto;min-width:0}.all-menu-reorder-handle--menu{flex:0 0 24px;width:24px;height:34px;margin-right:-6px;position:static;transform:none}.all-menu-links a:nth-child(odd),.all-menu-placeholder:nth-child(odd){border-left:0}.all-menu-links a:active,.all-menu-links a:hover{background:color-mix(in srgb, var(--accent) 8%, #fff);color:var(--accent)}.all-menu-section.is-long-pressing,.all-menu-links a.is-long-pressing{background:color-mix(in srgb, var(--accent,var(--menu-tone,#0284c7)) 12%, #fff);box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--accent,var(--menu-tone,#0284c7)) 26%, transparent);transform:scale(.988)}.all-menu-sub-panel.is-long-pressing{background:var(--shell-panel-background);transform:none;box-shadow:0 -18px 42px #0f172a3d}.all-menu-page.is-reordering .all-menu-section,.all-menu-page.is-reordering .all-menu-links a{transition:transform .14s,opacity .14s,background .14s}.all-menu-page.is-reordering{cursor:grabbing}.all-menu-section.is-dragging,.all-menu-links a.is-dragging{z-index:20;opacity:.94;cursor:grabbing;pointer-events:none;will-change:transform;background:#fff;transition:none;box-shadow:0 18px 36px #0f172a38}.all-menu-sub-popup{z-index:80;width:100vw;height:calc(var(--shell-viewport-height,100svh) - 58px);padding:8px 12px max(calc(env(safe-area-inset-bottom) + 12px), 12px);pointer-events:auto;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:58px 0 0}.all-menu-sub-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a57;border:0;position:absolute;inset:0}.all-menu-sub-popup:before{content:"";background:linear-gradient(180deg, var(--all-menu-sub-top-scrim) 0%, color-mix(in srgb, var(--all-menu-sub-top-scrim) 72%, transparent) 70%, transparent 100%);pointer-events:none;height:min(128px,22vh);position:absolute;top:0;left:0;right:0}.all-menu-sub-panel{z-index:1;width:min(100%,520px);height:min(64vh, calc(var(--shell-viewport-height,100svh) - 154px));max-height:calc(var(--shell-viewport-height,100svh) - 154px);border:1px solid var(--all-menu-sub-border);background:var(--shell-panel-background);color:var(--shell-text-color);touch-action:pan-y;flex:0 auto;position:relative;box-shadow:0 -18px 42px #0f172a3d}.all-menu-sub-head{background:var(--all-menu-sub-chrome);justify-content:space-between;align-items:center;gap:8px;min-height:56px;padding:9px 8px;display:flex;position:relative}.all-menu-section-head.all-menu-sub-head strong{width:min(42%,180px);max-width:min(42%,180px);color:var(--shell-text-color);text-align:center;flex:0 auto;font-weight:500;line-height:1.28;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.all-menu-sub-head span{background:var(--all-menu-sub-control);width:fit-content;max-width:104px;color:var(--all-menu-sub-control-text);flex:0 auto;align-self:center;position:static}.all-menu-sub-close,.all-menu-sub-arrow{background:var(--all-menu-sub-control);width:36px;height:36px;color:var(--all-menu-sub-control-text);font:inherit;touch-action:manipulation;border:0;border-radius:8px;justify-content:center;align-items:center;font-size:1.45rem;font-weight:900;line-height:1;display:inline-flex;position:static}.all-menu-sub-close{flex:none;margin-left:auto;font-size:1.32rem}.all-menu-sub-close:active,.all-menu-sub-arrow:active,.all-menu-sub-arrow.is-pressing{background:color-mix(in srgb, var(--all-menu-sub-control-text) 16%, var(--all-menu-sub-control));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--all-menu-sub-control-text) 22%, transparent);transform:scale(.992)}.all-menu-sub-arrow--next{position:static}.all-menu-sub-foot{border-top:1px solid var(--shell-border-color);background:var(--all-menu-sub-chrome);grid-template-columns:1fr 1fr;gap:8px;min-height:56px;padding:9px 8px;display:grid}.all-menu-sub-foot .all-menu-sub-arrow{width:100%;height:38px}.all-menu-section-head.all-menu-sub-head{height:auto;min-height:56px;padding:9px 8px}.all-menu-sub-panel .all-menu-links{background:var(--shell-link-background)}.all-menu-sub-panel .all-menu-links a,.all-menu-sub-panel .all-menu-placeholder{border-color:var(--shell-border-color);background:var(--shell-link-background)}.all-menu-drag-placeholder{background:#ffffff7a;border:1px dashed #0e749052;border-radius:8px;min-height:42px;transition:transform .14s,opacity .14s;box-shadow:inset 0 0 0 1px #bae6fd52}.all-menu-drag-placeholder--app{min-height:102px}.my-page{width:100%;max-width:none;margin:0;padding:0 0 32px}.my-page-title{display:none}.my-page-card{background:#fff;border:1px solid #dce3ee;border-radius:8px;width:100%;max-width:720px;padding:24px;box-shadow:0 1px 3px #0f172a14}.my-page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.my-page-item{background:#f8fafc;border:1px solid #e5edf6;border-radius:8px;min-width:0;padding:16px}.my-page-label{color:#64748b;font-size:.84rem;line-height:1.2;display:block}.my-page-value{color:#172033;overflow-wrap:anywhere;margin-top:8px;font-size:1rem;font-weight:800;line-height:1.25;display:block}.age-page{width:100%;min-height:calc(var(--shell-viewport-height,100svh) - 58px);justify-content:center;align-items:center;padding:24px;display:flex}.age-number-button{aspect-ratio:1;color:#ea580c;width:min(180px,46vw);font:inherit;touch-action:manipulation;background:#fff;border:1px solid #ea580c38;border-radius:8px;justify-content:center;align-items:center;font-size:3.6rem;font-weight:900;line-height:1;display:inline-flex;box-shadow:0 12px 28px #0f172a1f}@media (width<=940px){.portal-shell{min-height:100svh}.portal-main{width:100vw;padding:0;display:block}.all-menu-page{width:100vw;height:100%;min-height:0;padding:6px 16px max(calc(var(--shell-bottom-gap) + 18px), calc(env(safe-area-inset-bottom) + 18px));flex-direction:column;gap:6px;display:flex}.all-menu-page--style-1{display:flex}.all-menu-page--style-1 .all-menu-section{min-height:0}.all-menu-section-head{height:56px;min-height:0;padding:12px 82px 11px 14px}.all-menu-section-head strong{font-size:1.26rem;line-height:1.1}.all-menu-section-head span{font-size:.72rem;right:44px}.all-menu-reorder-handle{width:30px;height:30px;right:8px}.all-menu-links a,.all-menu-placeholder,.all-menu-skeleton-item{height:auto;min-height:0;padding:6px 8px;font-size:1rem}.all-menu-links{grid-template-rows:repeat(var(--menu-row-count,1), minmax(0, 1fr));grid-auto-rows:minmax(0,1fr)}.all-menu-app-tabs{min-height:0}.all-menu-app-tabs button,.all-menu-app-tabs .all-menu-drag-placeholder--app{min-height:76px}.all-menu-sub-popup{padding:8px 12px max(calc(env(safe-area-inset-bottom) + 12px), 12px)}.all-menu-sub-panel{height:min(66vh, calc(var(--shell-viewport-height,100svh) - 146px));max-height:calc(var(--shell-viewport-height,100svh) - 146px)}.my-page{max-width:none;margin:16px 0 0;padding-bottom:16px}.my-page-card{padding:16px}.my-page-grid{grid-template-columns:1fr;gap:10px}.my-page-item{padding:14px}}@media (orientation:landscape) and (height<=520px) and (width<=940px){.portal-main{width:100vw;padding:0}.all-menu-page{width:100vw;padding:5px 16px max(calc(var(--shell-bottom-gap) + 14px), calc(env(safe-area-inset-bottom) + 14px));gap:5px;min-height:0}.all-menu-page--style-1{display:flex}.all-menu-page--style-1 .all-menu-section{min-height:0}.all-menu-section-head{height:46px;padding:8px 78px 8px 14px}.all-menu-section-head strong{font-size:1.12rem}.all-menu-links a,.all-menu-placeholder,.all-menu-skeleton-item{padding:4px 8px;font-size:.98rem;line-height:1.08}.all-menu-app-tabs{grid-template-columns:repeat(8,minmax(0,1fr));min-height:0;padding:2px 0}.all-menu-app-tabs button{min-height:64px;padding:0;font-size:1rem}.all-menu-page:not(.is-reorder-controls-hidden) .all-menu-app-tabs button{padding-right:0}.all-menu-app-tab-label{padding:0 5px 5px}.all-menu-page:not(.is-reorder-controls-hidden) .all-menu-app-tab-label{padding-right:22px}.all-menu-app-tabs .all-menu-drag-placeholder--app{min-height:64px}.all-menu-sub-popup{padding:8px 16px max(calc(env(safe-area-inset-bottom) + 8px), 8px);align-items:flex-start}.all-menu-sub-panel{height:min(78%, calc(var(--shell-viewport-height,100svh) - 82px));max-height:calc(var(--shell-viewport-height,100svh) - 82px)}.all-menu-sub-head{min-height:44px;padding:6px 8px}.all-menu-sub-close,.all-menu-sub-arrow{width:32px;height:32px}.all-menu-sub-foot{min-height:44px;padding:6px 8px}.all-menu-sub-foot .all-menu-sub-arrow{width:100%;height:32px}.all-menu-section-head.all-menu-sub-head{height:auto;min-height:44px;padding:6px 8px}}