:root{--sb-bg:hsl(var(--background));--sb-line:#0000001a;--sb-text:#0d0d0d;--sb-text-2:#5d5d5d;--sb-text-3:#767676;--sb-icon:#0d0d0d;--sb-hover:#f3f3f3;--sb-selected:#ececec;--sb-pressed:#e5e5e5;--sb-focus:#0d0d0d;--sb-badge-bg:#0d0d0d;--sb-badge-fg:#fff;--sb-tip-bg:#0d0d0d;--sb-tip-fg:#fff;--sb-rail:#0003;--sb-ease:cubic-bezier(.2, 0, 0, 1)}.dark{--sb-line:#262626;--sb-text:#fafafa;--sb-text-2:#a3a3a3;--sb-text-3:#8c8c8c;--sb-icon:#fafafa;--sb-hover:#26262680;--sb-selected:#262626;--sb-pressed:#2e2e2e;--sb-focus:#d4d4d4;--sb-badge-bg:#fafafa;--sb-badge-fg:hsl(var(--background));--sb-tip-bg:#fafafa;--sb-tip-fg:hsl(var(--background));--sb-rail:#ffffff3d}.sb,.sb-tip{font-family:var(--font-geist-sans), var(--font-noto-jp), var(--font-noto-kr), sans-serif;font-feature-settings:"palt";letter-spacing:0}.sb:lang(ko),.sb-tip:lang(ko){font-family:var(--font-geist-sans), var(--font-noto-kr), var(--font-noto-jp), sans-serif}.sb-spacer{transition:width .2s var(--sb-ease);flex-shrink:0}.sb-frame{z-index:30;display:flex;position:fixed;top:0;bottom:0;left:0}.sb{background:var(--sb-bg);height:100%;color:var(--sb-text);border-right:1px solid var(--sb-line);transition:width .2s var(--sb-ease);flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden}.sb button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.sb a{color:inherit;text-decoration:none}.sb-head{flex-shrink:0;align-items:center;width:260px;padding:6px;display:flex;position:relative}.sb-school{border-radius:10px;outline:none;align-items:center;gap:8px;width:206px;height:48px;padding:0 8px 0 10px;display:flex}.sb-school:focus-visible{box-shadow:inset 0 0 0 2px var(--sb-focus)}.sb-school .name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:500;line-height:18px;transition:opacity .15s linear;overflow:hidden}.sb-mark{flex-shrink:0;transition:opacity .12s linear;display:flex}.sb-toggle{border-radius:10px;outline:none;justify-content:center;align-items:center;width:36px;height:36px;margin-left:6px;transition:background-color .12s linear,opacity .12s linear;display:flex;color:var(--sb-text-2)!important}.sb-toggle:hover{background:var(--sb-hover)!important;color:var(--sb-text)!important}.sb-toggle:focus-visible{box-shadow:inset 0 0 0 2px var(--sb-focus)}.sb-expand{border-radius:10px;outline:none;justify-content:center;align-items:center;width:44px;height:44px;display:none;position:absolute;top:8px;left:4px}.sb-expand svg{opacity:0}.sb-expand:hover,.sb-expand:focus-visible{background:var(--sb-hover)!important}.sb-expand:hover svg,.sb-expand:focus-visible svg{opacity:1}.sb-expand:focus-visible{box-shadow:inset 0 0 0 2px var(--sb-focus)}:is(.sb-head:has(.sb-expand:hover) .sb-mark,.sb-head:has(.sb-expand:focus-visible) .sb-mark){opacity:0}.sb-nav{scrollbar-width:thin;scrollbar-color:var(--sb-line) transparent;flex:1;min-height:0;padding:6px 6px 12px;overflow:hidden auto}.sb-row{cursor:pointer;width:248px;height:36px;transition:width .2s var(--sb-ease);outline:none;flex-shrink:0;align-items:center;display:flex;position:relative}.sb-row .bg{width:248px;transition:left .2s var(--sb-ease), width .2s var(--sb-ease), background-color .12s linear;border-radius:10px;position:absolute;top:0;bottom:0;left:0}.sb-row:hover .bg{background:var(--sb-hover)}.sb-row:active .bg{background:var(--sb-pressed)}.sb-row[aria-current=page] .bg{background:var(--sb-selected)}.sb-row:focus-visible .bg{box-shadow:inset 0 0 0 2px var(--sb-focus)}.sb-row .in{flex-shrink:0;align-items:center;gap:6px;width:248px;padding:0 10px;display:flex;position:relative}.sb-row .ic{color:var(--sb-icon);flex-shrink:0}.sb-row .label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;line-height:20px;transition:opacity .15s linear;overflow:hidden}.sb-row.back{margin-bottom:8px}.sb-row.back .label{text-align:center;padding:0 46px;position:absolute;left:0;right:0}.sb-badge{background:var(--sb-badge-bg);min-width:20px;height:20px;color:var(--sb-badge-fg);text-align:center;font-variant-numeric:tabular-nums;letter-spacing:0;border-radius:999px;flex-shrink:0;padding:0 6px;font-size:11.5px;font-weight:600;line-height:20px;transition:opacity .15s linear}.sb-dotbadge{background:var(--sb-badge-bg);min-width:16px;height:16px;color:var(--sb-badge-fg);text-align:center;font-variant-numeric:tabular-nums;letter-spacing:0;box-shadow:0 0 0 2px var(--sb-bg);opacity:0;pointer-events:none;border-radius:999px;padding:0 4px;font-size:10px;font-weight:600;line-height:16px;transition:opacity .12s linear;position:absolute;top:2px;left:22px}.sb[data-collapsed=true] .sb-dotbadge{transition-delay:.16s}.sb-title{width:248px;height:40px;color:var(--sb-text-3);white-space:nowrap;text-overflow:ellipsis;padding:18px 10px 6px;font-size:12px;font-weight:500;line-height:16px;position:relative;overflow:hidden}.sb-title span{transition:opacity .15s linear}.sb-title:after{content:"";background:var(--sb-line);opacity:0;width:20px;height:1px;transition:opacity .15s linear;position:absolute;top:26px;left:10px}.sb-foot{flex-shrink:0;width:260px;padding:6px}.sb-account{text-align:left;width:248px;height:48px;transition:width .2s var(--sb-ease);outline:none;align-items:center;display:flex;position:relative}.sb-account .acc{flex-shrink:0;align-items:center;gap:8px;width:248px;padding:0 8px 0 4px;display:flex;position:relative}.sb-account .bg{width:248px;height:48px;transition:left .2s var(--sb-ease), top .2s var(--sb-ease), width .2s var(--sb-ease), height .2s var(--sb-ease), background-color .12s linear;border-radius:10px;position:absolute;top:0;left:0}.sb-account:hover .bg{background:var(--sb-hover)}.sb-account[aria-expanded=true] .bg{background:var(--sb-selected)}.sb-account:focus-visible .bg{box-shadow:inset 0 0 0 2px var(--sb-focus)}.sb-account .who{flex:1;min-width:0;transition:opacity .15s linear;position:relative}.sb-account .nm{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;line-height:18px;display:block;overflow:hidden}.sb-account .rl{white-space:nowrap;text-overflow:ellipsis;color:var(--sb-text-2);font-size:12px;line-height:14px;display:block;overflow:hidden}.sb-account .more{color:var(--sb-text-2);flex-shrink:0;transition:opacity .15s linear}.sb[data-collapsed=true] .label,.sb[data-collapsed=true] .sb-badge,.sb[data-collapsed=true] .sb-school .name,.sb[data-collapsed=true] .sb-title span,.sb[data-collapsed=true] .sb-account .who,.sb[data-collapsed=true] .sb-account .more{opacity:0}.sb[data-collapsed=true] .sb-title:after,.sb[data-collapsed=true] .sb-dotbadge{opacity:1}.sb[data-collapsed=true] .sb-row{width:40px}.sb[data-collapsed=true] .sb-row .label{text-overflow:clip}.sb[data-collapsed=true] .sb-row .bg{width:36px;left:2px}.sb[data-collapsed=true] .sb-account{width:42px}.sb[data-collapsed=true] .sb-account .bg{width:44px;height:44px;top:2px;left:-2px}.sb[data-collapsed=true] .sb-toggle{opacity:0;visibility:hidden}.sb[data-collapsed=true] .sb-school{pointer-events:none}.sb[data-collapsed=true] .sb-expand{display:flex}.sb-rail{z-index:1;cursor:w-resize;background:0 0;border:0;outline:none;width:10px;padding:0;position:absolute;top:0;bottom:0;right:-9px}.sb-frame[data-collapsed=true] .sb-rail{cursor:e-resize}.sb-rail:after{content:"";background:var(--sb-rail);opacity:0;width:2px;transition:opacity .12s linear;position:absolute;top:0;bottom:0;left:0}.sb-rail:hover:after{opacity:1}.sb-tip{background:var(--sb-tip-bg);color:var(--sb-tip-fg);animation:sb-in .12s var(--sb-ease);z-index:50;border-radius:8px;padding:6px 10px;font-size:13px;line-height:18px;box-shadow:0 4px 14px #00000024}@keyframes sb-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.sb,.sb *,.sb-spacer,.sb-tip{transition:none!important;animation:none!important}}