: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}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;gap:28px;height:100vh;padding:24px;background:var(--sidebar);color:#f8faf8}.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}.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)}.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{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:18px}.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}}