:root{--ground:#000;--surface:#101114;--surface-raised:#1a1b1f;--ink:#ededee;--muted:#a0a1a8;--line:#292a30;color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}
:root[data-ui-theme="light"]{--ground:#fff;--surface:#f5f5f5;--surface-raised:#e9eaed;--ink:#202124;--muted:#62656c;--line:#dedfe3;color-scheme:light}
body{background:var(--ground);color:var(--ink)}button,input,textarea{font-family:inherit}button{color:inherit}button:hover{background:var(--surface-raised)}.sidebar{left:64px;width:252px;background:var(--ground);border:1px solid var(--line);border-bottom:0;border-radius:22px 0 0 0}.sidebar .top{padding:15px 15px;gap:5px}.sidebar .brand{font-size:17px;letter-spacing:-.035em}.sidebar .toggle{width:32px;height:34px;order:2;margin-left:auto;color:var(--muted)}.sidebar .nav{padding:8px 12px}.sidebar .new{border:0;display:flex;align-items:center;gap:12px;font-size:14px;padding:12px;margin-bottom:5px}.sidebar svg{width:20px;height:20px;flex-shrink:0}.workspace-links{margin-bottom:16px}.workspace-links button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;text-align:left;border-radius:9px;color:var(--muted);font-size:14px}.search{background:var(--surface);color:var(--ink);margin:0 0 16px;padding:10px 12px;font-size:13px}.group{font-size:12px;letter-spacing:0;text-transform:none;margin:20px 12px 6px;font-weight:600;color:var(--muted)}.history{padding:10px 12px 10px 27px;font-size:13px;color:var(--muted);line-height:1.5}.history.active{background:var(--surface-raised);color:var(--ink)}.course-heading{display:flex;gap:10px;align-items:center;padding:12px;color:var(--ink);font-size:13px}.course-heading svg{color:var(--muted)}.icon-rail{position:fixed;inset:0 auto 0 0;width:64px;display:flex;flex-direction:column;align-items:center;gap:14px;padding:16px 6px;background:var(--ground);z-index:6}.rail-button{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;color:var(--muted)}.rail-button svg{width:22px;height:22px}.rail-button.selected{background:var(--surface-raised);color:var(--ink)}.guest .icon-rail{display:none}.workspace-signed main{margin-left:316px}.workspace-signed.collapsed main{margin-left:64px}.workspace-signed.collapsed .sidebar{transform:translateX(-110%)}.workspace-signed .hero:before{display:none}.workspace-signed .account-dock{left:13px;bottom:18px}.account-dock .avatar{width:36px;height:36px;background:#287f75;color:white}.sidebar .account{padding:18px;min-height:60px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.right-panel{background:var(--surface);border-color:var(--line);width:310px}.pattern-open main{margin-right:310px}.right-panel h2{font-size:19px;font-weight:600}.fields textarea,.fields input,.auth-page input{background:var(--surface-raised);color:var(--ink);border:0}.fields textarea::placeholder,.fields input::placeholder,.goal::placeholder{color:var(--muted)}.language-choice,.language strong{color:var(--ink)}.language-choice:hover{background:transparent}.language-choice:hover svg{background:var(--surface-raised)}.language-help,.language,.sub,.eyebrow,.review-note{color:var(--muted)}.language-actions button{background:var(--surface-raised);color:var(--ink)}.language-actions .language-reset{color:var(--muted)}.composer{background:var(--surface);border-color:var(--line)}.secondary{background:var(--surface-raised)}.goal{color:var(--ink)}.personalize{color:var(--muted)}.secondary small{color:var(--muted)}.send{background:var(--ink);color:var(--ground)}.send:hover{background:var(--muted)}.menu,.account-menu,dialog{background:var(--surface);color:var(--ink);border-color:var(--line)}dialog p,.account-menu small{color:var(--muted)}.menu button:hover,.account-menu button:hover{background:var(--surface-raised)}.learning-card{background:var(--surface);border-color:var(--line)}.learning-card p,.learning-card small{color:var(--muted)}.learning-card:hover{background:var(--surface-raised)}.learning-card .progress{background:var(--line)}.learning-view p{color:var(--muted)}.learning-view .answer{background:var(--surface);border-color:var(--muted)}.main-header{background:var(--ground)}.panel-control,.guest-theme{background:var(--surface-raised);color:var(--ink);border-radius:10px}.guest-theme{height:36px;width:36px;font-size:21px}.auth-button.login{background:var(--ground);color:var(--ink);border-color:var(--muted)}.auth-button.signup,.auth-page .auth-submit{background:#fff;color:#000;border:1px solid #b7bbc3}.auth-page .google{background:var(--ground);color:var(--ink);border-color:var(--line)}.auth-page .divider,.auth-page p{color:var(--muted)}.theme-choices{display:flex;gap:8px}.theme-choices button{flex:1;background:var(--surface-raised);color:var(--ink);border:1px solid var(--line)}.theme-choices button[aria-pressed="true"]{border-color:var(--ink)}.guest-notebook{width:240px;height:192px;margin:-45px auto 10px}.guest .hero{padding-top:50px}.guest .hero:before{display:none}.guest .intro{margin-bottom:32px}.guest h1{font-size:clamp(40px,4.6vw,66px)}.guest .eyebrow{display:none}.workspace-signed .hero{padding-top:70px}.workspace-signed .eyebrow{display:none}.page-kicker{font-size:11px;letter-spacing:.08em;color:var(--muted)}.library-tabs{display:flex;gap:8px;margin:28px 0}.library-tabs button{margin:0;background:transparent;color:var(--muted);font-size:13px}.library-tabs button.active{background:var(--surface-raised);color:var(--ink)}.resource-list{border-top:1px solid var(--line)}.resource-list button{display:flex;gap:16px;align-items:center;width:100%;text-align:left;padding:20px 8px;background:transparent;border-bottom:1px solid var(--line);border-radius:0;margin:0}.resource-list button>span:last-child{margin-left:auto}.resource-list strong,.activity-item strong{font-size:14px;font-weight:550}.resource-list small,.activity-item small{display:block;font-size:12px;color:var(--muted);margin-top:7px}.resource-list svg{color:var(--muted)}.activity-day{font-size:12px;color:var(--muted);margin:28px 0 8px}.learning-view .activity-item{display:flex;align-items:center;gap:18px;width:100%;text-align:left;background:var(--surface);color:var(--ink);padding:20px;margin:0}.sample-note{font-size:12px!important}.auth-page .preview-login{background:var(--surface-raised);color:var(--ink)}
@media(max-width:1050px){.pattern-open main{margin-right:0}.right-panel{width:310px}.workspace-signed .hero{padding:65px 24px}.pattern-open h1{font-size:44px}}
@media(max-width:760px){.workspace-signed main,.workspace-signed.collapsed main{margin-left:0}.icon-rail{width:52px;gap:10px;padding:12px 4px}.workspace-signed .icon-rail{display:none}.workspace-signed:not(.collapsed) .icon-rail{display:flex}.sidebar{left:52px;width:250px;border-radius:14px 0 0 0;z-index:7}.workspace-signed.collapsed .sidebar{transform:translateX(-125%)}.workspace-signed .account-dock{left:8px;bottom:12px}.guest-notebook{width:190px;height:152px;margin:-12px auto 12px}.guest .hero{padding-top:25px}.guest h1{font-size:39px}.guest .sub{font-size:13px}.guest .composer{padding:16px}.workspace-signed .hero{padding:45px 18px 70px}.workspace-signed h1{font-size:38px}.recent-list{gap:10px}.right-panel{width:min(340px,100%)}.main-header .brand{font-size:13px}.account-dock .account-menu{left:0}.learning-view{margin-top:40px;padding:0 20px}}
.guest-notebook>svg{width:100%;height:100%;display:block}.guest-notebook{overflow:visible}
@font-face{font-family:"Inter Preview";font-style:normal;font-weight:100 900;font-display:swap;src:url("fonts/InterVariable.woff2") format("woff2")} :root{font-family:"Inter Preview",Arial,sans-serif;font-optical-sizing:auto}body,button,input,textarea,select{font-family:"Inter Preview",Arial,sans-serif}.sidebar .history{font-size:14px;line-height:1.5}.sidebar .new{font-size:15px}.right-panel .fields label{font-size:14px;font-weight:500}.right-panel .fields textarea,.right-panel .fields input{font-size:14px;line-height:1.6}.google{display:flex;align-items:center;justify-content:center;gap:12px;position:relative}.google .google-logo{width:20px;height:20px;stroke:none;flex-shrink:0}
:root:not([data-ui-theme="light"]) .sidebar .course-heading,:root:not([data-ui-theme="light"]) .sidebar .history,:root:not([data-ui-theme="light"]) .sidebar .history.active{color:#fff}.sidebar .course-heading{width:100%;text-align:left;border-radius:9px}.sidebar .course-heading:hover{background:var(--surface-raised)}
input:focus,input:focus-visible,textarea:focus,textarea:focus-visible{outline:none!important;box-shadow:none!important}button{transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}button:hover{background:var(--surface-raised)}.personalize:hover,.icon-button:hover,.history:hover,.resource-list button:hover,.learning-view .activity-item:hover,.library-tabs button:hover{background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--line)}.learning-card:hover{background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--muted)}.send:hover{background:var(--muted)}.avatar:hover{box-shadow:0 0 0 3px var(--surface-raised)}.language-choice:hover{background:transparent;box-shadow:none}.language-choice:hover svg{background:var(--surface-raised)}.overview-page .sidebar,.overview-page .right-panel,.overview-page #pattern-toggle,.overview-page .identity .toggle{display:none!important}.workspace-signed.overview-page main{margin-left:64px;margin-right:0}.workspace-signed.overview-page .identity{visibility:visible}.overview-page .icon-rail{display:flex!important}@media(max-width:760px){.workspace-signed.overview-page main{margin-left:52px}.overview-page .main-header .brand{max-width:none}}@media(prefers-reduced-motion:reduce){button{transition:none}}