.account-app{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101112;--panel:#181a1b;--line:#2b2d2f;--muted:#a1a5a8;--red:#fa634f;--white:#f1f1ed}.account-app *{box-sizing:border-box}.account-app{background:var(--bg);color:var(--white);margin:0;font:16px/1.5 Arial,Helvetica,sans-serif}.account-app a{color:inherit;text-decoration:none}.account-app button,.account-app input,.account-app select,.account-app textarea{font:inherit}.account-app button,.account-app a,.account-app input,.account-app textarea,.account-app select{-webkit-tap-highlight-color:transparent}.account-app button{cursor:pointer;color:inherit;border:0}:is(.account-app button:focus-visible,.account-app a:focus-visible,.account-app input:focus-visible,.account-app select:focus-visible,.account-app textarea:focus-visible){outline-offset:4px;outline:2px solid #fc927c}.account-app button:disabled{opacity:.55;cursor:default}.account-app [hidden]{display:none!important}.account-app .demo{color:#c6b9b2;letter-spacing:.09em;background:#24201e;border-bottom:1px solid #4a3228;justify-content:space-between;align-items:center;height:36px;padding:0 27px;font-size:11px;display:flex}.account-app .demo button{color:#ffb9a8;letter-spacing:0;background:0 0;font-size:12px}.account-app .shell{grid-template-columns:238px 1fr;min-height:calc(100vh - 36px);display:grid}.account-app aside{border-right:1px solid var(--line);background:#141516;flex-direction:column;height:calc(100vh - 36px);padding:32px 20px 0;display:flex;position:sticky;top:0}.account-app .brand{padding:0 13px;display:block}.account-app .brand img{object-fit:contain;filter:brightness(0)invert();width:162px;height:65px}.account-app .eyebrow{letter-spacing:.16em;color:var(--muted);margin:0 0 16px;font-size:11px;font-weight:600}.account-app .red{color:var(--red)}.account-app .nav-label{color:#777d81;margin:42px 13px 14px}.account-app nav button{text-align:left;color:#a8adaf;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:13px;width:100%;margin:3px 0;padding:13px 14px;font-size:14px;display:flex}.account-app nav button>span{text-align:center;width:19px;font-size:19px;font-weight:400;line-height:1}.account-app nav button:hover{color:#fff;background:#ffffff06}.account-app nav .selected{color:#ffe4de;background:#fa634f12;border-color:#fa634f30}.account-app nav small{color:#bcb7b4;border:1px solid #ffffff16;border-radius:4px;margin-left:auto;padding:0 5px;font-size:11px}.account-app .nav-divider{background:var(--line);height:1px;margin:23px 13px}.account-app .side-bottom{margin-top:auto;padding-top:45px}.account-app .side-bottom>a{color:#abb0b2;justify-content:space-between;margin:0 13px 24px;font-size:13px;display:flex}.account-app .identity{border-top:1px solid var(--line);align-items:center;gap:10px;padding:22px 0;font-size:13px;display:flex}.account-app .avatar{color:#ffb29e;background:#35302f;border:1px solid #55413c;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.account-app .identity small{color:#7f8589;font-size:11px;display:block}.account-app .identity button{color:#8e969a;background:0 0;margin-left:auto;font-size:22px}.account-app .workspace{min-width:0}.account-app .topbar{border-bottom:1px solid var(--line);color:#9da2a5;justify-content:space-between;align-items:center;height:82px;padding:0 42px;font-size:12px;display:flex}.account-app .topbar b{color:#d5d8da;font-weight:400}.account-app .slash{color:#555b60;margin:0 12px}.account-app .topbar a{color:#c9cdcf;font-size:13px}.account-app .topbar a span{margin-left:9px}.account-app main{max-width:1330px;min-height:calc(100vh - 187px);margin:auto;padding:42px 42px 30px}.account-app .page-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:31px;display:flex}.account-app .page-heading h1{letter-spacing:-.045em;margin:0 0 12px;font-size:40px;font-weight:500;line-height:1.15}.account-app .page-heading p{color:var(--muted);margin:0;font-size:14px}.account-app .page-heading .eyebrow{color:#81888b;margin-bottom:12px;font-size:11px}.account-app .sample-badge{color:#8e979c;border:1px solid var(--line);white-space:nowrap;border-radius:5px;padding:6px 10px;font-size:11px}.account-app .dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(250px,1fr);gap:22px;display:grid}.account-app .card{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.account-app .course-art{background:linear-gradient(#0000 40%,#0008),url(/images/hero-drinks.png) 50%/100%;height:252px;position:relative}.account-app .tag{letter-spacing:.06em;color:#dfe3e4;background:#101a1dcc;border:1px solid #ffffff29;border-radius:4px;padding:5px 9px;font-size:11px;display:inline-flex}.account-app .course-art .tag{position:absolute;top:18px;left:19px}.account-app .art-bottom{letter-spacing:.12em;color:#eee;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:absolute;bottom:18px;left:22px;right:22px}.account-app .play{background:#ffffff12;border:1px solid #fff6;border-radius:50%;place-items:center;width:40px;height:40px;font-size:19px;display:grid}.account-app .course-copy{padding:25px}.account-app .course-copy h2{letter-spacing:-.035em;margin:0 0 13px;font-size:26px;font-weight:500;line-height:1.17}.account-app .meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:11px;font-size:12px;display:flex}.account-app .level-mark{color:#b6d79b;align-items:center;gap:3px;font-size:11px;display:inline-flex}.account-app .level-mark i{background:#a8cd84;border-radius:2px;width:12px;height:4px}.account-app .level-mark i:last-of-type{background:#a8cd8433;margin-right:5px}.account-app .course-actions{align-items:center;gap:12px;margin-top:24px;display:flex}.account-app .primary{background:var(--red);color:#170c08;border-radius:6px;justify-content:center;align-items:center;gap:25px;min-height:43px;padding:12px 18px;font-size:13px;font-weight:600;display:inline-flex}.account-app .primary:hover{background:#ff806d}.account-app .secondary{color:#e1e3e3;background:#222526;border:1px solid #3a3e40;border-radius:6px;min-height:43px;padding:11px 17px;font-size:13px}.account-app .secondary:hover{background:#303435}.account-app .text-button{color:#bbbfc1;background:0 0;padding:10px 0;font-size:13px}.account-app .reservation-card{background:radial-gradient(ellipse at 100% 0%,#f0643e13,transparent 60%),var(--panel);flex-direction:column;padding:25px;display:flex}.account-app .reservation-card h2{letter-spacing:-.03em;margin:0 0 15px;font-size:25px;font-weight:500;line-height:1.18}.account-app .reservation-card p{color:#a8adaf;font-size:13px;line-height:1.65}.account-app .reserved-label{color:#c2c9b7;letter-spacing:.1em;align-items:center;gap:7px;margin-bottom:29px;font-size:11px;display:flex}.account-app .reserved-label span{color:#adc28b}.account-app .discount{border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12;margin:7px 0 5px;padding:20px 0}.account-app .discount strong{letter-spacing:-.07em;color:#ffae94;font-size:56px;font-weight:500;line-height:1}.account-app .discount strong span{letter-spacing:0;color:#e1c2b6;margin-left:9px;font-size:17px}.account-app .discount small{color:#a79790;margin-top:10px;font-size:12px;display:block}.account-app .reservation-card .text-button{text-align:left;color:#eed9d0;margin-top:auto}.account-app .section-title{justify-content:space-between;align-items:center;margin:34px 0 15px;display:flex}.account-app .section-title h2{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:500}.account-app .section-title button{color:#9fa5a8;background:0 0;font-size:12px}.account-app .resources{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.account-app .resource{border:1px solid var(--line);text-align:left;background:#181a1b;border-radius:8px;align-items:center;gap:13px;padding:17px;display:flex}.account-app .resource:hover{background:#1f2223;border-color:#66605a}.account-app .file-icon{color:#c8cdc9;letter-spacing:.04em;border:1px solid #505353;border-radius:4px;padding:9px 6px;font-size:10px}.account-app .resource b{font-size:13px;font-weight:400;display:block}.account-app .resource small{color:#8d9498;margin-top:3px;font-size:11px;display:block}.account-app .resource .download{color:#9fa6a9;margin-left:auto}.account-app .help-line{color:#8b9398;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font-size:12px;display:flex}.account-app .help-line button{color:#c8cecf;background:0 0;font-size:12px}.account-app .notice{color:#adb2b5;background:#202425;border:1px solid #343839;border-radius:7px;margin:20px 0;padding:16px;font-size:13px}.account-app .muted{color:var(--muted)}.account-app footer{border-top:1px solid var(--line);color:#777f84;justify-content:space-between;margin:0 42px;padding:20px 0;font-size:11px;display:flex}.account-app .form-card{max-width:710px;padding:28px}.account-app .form-card h2{margin:0 0 24px;font-size:22px;font-weight:500}.account-app .form-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.account-app label{color:#b7bfc3;margin-bottom:18px;font-size:13px;display:block}.account-app input,.account-app select,.account-app textarea{color:#ddd;background:#101314;border:1px solid #3a3e40;border-radius:6px;width:100%;margin-top:9px;padding:12px;font-size:14px;display:block}.account-app textarea{resize:vertical;min-height:140px}.account-app .wide{grid-column:1/-1}.account-app .connection{border-top:1px solid var(--line);align-items:center;gap:15px;margin-top:8px;padding-top:23px;font-size:14px;display:flex}.account-app .connection small{color:var(--muted);font-size:12px;display:block}.account-app .google-g{color:#4285f4;font-size:22px;font-weight:700}.account-app .file-list{max-width:850px}.account-app .file-list .resource{width:100%;margin-bottom:10px;padding:23px}.account-app .empty{text-align:center;padding:65px 25px}.account-app .empty h2{font-size:25px;font-weight:500}.account-app .empty p{color:var(--muted);margin-bottom:25px;font-size:14px}.account-app #login{grid-template-columns:1fr 1fr;min-height:calc(100vh - 36px);display:grid}.account-app .login-photo{background:linear-gradient(#030c0e1f 30%,#030c0ee6),url(/images/login-raspberry.webp) 50%/cover;flex-direction:column;justify-content:space-between;padding:45px;display:flex;position:relative}.account-app .login-logo{filter:brightness(0)invert();width:165px}.account-app .login-photo h2{letter-spacing:-.06em;margin:25px 0;font-size:clamp(36px,5vw,70px);font-weight:500;line-height:1.05}.account-app .login-photo p{color:#c0cbce;font-size:14px}.account-app .login-form{flex-direction:column;padding:35px 45px;display:flex}.account-app .back-demo{text-align:left}.account-app .login-inner{width:min(370px,100%);margin:auto;padding:50px 0}.account-app .login-inner h1{letter-spacing:-.05em;margin:0 0 12px;font-size:43px;font-weight:500}.account-app .login-inner p{font-size:14px}.account-app .google{color:#26282b;background:#f4f4ef;border-radius:7px;justify-content:center;align-items:center;gap:15px;width:100%;margin-top:36px;padding:14px;font-size:14px;font-weight:500;display:flex}.account-app .google:hover{background:#fff}.account-app .login-inner .login-note{color:#8b9398;text-align:center;margin-top:18px;font-size:12px;line-height:1.7}.account-app .login-benefits{border-top:1px solid var(--line);color:#fa8e77;gap:20px;margin-top:40px;padding-top:30px;font-size:12px;display:grid}.account-app .login-benefits b{color:#b5bec2;margin-left:15px;font-size:13px;font-weight:400}.account-app dialog{width:calc(100% - 32px);max-width:720px;max-height:90vh;color:var(--white);background:#191c1e;border:1px solid #424749;border-radius:14px;padding:0}.account-app dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000b}.account-app .close{z-index:1;background:#101719d9;border-radius:50%;width:35px;height:35px;font-size:23px;position:absolute;top:12px;right:12px}.account-app .dialog-photo{background:url(/images/hero-drinks.png) 50%/100%;height:205px}.account-app .dialog-copy{padding:28px}.account-app .dialog-copy h2{letter-spacing:-.04em;margin:10px 0;font-size:31px;font-weight:500;line-height:1.2}.account-app .dialog-copy h3{font-size:17px;font-weight:500}.account-app .lesson{border-top:1px solid var(--line);align-items:center;gap:20px;padding:17px 0;font-size:14px;display:flex}.account-app .lesson>span{color:#949fa5;font-size:12px}.account-app .lesson>span:last-child{margin-left:auto}.account-app .lesson small{color:var(--muted);margin-top:5px;font-size:12px;display:block}.account-app .dialog-copy .primary{margin-top:20px}.account-app #toast{color:#282b2d;z-index:50;background:#f1eee8;border-radius:9px;width:max-content;max-width:calc(100% - 32px);padding:15px 23px;font-size:13px;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 50px #0008}@media (min-width:1600px){.account-app main{padding-top:60px}.account-app .course-art{height:315px}}@media (max-width:1150px){.account-app .shell{grid-template-columns:205px 1fr}.account-app aside{padding:25px 13px 0}.account-app .brand img{width:148px}.account-app main{padding:30px 25px}.account-app .topbar{padding:0 25px}.account-app .dashboard-grid{grid-template-columns:1.3fr 1fr;gap:15px}.account-app .course-copy,.account-app .reservation-card{padding:20px}.account-app .course-art{height:226px}.account-app .resources{grid-template-columns:1fr}.account-app .resource{padding:14px}.account-app .course-actions{flex-wrap:wrap;gap:10px}}@media (max-width:780px){.account-app .demo{letter-spacing:.04em;padding:0 16px}.account-app .demo-extra{display:none}.account-app .shell{display:block}.account-app aside{border-right:0;border-bottom:1px solid var(--line);height:auto;padding:15px 18px 0;position:static}.account-app .brand img{width:121px;height:43px}.account-app .brand{padding:0}.account-app .nav-label,.account-app .side-bottom,.account-app .nav-divider{display:none}.account-app nav{gap:10px;margin-top:12px;padding-bottom:10px;display:flex;overflow:auto}.account-app nav button{flex-shrink:0;gap:7px;width:auto;padding:10px;font-size:12px}.account-app nav button>span{width:16px;font-size:16px}.account-app nav small{display:none}.account-app .topbar{height:58px;padding:0 20px;font-size:11px}.account-app .topbar a{font-size:12px}.account-app main{padding:29px 20px 20px}.account-app .page-heading h1{font-size:34px}.account-app .page-heading p{font-size:13px}.account-app .sample-badge{display:none}.account-app .dashboard-grid{grid-template-columns:1fr}.account-app .course-art{height:260px}.account-app .course-copy{padding:24px}.account-app .course-copy h2{font-size:27px}.account-app .reservation-card{padding:24px}.account-app .reserved-label{margin-bottom:15px}.account-app .reservation-card h2{font-size:25px}.account-app .discount{padding:17px 0}.account-app .discount strong{font-size:45px}.account-app .reservation-card .text-button{margin-top:13px}.account-app .resources{gap:10px}.account-app .resource{padding:18px}.account-app .help-line{display:block}.account-app .help-line button{padding:10px 0}.account-app footer{margin:0 20px}.account-app .form-grid{display:block}.account-app .form-card{padding:22px}.account-app .page-heading{gap:10px}.account-app #login{display:block}.account-app .login-photo{display:none}.account-app .login-form{min-height:calc(100vh - 36px);padding:20px}.account-app .login-inner{padding:55px 0}.account-app .dialog-copy{padding:22px}.account-app .dialog-copy h2{font-size:26px}}@media (prefers-reduced-motion:no-preference){.account-app button,.account-app a{transition:background .18s,color .18s,border-color .18s}}.account-app .loading{place-items:center;min-height:70vh;display:grid}.account-app .identity form{margin-left:auto}.account-app .identity form button{padding:8px}.account-app input[readonly]{cursor:default}.account-app .library-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),440px));gap:24px;display:grid}.account-app .library-cover{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.account-app .library-summary{color:#a1a5a8;font-size:14px}.account-app .free-resources{margin-top:36px}.account-app .free-resources>h2{margin-bottom:18px;font-size:24px;font-weight:500}.account-app .resource-card{align-items:center;gap:22px;padding:24px;display:flex}.account-app .resource-card>svg{color:#fa8b79;flex-shrink:0}.account-app .resource-card>div{flex:1}.account-app .resource-card h3{margin:0 0 6px;font-size:19px;font-weight:500}.account-app .resource-card p{color:#a1a5a8;max-width:540px;margin:0 0 8px;font-size:16px}.account-app .resource-card span{color:#a1a5a8;font-size:14px}.account-app .resource-card a{white-space:nowrap;align-items:center;gap:9px;font-size:14px;display:inline-flex}@media (max-width:700px){.account-app .resource-card{flex-wrap:wrap;align-items:flex-start;gap:16px}.account-app .resource-card>div{flex-basis:calc(100% - 50px)}.account-app .resource-card a{justify-content:center;width:100%}}@media (max-width:780px){.account-app .login-form{background:linear-gradient(#090e0fe0,#090e0fed),url(/images/login-raspberry.webp) 50%/cover}}.account-app .login-photo{isolation:isolate;background:#0b1012;overflow:hidden}.account-app .login-photo:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#060a0cd9 0%,#060a0ca6 12%,#060a0c33 35%,#060a0ceb 88%);position:absolute;inset:0}.account-app .login-covers{z-index:-2;pointer-events:none;grid-template-columns:1fr 1fr;gap:18px;display:grid;position:absolute;inset:-20px -35px;transform:rotate(-9deg)scale(1.08)}.account-app .login-cover-track{will-change:transform;flex-direction:column;align-self:start;width:100%;animation:65s linear infinite login-cover-drift;display:flex}.account-app .login-cover-track:nth-child(2){margin-top:-130px;animation-duration:82s}.account-app .login-cover-group{flex-direction:column;gap:18px;padding-bottom:18px;display:flex}.account-app .login-cover-frame{aspect-ratio:1;border:1px solid #ffffff25;border-radius:12px;overflow:hidden;box-shadow:0 12px 30px #0006}.account-app .login-cover-frame img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.06)}@keyframes login-cover-drift{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.account-app .login-cover-track{animation:none;transform:translateY(-15%)}}.account-app .login-cover-track{animation-duration:145s}.account-app .login-cover-track:nth-child(2){animation-duration:182s}.account-app .account-loading{color:#a6aaa9;letter-spacing:.04em;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100svh;font-size:13px;display:flex}.account-app .account-loading img{width:160px;height:auto}.account-app .account-loading-line{background:#ffffff15;border-radius:2px;width:120px;height:2px;overflow:hidden}.account-app .account-loading-line:after{content:"";background:#e95543;width:45%;height:100%;animation:.85s ease-in-out infinite account-loading-slide;display:block}@keyframes account-loading-slide{0%{transform:translate(-100%)}to{transform:translate(325%)}}@media (prefers-reduced-motion:reduce){.account-app .account-loading-line:after{opacity:.7;width:100%;animation:none}}.account-app .library-grid{flex-direction:column;gap:12px;display:flex}.account-app .library-grid .card{align-items:center;gap:20px;padding:18px;display:flex}.account-app .library-grid .card>a{flex:0 0 80px}.account-app .library-grid .library-cover{aspect-ratio:1;object-fit:cover;border-radius:7px;width:80px;height:80px;display:block}.account-app .library-grid .course-copy{flex:1;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:24px;min-width:0;padding:0;display:grid}.account-app .library-grid .course-copy>.eyebrow{display:none}.account-app .library-grid .course-copy h2{grid-column:1;margin:0 0 5px;font-size:18px;line-height:1.3}.account-app .library-grid .library-summary{grid-column:1;margin:0;font-size:13px;line-height:1.5}.account-app .library-grid .course-actions{grid-area:1/2/3;margin:0}.account-app .library-grid .course-actions .primary{white-space:nowrap}@media (max-width:650px){.account-app .library-grid .card{align-items:flex-start;gap:14px;padding:14px}.account-app .library-grid .card>a{flex-basis:60px}.account-app .library-grid .library-cover{width:60px;height:60px}.account-app .library-grid .course-copy{display:block}.account-app .library-grid .course-copy h2{font-size:16px}.account-app .library-grid .course-actions{margin-top:10px}.account-app .library-grid .course-actions .primary{padding:9px 12px;font-size:12px}}.account-app .library-grid .course-actions{flex-wrap:wrap;gap:8px;display:flex}.account-app .library-grid .course-actions a{justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:12px;display:inline-flex}@media (max-width:1000px){.account-app .library-grid .course-copy{display:block}.account-app .library-grid .course-actions{margin-top:12px}}.account-app .google-profile-details{gap:22px;margin:26px 0;display:grid}.account-app .google-profile-details dt{color:#969d9e;margin-bottom:6px;font-size:12px}.account-app .google-profile-details dd{color:#f3f3f3;overflow-wrap:anywhere;margin:0;font-size:16px}.account-app .back-store,.account-app .back-demo{color:#f3f3f3;background:#ffffff08;border:1px solid #ffffff30;border-radius:7px;justify-content:center;align-items:center;padding:10px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.account-app .back-store:hover,.account-app .back-demo:hover{background:#ffffff15;border-color:#ffffff60}:is(.account-app .back-store:focus-visible,.account-app .back-demo:focus-visible){outline-offset:3px;outline:2px solid #e8a8b4}.account-app .topbar>span{display:none}