html.yatto-app-home-active,html.yatto-app-home-active body{background:#fdfdfc}html.yatto-app-home-active [data-yatto-astro-lp][hidden]{display:none!important}body.yatto-app-drawer-lock{overflow:hidden}.app-home[hidden]{display:none!important}.app-home{--app-bg:#fdfdfc;--app-side:#f7f8f4;--app-select:#edeee8;--app-ink:#171717;--app-muted:#77736d;--app-line:#e8e8e2;--app-button:#242424;min-height:100svh;background:var(--app-bg);color:var(--app-ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans,Yu Gothic,Arial,sans-serif;letter-spacing:0;display:grid;grid-template-columns:288px minmax(500px,1fr) minmax(340px,392px);gap:34px;overflow:hidden}.app-home button,.app-home input{font:inherit;letter-spacing:0}.app-home button{cursor:pointer}.app-home ul{list-style:none;margin:0;padding:0}.app-home a{text-decoration:none;color:inherit}.app-sidebar{min-height:100svh;background:var(--app-side);padding:28px 16px 20px;display:grid;grid-template-rows:auto auto auto 1fr auto auto;gap:18px}.app-sidebar-top{display:flex;align-items:center;justify-content:space-between;padding:0 14px 16px}.app-logo{display:grid;place-items:center;width:30px;height:30px;color:#111;font-size:20px;font-weight:950}.app-top-icons{display:flex;gap:22px;color:#8d8c87}.app-top-icons span{width:19px;height:19px;border:2px solid currentColor;border-radius:4px}.app-top-icons span:first-child{border-radius:999px;border-bottom-color:transparent}.app-search{height:56px;border-radius:8px;background:#f2f3ef;display:grid;grid-template-columns:24px 1fr;align-items:center;gap:12px;padding:0 18px;color:#8a8a86}.app-search span{width:19px;height:19px;border:2px solid currentColor;border-radius:999px;position:relative}.app-search span:after{content:"";position:absolute;width:8px;height:2px;background:currentColor;right:-6px;bottom:-3px;transform:rotate(45deg);border-radius:2px}.app-search input{border:0;background:transparent;outline:0;color:#1d1d1b;font-size:18px;min-width:0}.app-new{height:54px;border:0;background:transparent;color:#64625f;display:flex;align-items:center;gap:14px;padding:0 12px;font-size:18px;font-weight:660}.app-new span{width:38px;height:38px;border-radius:999px;background:#242424;box-shadow:0 4px 10px #00000029;position:relative}.app-new span:before,.app-new span:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:2px;background:#fff;transform:translate(-50%,-50%);border-radius:2px}.app-new span:after{transform:translate(-50%,-50%) rotate(90deg)}.app-nav{display:grid;gap:10px;margin-top:8px}.app-nav a{height:54px;border-radius:7px;display:flex;align-items:center;gap:16px;padding:0 18px;color:#62605c;font-size:17px;font-weight:750}.app-nav a.active{background:var(--app-select);color:#171717}.app-nav span{width:19px;height:19px;border:2px solid currentColor;border-radius:4px}.app-nav a.active span{background:currentColor}.app-plan{align-self:end;border:1px solid var(--app-line);border-radius:20px;background:#fff;padding:20px;box-shadow:0 14px 40px #18181414;display:grid;gap:12px;position:relative}.app-plan>button:first-child{position:absolute;right:14px;top:14px;border:0;background:transparent;color:#8c8984;font-size:24px;line-height:1}.app-plan small{width:max-content;border-radius:999px;background:#ffe6a9;color:#9a5b00;padding:4px 12px;font-weight:780}.app-plan strong{font-size:18px;line-height:1.25}.app-plan p{margin:0;color:#5f5c57;font-size:15px;line-height:1.45}.app-plan button:last-child{height:44px;border:0;border-radius:7px;background:#242424;color:#fff;font-weight:820}.app-account{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;padding:12px 8px}.app-avatar{grid-row:1 / 3;width:38px;height:38px;border-radius:999px;background:#d8ebff;color:#1d63ad;display:grid;place-items:center;font-weight:900}.app-account strong{font-size:16px}.app-account small{color:#7a7772;font-size:13px}.app-mobile-topbar{display:none}.app-main{padding:86px 0 48px;min-width:0}.app-hero p{margin:0 0 10px;display:flex;align-items:center;gap:18px;color:#73716c;font-size:18px;font-weight:760}.app-hero button,.app-mobile-actions button{border:0;background:transparent;color:#74716d;font-weight:760}.app-hero button:before{content:"";display:inline-block;width:15px;height:15px;margin-right:7px;border:2px solid currentColor;border-radius:3px;vertical-align:-2px}.app-hero h1{max-width:760px;margin:0;color:#171717;font-family:inherit;font-size:34px;line-height:1.22;font-weight:820;letter-spacing:0;text-wrap:balance}.app-lesson-card{margin-top:86px;border:1px solid var(--app-line);border-radius:20px;background:#fff;box-shadow:0 2px 9px #1414120a;overflow:hidden}.app-lesson-input{min-height:86px;display:grid;grid-template-columns:30px 1fr;grid-template-rows:auto auto;gap:4px 18px;align-items:center;padding:22px 26px 10px}.app-lesson-input>span{grid-row:1 / 3;width:30px;height:30px;border:2px solid #d8d8d3;border-radius:8px}.app-lesson-input strong{color:#999895;font-size:22px;font-weight:650}.app-lesson-input p{grid-column:2;margin:0;color:#5f5d58;font-size:15px;line-height:1.35}.app-lesson-actions{min-height:70px;display:flex;align-items:center;gap:22px;padding:0 14px 16px}.app-lesson-actions button:not(.app-join){height:42px;border:0;background:transparent;color:#44413d;font-size:17px;font-weight:780}.app-lesson-actions button:first-child{border:1px solid var(--app-line);border-radius:8px;background:#fff;padding:0 14px}.app-lesson-actions>span{color:#6c6964;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-join{margin-left:auto;width:52px;height:52px;border:0;border-radius:999px;background:#242424;color:#fff;display:grid;place-items:center}.app-join span{width:12px;height:22px;border:2px solid currentColor;border-top-width:3px;border-radius:999px;position:relative}.app-join span:before{content:"";position:absolute;left:50%;bottom:-8px;width:18px;height:10px;border:2px solid currentColor;border-top:0;border-radius:0 0 999px 999px;transform:translate(-50%)}.app-join span:after{content:"";position:absolute;left:50%;bottom:-14px;width:2px;height:8px;background:currentColor;transform:translate(-50%);border-radius:2px}.app-join[disabled]{opacity:.56;cursor:wait}.app-empty{min-height:270px;display:grid;place-items:center;color:#7f7d79;text-align:center}.app-empty div{display:grid;gap:4px}.app-empty span{width:32px;height:4px;background:#babbb8;border-radius:999px}.app-empty p{margin:10px 0 0;font-size:18px}.app-recent>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.app-recent h2,.app-rail h2{margin:0;color:#85827d;font-size:16px;font-weight:820}.app-recent button{border:0;background:transparent;color:#7a7772}.app-recent ul{display:grid;gap:8px}.app-recent li,.app-rail li{display:flex;justify-content:space-between;gap:16px;align-items:center;border-radius:8px;background:#fafaf8;padding:18px 22px}.app-recent strong,.app-rail strong{font-size:18px}.app-recent span,.app-rail span{color:#817e79;font-size:15px}.app-rail{padding:280px 26px 48px 0;display:grid;align-content:start;gap:18px}.app-rail section{border:1px solid var(--app-line);border-radius:20px;background:#fff;padding:22px;box-shadow:0 2px 8px #14141209}.app-rail header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--app-line);padding-bottom:16px;margin-bottom:16px}.app-rail header button{border:0;background:transparent;color:#85827d;font-size:20px}.app-rail ul{display:grid;gap:0}.app-rail li{background:#fff;border-radius:0;padding:18px 0;border-bottom:1px solid var(--app-line);align-items:flex-start;flex-direction:column}.app-rail li:last-child{border-bottom:0}.app-overlay,.app-drawer,.app-error-actions{display:none}.app-home[data-state=error] .app-error-actions{position:fixed;left:50%;bottom:18px;z-index:70;display:flex;gap:8px;transform:translate(-50%);border:1px solid var(--app-line);border-radius:999px;background:#fff;padding:8px;box-shadow:0 16px 38px #1414121f}.app-error-actions button{height:38px;border:0;border-radius:999px;background:#242424;color:#fff;padding:0 14px;font-weight:760}.app-error-actions button+button{background:#f1f1ed;color:#242424}@media(max-width:1120px){.app-home{grid-template-columns:250px minmax(0,1fr);gap:28px}.app-rail{display:none}.app-main{padding-right:28px}.app-hero h1{max-width:820px}}@media(max-width:820px){.app-home{display:block;min-height:100svh}.app-sidebar{display:none}.app-mobile-topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.app-menu-button{position:relative;width:34px;height:34px;border:0;background:transparent;color:#6f6d68}.app-menu-button span{position:absolute;left:0;width:23px;height:2px;background:currentColor;border-radius:2px}.app-menu-button span:first-child{top:10px}.app-menu-button span:nth-child(2){top:18px}.app-menu-button i{position:absolute;left:18px;top:24px;width:9px;height:9px;border-radius:999px;background:#f03a46}.app-mobile-actions{display:flex;gap:20px}.app-mobile-actions button{font-size:17px}.app-main{padding:36px 30px 42px}.app-hero p{font-size:20px}.app-hero h1{font-size:30px;line-height:1.22;max-width:100%}.app-lesson-card{margin-top:120px;border-radius:20px}.app-lesson-input{grid-template-columns:30px 1fr;padding:28px 26px 14px}.app-lesson-input strong{font-size:25px}.app-lesson-input p{font-size:14px}.app-lesson-actions{gap:18px;overflow:hidden}.app-lesson-actions button:not(.app-join){font-size:17px}.app-lesson-actions>span{display:none}.app-empty{min-height:360px}.app-recent{margin-top:32px}.app-recent h2{font-size:18px}.app-recent li{padding:18px 10px;background:#fafaf8}.app-overlay{display:block;position:fixed;inset:0;z-index:80;background:#00000061;backdrop-filter:blur(2px)}.app-overlay[hidden],.app-drawer[hidden]{display:none!important}.app-drawer{position:fixed;left:0;top:0;bottom:0;z-index:90;width:52vw;min-width:204px;max-width:520px;background:#fdfdfc;padding:28px 24px 18px;display:grid;grid-template-rows:auto auto auto 1fr auto auto;gap:18px;box-shadow:18px 0 42px #00000024;overflow:auto}.app-drawer-head{display:flex;justify-content:space-between;align-items:center;padding:0 4px 10px}.app-drawer-head button{border:0;background:transparent;color:#888580;font-size:34px;line-height:1}.app-drawer .app-search{height:54px;padding:0 14px}.app-drawer .app-search input{font-size:16px}.app-drawer .app-new{font-size:16px;padding:0}.app-drawer .app-nav a{height:50px;padding:0 14px;font-size:16px}.app-drawer .app-plan{border-radius:18px;padding:16px}.app-drawer .app-account{padding:8px 0}.app-drawer .app-account small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-home[data-drawer=open] .app-drawer,.app-home[data-drawer=open] .app-overlay{display:grid}}@media(max-width:480px){.app-mobile-topbar{padding:0 22px}.app-mobile-actions{gap:12px}.app-mobile-actions button{font-size:15px}.app-main{padding:34px 24px 38px}.app-hero h1{font-size:28px}.app-lesson-card{margin-top:108px}.app-lesson-actions{gap:12px;padding-left:10px}.app-lesson-actions button:not(.app-join){font-size:15px}.app-join{width:50px;height:50px}.app-drawer{width:52vw;padding-left:18px;padding-right:18px}.app-plan p{font-size:14px}.app-plan strong{font-size:16px}}html.yatto-app-home-active [data-yatto-astro-lp],body.yatto-app-home-active [data-yatto-astro-lp],html.yatto-app-home-active [data-yatto-launch-overlay],body.yatto-app-home-active [data-yatto-launch-overlay]{display:none!important;visibility:hidden!important}.app-home{grid-template-columns:270px minmax(430px,1fr) minmax(310px,360px);gap:24px;overflow:auto}.app-sidebar{padding:24px 14px 18px;gap:14px}.app-sidebar-top{padding-bottom:10px}.app-top-icons span,.app-nav span,.app-search span{position:relative;display:inline-block;flex:0 0 auto;border:0;background:transparent;color:currentColor}.app-top-icons span:before,.app-top-icons span:after,.app-nav span:before,.app-nav span:after,.app-search span:before,.app-search span:after,.app-new span:before,.app-new span:after{content:"";position:absolute;box-sizing:border-box}.app-top-icons [data-icon=bell]:before{left:4px;top:2px;width:12px;height:14px;border:2px solid currentColor;border-radius:9px 9px 5px 5px}.app-top-icons [data-icon=bell]:after{left:8px;top:17px;width:4px;height:4px;border-radius:999px;background:currentColor}.app-top-icons [data-icon=settings]:before{inset:3px;border:2px solid currentColor;border-radius:999px}.app-top-icons [data-icon=settings]:after{left:8px;top:0;width:3px;height:19px;background:currentColor;box-shadow:0 0 0 0 currentColor;transform:rotate(45deg)}.app-search [data-icon=search]:before{left:1px;top:1px;width:15px;height:15px;border:2px solid currentColor;border-radius:999px}.app-search [data-icon=search]:after{left:14px;top:14px;width:8px;height:2px;background:currentColor;border-radius:2px;transform:rotate(45deg)}.app-new span[data-icon=plus]{display:inline-block;position:relative}.app-new span[data-icon=plus]:before,.app-new span[data-icon=plus]:after{left:50%;top:50%;width:17px;height:2px;background:#fff;transform:translate(-50%,-50%);border-radius:2px}.app-new span[data-icon=plus]:after{transform:translate(-50%,-50%) rotate(90deg)}.app-nav [data-icon=home]:before{left:2px;top:7px;width:15px;height:11px;border:2px solid currentColor;border-top:0;border-radius:2px}.app-nav [data-icon=home]:after{left:4px;top:2px;width:11px;height:11px;border-left:2px solid currentColor;border-top:2px solid currentColor;transform:rotate(45deg)}.app-nav [data-icon=lesson]:before{left:2px;top:3px;width:15px;height:13px;border:2px solid currentColor;border-radius:3px}.app-nav [data-icon=lesson]:after{left:6px;top:7px;width:7px;height:2px;background:currentColor;box-shadow:0 4px 0 currentColor}.app-nav [data-icon=memory]:before{left:3px;top:2px;width:13px;height:16px;border:2px solid currentColor;border-radius:3px}.app-nav [data-icon=memory]:after{right:1px;top:5px;width:5px;height:8px;border:2px solid currentColor;border-left:0;border-radius:0 4px 4px 0}.app-nav [data-icon=teacher]:before{left:4px;top:2px;width:11px;height:11px;border:2px solid currentColor;border-radius:999px}.app-nav [data-icon=teacher]:after{left:1px;top:15px;width:17px;height:6px;border:2px solid currentColor;border-bottom:0;border-radius:999px 999px 0 0}.app-nav [data-icon=threads]:before{left:1px;top:3px;width:16px;height:12px;border:2px solid currentColor;border-radius:4px}.app-nav [data-icon=threads]:after{left:6px;top:13px;width:7px;height:7px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:skew(-20deg)}.app-nav a.active span{background:transparent}.app-main{padding:64px 0 40px}.app-hero h1{max-width:680px;font-size:30px;line-height:1.22}.app-lesson-card{margin-top:42px;border-radius:12px}.app-lesson-input{min-height:74px;padding:20px 22px 8px}.app-lesson-input>span{position:relative;border:0;background:#f4f4f0;color:#77736d}.app-lesson-input>span:before{content:"";position:absolute;left:7px;top:8px;width:15px;height:12px;border:2px solid currentColor;border-radius:3px}.app-lesson-input>span:after{content:"";position:absolute;left:11px;top:12px;width:7px;height:2px;background:currentColor;box-shadow:0 4px 0 currentColor}.app-lesson-input strong{font-size:18px;font-weight:760;color:#6f6b64}.app-today-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:2px 22px 18px}.app-today-meta p{min-width:0;margin:0;border:1px solid var(--app-line);border-radius:8px;background:#fbfbf8;padding:12px 14px}.app-today-meta span{display:block;margin-bottom:5px;color:#807c75;font-size:12px;font-weight:780;text-transform:uppercase}.app-today-meta strong{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#22201d;font-size:15px;font-weight:820}.app-lesson-actions{min-height:58px;gap:12px;border-top:1px solid var(--app-line);padding:12px}.app-lesson-actions button:not(.app-join){height:38px;font-size:14px}.app-join{width:46px;height:46px}.app-recent{margin-top:18px}.app-recent button{position:relative;width:34px;height:34px;border-radius:6px}.app-recent [data-icon=filter]{position:absolute;left:8px;top:8px;width:18px;height:18px}.app-recent [data-icon=filter]:before{content:"";position:absolute;left:2px;top:3px;width:14px;height:2px;background:currentColor;box-shadow:0 5px 0 currentColor,0 10px 0 currentColor}.app-recent li,.app-rail li{padding:14px 16px}.app-recent strong,.app-rail strong{font-size:15px}.app-recent span,.app-rail span{font-size:13px}.app-rail{padding:198px 18px 40px 0;gap:14px}.app-rail section{border-radius:12px;padding:18px}.app-rail li{gap:6px}.app-plan{border-radius:12px;box-shadow:0 10px 28px #1818140f}@media(max-width:1120px){.app-home{grid-template-columns:240px minmax(0,1fr);gap:22px}.app-main{padding-right:22px}}@media(max-width:820px){.app-mobile-topbar{height:58px;padding:0 20px}.app-main{padding:24px 22px 34px}.app-hero p{font-size:15px}.app-hero h1{font-size:24px;line-height:1.22}.app-lesson-card{margin-top:28px;border-radius:12px}.app-lesson-input{grid-template-columns:28px 1fr;padding:18px 16px 8px;gap:4px 12px}.app-lesson-input strong{font-size:17px}.app-today-meta{grid-template-columns:1fr;gap:8px;padding:2px 16px 14px}.app-lesson-actions{display:grid;grid-template-columns:1fr 1fr 46px;gap:8px;overflow:visible}.app-lesson-actions button:not(.app-join){min-width:0;width:100%;font-size:13px;padding:0 8px}.app-join{width:46px;height:46px}.app-recent{margin-top:22px}.app-recent li{padding:13px 12px}.app-drawer{width:min(300px,84vw);min-width:0}}@media(max-width:390px){.app-mobile-actions button{font-size:13px}.app-main{padding-left:16px;padding-right:16px}.app-hero h1{font-size:22px}.app-hero p{gap:10px;flex-wrap:wrap}.app-today-meta strong{white-space:normal}.app-lesson-actions{grid-template-columns:1fr 44px}.app-lesson-actions button:nth-child(2){display:none}.app-join{width:44px;height:44px}.app-error-actions{width:calc(100vw - 22px);justify-content:center}.app-error-actions button{min-width:0}}@media(max-width:300px){.app-mobile-topbar{padding:0 12px}.app-mobile-actions{gap:6px}.app-mobile-actions button{font-size:12px}.app-main{padding-left:10px;padding-right:10px}.app-hero h1{font-size:20px}.app-lesson-card{margin-top:20px}.app-lesson-input,.app-today-meta{padding-left:12px;padding-right:12px}.app-recent li{display:grid;gap:4px}.app-drawer{width:92vw;padding-left:14px;padding-right:14px}}