:root{color-scheme:light;--bg: #eef3f0;--sidebar: #17211d;--sidebar-soft: #20352e;--panel: #ffffff;--ink: #17211d;--muted: #65746d;--line: #dbe3de;--shadow: 0 26px 80px rgba(23, 33, 29, .13)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font-family:Inter,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .18s ease}.shell[data-sidebar-collapsed=true]{grid-template-columns:94px minmax(0,1fr)}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:28px;height:100vh;padding:24px;background:var(--sidebar);color:#f8faf8;transition:padding .18s ease}.sidebar[data-collapsed=true]{padding-left:14px;padding-right:14px}.brand{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brandMark{display:grid;width:38px;height:38px;place-items:center;border-radius:9px;background:#f8faf8;color:var(--sidebar);font-weight:900}.brand strong,.brand small{display:block}.brand small{color:#f8faf8a8;font-size:.78rem;margin-top:1px}.brandText,.tabLabel{transition:opacity .16s ease,max-width .16s ease}.sidebarToggle{display:inline-grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;min-height:44px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0a;color:#f8faf8;padding:8px 10px;text-align:left;cursor:pointer}.sidebarToggle span{display:grid;width:24px;height:24px;place-items:center;border-radius:6px;background:#ffffff14;font-weight:900}.sidebarToggle strong{font-size:.92rem}.tabList{display:grid;gap:10px}.tabButton{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-height:66px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:transparent;color:#f8faf8c2;padding:10px;text-align:left;cursor:pointer}.tabButton span{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;background:#ffffff14;color:#fff;font-size:.8rem;font-weight:900}.tabButton strong{overflow-wrap:anywhere;font-size:1rem}.tabButton:hover,.tabButton:focus-visible{border-color:#ffffff47;background:var(--sidebar-soft)}.tabButton[data-active=true]{border-color:color-mix(in srgb,var(--app-accent) 74%,white);background:color-mix(in srgb,var(--app-accent) 28%,var(--sidebar));color:#fff}.tabButton[data-active=true] span{background:var(--app-accent)}.shell[data-sidebar-collapsed=true] .brandText,.shell[data-sidebar-collapsed=true] .sidebarToggle strong,.shell[data-sidebar-collapsed=true] .tabLabel{opacity:0;max-width:0;overflow:hidden}.shell[data-sidebar-collapsed=true] .brand{justify-content:center}.shell[data-sidebar-collapsed=true] .sidebarToggle,.shell[data-sidebar-collapsed=true] .tabButton{grid-template-columns:1fr;justify-items:center;text-align:center}.shell[data-sidebar-collapsed=true] .tabButton{min-height:60px;padding-left:8px;padding-right:8px}.workspace{display:grid;align-content:start;gap:26px;padding:52px clamp(20px,6vw,72px)}.workspaceHeader p{margin:0 0 10px;color:#0f766e;font-size:.82rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.workspaceHeader h1{margin:0;font-size:clamp(2.3rem,7vw,5.6rem);line-height:.98;letter-spacing:0;overflow-wrap:anywhere}.appMount{min-height:420px;border:1px solid var(--line);border-top:7px solid var(--app-accent);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);padding:18px}.statusPill{display:inline-flex;align-items:center;min-height:32px;border-radius:999px;background:color-mix(in srgb,var(--app-accent) 13%,white);color:var(--app-accent);padding:5px 12px;font-size:.86rem;font-weight:800}.mountMeta{display:grid;gap:10px;padding:6px 8px 18px}.mountMeta p{max-width:760px;margin:0;color:var(--muted);font-size:.98rem;line-height:1.6}.frameShell{overflow:hidden;min-height:min(78vh,980px);border:1px solid color-mix(in srgb,var(--app-accent) 32%,var(--line));border-radius:8px;background:color-mix(in srgb,var(--app-accent) 6%,white)}.studyFrame{display:block;width:100%;min-height:min(78vh,980px);border:0;background:#fff}@media(max-width:760px){.shell,.shell[data-sidebar-collapsed=true]{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:18px}.shell[data-sidebar-collapsed=true] .sidebar{gap:14px}.shell[data-sidebar-collapsed=true] .brandText,.shell[data-sidebar-collapsed=true] .sidebarToggle strong{opacity:1;max-width:none}.shell[data-sidebar-collapsed=true] .tabList{display:none}.shell[data-sidebar-collapsed=true] .sidebarToggle{grid-template-columns:24px minmax(0,1fr);justify-items:start;text-align:left}.tabList{grid-template-columns:repeat(2,minmax(0,1fr))}.tabButton{grid-template-columns:1fr;min-height:104px}.workspace{padding-top:34px}}@media(max-width:460px){.tabList{grid-template-columns:1fr}}