:root{--bg:#f7f8fa;--card:#fff;--ink:#1d2330;--sub:#5f6b7a;--line:#e3e7ed;--brand:#22a447;--brand-dark:#178036;--accent:#1d6fe0;--danger:#e5484d;--radius:16px;--side:240px}@media (prefers-color-scheme:dark){:root{--bg:#12151b;--card:#1b2029;--ink:#eef1f5;--sub:#a3adba;--line:#2c3340}}*{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Apple SD Gothic Neo,Noto Sans KR,PingFang SC,Hiragino Sans,sans-serif;font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}.app{min-height:100vh}.side{position:fixed;inset:0 auto 0 0;width:var(--side);background:var(--card);border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;gap:24px}.brand{font-weight:800;font-size:22px;color:var(--brand);letter-spacing:.5px;padding:0 12px}.side-nav{display:flex;flex-direction:column;gap:6px}.side-nav a{display:flex;align-items:center;gap:14px;padding:12px;border-radius:12px;font-weight:700;color:var(--sub);border:2px solid transparent}.side-nav a:hover{background:var(--bg)}.side-nav a.on{color:var(--brand);background:color-mix(in srgb,var(--brand) 10%,transparent);border-color:color-mix(in srgb,var(--brand) 35%,transparent)}.main{margin-left:var(--side);min-height:100vh;display:flex;flex-direction:column}.top{height:64px;justify-content:flex-end;padding:0 24px;border-bottom:1px solid var(--line);background:var(--card);position:sticky;top:0;z-index:20}.top,.top-right{display:flex;align-items:center}.top-right{gap:10px;margin-left:auto}.content{flex:1 1;width:100%;max-width:960px;margin:0 auto;padding:32px 24px}.foot{display:flex;flex-wrap:wrap;gap:8px 20px;padding:20px 24px;color:var(--sub);font-size:14px;border-top:1px solid var(--line)}.foot a{font-weight:700}.mobile-only,.tab-bar{display:none}.lang-picker{display:flex;align-items:center;gap:4px;color:var(--sub);border:1px solid var(--line);border-radius:999px;padding:4px 10px}.lang-picker select{border:0;background:transparent;color:var(--ink);font:inherit;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:14px;border:0;background:var(--brand);color:#fff;font:inherit;font-weight:800;box-shadow:0 4px 0 var(--brand-dark);cursor:pointer;text-align:center}.btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--brand-dark)}.btn.ghost{background:var(--card);color:var(--brand);border:2px solid var(--line);box-shadow:0 4px 0 var(--line)}.btn.sm{min-height:38px;padding:0 14px;font-size:14px;box-shadow:0 3px 0 var(--brand-dark)}.btn.ghost.sm{box-shadow:0 3px 0 var(--line)}.btn.block{width:100%}.btn[disabled]{opacity:.5;cursor:default}.my,.my-btn{position:relative}.my-btn{width:42px;height:42px;border-radius:50%;border:2px solid var(--line);background:var(--card);color:var(--ink);display:grid;place-items:center;cursor:pointer}.badge{position:absolute;top:-4px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:12px;line-height:20px;text-align:center}.badge.inline{position:static;margin-left:6px;display:inline-block}.my-box{position:absolute;right:0;top:52px;width:320px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 12px 32px rgba(0,0,0,.14);padding:16px;z-index:30}.my-name{font-weight:800;font-size:18px;margin-bottom:10px}.my-balances{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px}.my-balances a{background:var(--bg);border-radius:12px;padding:8px;text-align:center}.my-balances small{display:block;color:var(--sub);font-size:12px}.my-balances strong{font-size:16px}.my-menu{display:none}.my-links a{display:flex;align-items:center;justify-content:space-between;padding:11px 4px;border-top:1px solid var(--line);font-weight:600}.my-links a svg{color:var(--sub);margin-left:auto}.my-logout{margin-top:8px;width:100%;padding:10px;border:0;background:transparent;color:var(--sub);font:inherit;cursor:pointer}.card{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);padding:24px}.stack{display:flex;flex-direction:column;gap:16px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;padding:32px 0}.hero h1{font-size:40px;line-height:1.2;margin:0 0 12px}.hero p{color:var(--sub);font-size:18px;margin:0 0 24px}.hero-actions{display:flex;flex-direction:column;gap:12px;max-width:340px}.hero-art{aspect-ratio:1;border-radius:32px;background:radial-gradient(circle at 30% 30%,#c8f2d2,transparent 60%),radial-gradient(circle at 70% 70%,#cfe0ff,transparent 60%),var(--card);display:grid;place-items:center;font-size:96px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.features h3{margin:0 0 6px}.features p{margin:0;color:var(--sub)}.steps{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.steps span{background:var(--card);border:2px solid var(--line);border-radius:999px;padding:8px 16px;font-weight:700}h1.page{font-size:28px;margin:0 0 20px}.form{max-width:420px;margin:0 auto;gap:14px}.form,.form label{display:flex;flex-direction:column}.form label{gap:6px;font-weight:700}.form input[type=password],.form input[type=text],.form select{height:52px;border:2px solid var(--line);border-radius:14px;padding:0 14px;font:inherit;background:var(--card);color:var(--ink)}.form .check{flex-direction:row;align-items:center;gap:10px;font-weight:500}.form .check input{width:20px;height:20px}.hint{color:var(--sub);font-size:13px;font-weight:400}.error{color:var(--danger);font-weight:700}.notice{background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:12px;padding:12px 14px}.divider{display:flex;align-items:center;gap:10px;color:var(--sub);font-size:14px}.divider:after,.divider:before{content:"";flex:1 1;height:1px;background:var(--line)}.code{font-family:ui-monospace,monospace;font-size:20px;letter-spacing:1px;background:var(--bg);padding:12px;border-radius:12px;word-break:break-all;text-align:center}.greet{font-size:26px;font-weight:800;margin:0 0 16px}.balance-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.balance-row a{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);padding:14px}.balance-row small{color:var(--sub);display:block}.balance-row strong{font-size:22px}.continue{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.continue h2{margin:0}.muted{color:var(--sub)}@media (max-width:820px){.side{display:none}.main{margin-left:0;padding-bottom:84px}.top{padding:0 12px;height:58px}.mobile-only{display:block;padding:0}.lang-picker{padding:4px 6px}.lang-picker select{max-width:84px}.content{padding:20px 16px}.tab-bar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;background:var(--card);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:20}.tab-bar a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:15px;font-weight:800;color:var(--sub);padding:4px 0}.tab-bar a.on{color:var(--brand)}.hero{grid-template-columns:1fr;padding:8px 0}.hero h1{font-size:30px}.hero-art{display:none}.hero-actions{max-width:none}.features{grid-template-columns:1fr}.my-box{position:fixed;left:8px;right:8px;top:62px;width:auto}.my-balances{grid-template-columns:repeat(3,auto);justify-content:start;gap:4px}.my-balances a{display:flex;gap:4px;align-items:baseline;padding:4px 8px;font-size:12px}.my-balances small,.my-balances strong{font-size:12px}.my-box{max-height:calc(100dvh - 70px);overflow:auto}.my-name{font-size:36px;line-height:1.3;overflow-wrap:anywhere}.my-menu{display:flex;flex-direction:column;border-top:1px solid var(--line);margin-bottom:6px}.my-menu a{font-size:32px;font-weight:800;padding:10px 4px;line-height:1.3}.my-links a{padding:12px 4px;line-height:1.3;overflow-wrap:anywhere}.my-links a,.my-logout{font-size:28px}.settings-page h1.page{font-size:40px}.settings-page h2{font-size:32px}.settings-page .check,.settings-page .course-row b,.settings-page .field>span,.settings-page .sub{font-size:28px;line-height:1.4}.settings-page input[type=checkbox]{width:28px;height:28px}.balance-row{grid-template-columns:repeat(3,1fr);gap:6px}.balance-row a{padding:8px}.balance-row strong{font-size:16px}.balance-row small{font-size:12px}}.brand,.top .btn{white-space:nowrap}@media (max-width:820px){.top .brand{font-size:18px}.top-right{gap:6px}.top .btn.sm{padding:0 10px;min-height:34px;font-size:13px}.lang-picker select{max-width:64px}}.field{display:flex;flex-direction:column;gap:6px;font-weight:700}.field select{height:48px;border:2px solid var(--line);border-radius:14px;padding:0 12px;font:inherit;background:var(--card);color:var(--ink)}.teacher-pick{display:flex;gap:10px;flex-wrap:wrap}.teacher-pick button{width:56px;height:56px;border-radius:50%;padding:0;border:3px solid var(--line);background:var(--card);overflow:hidden;cursor:pointer}.teacher-pick button.on{border-color:var(--brand)}.teacher-pick img{width:100%;height:100%;object-fit:cover}.tag{margin-left:8px;font-size:12px;color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:1px 8px}.classroom{display:flex;flex-direction:column;gap:14px;max-width:880px;margin:0 auto;min-height:100dvh;padding:12px 16px 0}.class-title{text-align:center;font-size:22px;margin:0}.class-title small{color:var(--sub);font-weight:600}.class-bar{display:flex;justify-content:space-between;align-items:center;color:var(--sub);font-weight:700}.class-stage{display:grid;grid-template-columns:200px 1fr;gap:14px;align-items:start}.teacher{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--sub);font-size:14px}.teacher img,.teacher-fallback{width:180px;height:180px;border-radius:24px;object-fit:cover;border:4px solid var(--line);display:grid;place-items:center;font-size:64px;background:var(--card)}.teacher.on .teacher-fallback,.teacher.on img{border-color:var(--brand)}.book{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);padding:14px;max-height:320px;overflow:auto}.book h4{margin:10px 0 4px}.book p{margin:0;white-space:pre-wrap}.book img{max-width:100%;border-radius:12px}.captions{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);padding:12px 16px;min-height:120px;line-height:1.5;max-height:calc(5 * 1.5em + 32px);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.captions p{margin:4px 0}.captions p.cap-teacher{font-weight:700}.captions p.cap-student{color:var(--accent);text-align:right}.repeat{background:color-mix(in srgb,var(--brand) 12%,transparent);border:2px solid var(--brand);border-radius:var(--radius);padding:12px 16px;text-align:center}.repeat small{display:block;color:var(--sub)}.repeat strong{font-size:22px}.classroom{padding-bottom:calc(240px + env(safe-area-inset-bottom))}.class-dock{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(880px,calc(100vw - 24px));box-sizing:border-box;display:flex;flex-direction:column;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--bg);border-top:2px solid var(--line);z-index:25}.class-dock>.btn{align-self:center}.class-dock>.notice{margin:0;text-align:center}.subs{background:var(--card);color:var(--ink);border:2px solid var(--line);border-radius:var(--radius);font-size:clamp(20px,2vw,25px);line-height:1.4;padding:8px 12px;box-sizing:border-box}.subs p{margin:0;height:4.2em;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.class-tools{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;order:2}.class-tools .btn{min-height:42px}@media (max-width:720px){.class-stage{grid-template-columns:1fr}.teacher img,.teacher-fallback{width:120px;height:120px}.book{max-height:200px}}@media (orientation:landscape) and (max-height:540px){.classroom{gap:8px;padding-top:6px}.class-title{font-size:16px}.class-stage{grid-template-columns:96px 1fr;gap:8px}.teacher img,.teacher-fallback{width:84px;height:84px;font-size:36px;border-width:3px}.book{max-height:28dvh;padding:8px}.captions{min-height:0;max-height:calc(4 * 1.5em + 20px);padding:8px 12px}.repeat{padding:6px 10px}.repeat strong{font-size:18px}.class-tools{gap:6px}.class-tools .btn{min-height:34px}}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.sub{color:var(--sub);margin:0}.lead{font-size:18px;margin:0}.pre{white-space:pre-wrap;margin:0 0 8px}.red{color:var(--danger)}.panel{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);padding:16px}.panel h2{margin:0 0 8px;font-size:20px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}.pack-card,.product{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px}.pack-card h3,.product h3{margin:0}.pack-card p,.product p{margin:0;color:var(--sub)}.product .price{font-size:22px}.product.wide{border-width:3px;flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.product.wide .buy{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.product.focus{border-color:var(--brand)}.btn.interest.on{background:var(--danger);box-shadow:0 3px 0 color-mix(in srgb,var(--danger) 70%,#000)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{border:2px solid var(--line);background:var(--card);color:var(--ink);border-radius:999px;padding:8px 16px;font:inherit;font-weight:700;cursor:pointer}.chip.on{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand)}.course-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0;border-top:1px solid var(--line)}.course-row:first-of-type{border-top:0}.analysis .alert-title{font-weight:900;color:var(--ink)}.analysis .alert-title:first-letter{color:var(--danger)}.past{padding:10px 0;border-top:1px solid var(--line)}.past p{margin:4px 0}.past a{color:var(--accent);font-weight:700}.sheet{position:fixed;inset:0;background:rgba(0,0,0,.45);display:grid;place-items:center;z-index:50;padding:16px}.sheet-box{background:var(--card);border-radius:var(--radius);padding:20px;width:min(440px,100%);max-height:90vh;overflow:auto}.sheet-box h3{margin:0}.check{display:flex;gap:8px;align-items:center;font-weight:600}.field input{height:48px;border:2px solid var(--line);border-radius:14px;padding:0 12px;font:inherit;background:var(--card);color:var(--ink)}fieldset{border:0;padding:0;margin:0}legend{font-weight:700;margin-bottom:6px}.book-sheet{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);padding:20px}.book-sheet h1{margin-top:0;font-size:24px}.book-sheet img{max-width:100%;border-radius:12px}.book-page select{height:40px;max-width:min(420px,70vw);border:2px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font:inherit}.last{font-size:15px}.last p{margin:4px 0 0;color:var(--sub)}@media (max-width:720px){.product.wide{flex-direction:column;align-items:stretch}.product.wide .buy{align-items:flex-start}}@media print{.foot,.no-print,.side,.tab-bar,.top{display:none!important}.main{margin:0}.content{max-width:none;padding:0}.book-sheet{border:0;padding:0}body{background:#fff;color:#000}}.msg-list{list-style:none;margin:0;padding:0}.msg-list li{border-top:1px solid var(--line)}.msg-head{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;width:100%;padding:12px 4px;border:0;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.msg-list li.unread b{color:var(--danger)}.msg-list .pre{padding:0 4px 12px}.dot{width:10px;height:10px;border-radius:50%;background:var(--danger);flex:none}.name-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.field.inline{flex-direction:row;align-items:center;gap:8px}.field textarea{border:2px solid var(--line);border-radius:14px;padding:10px 12px;font:inherit;background:var(--card);color:var(--ink)}.consent{border:3px solid var(--brand)}.panel.danger{border:2px solid var(--danger)}.btn.danger{background:var(--danger);box-shadow:0 4px 0 #a8262b}.btn:disabled{opacity:.5;cursor:default}.history{width:100%;border-collapse:collapse;font-size:15px}.history td,.history th{text-align:left;padding:10px 6px;border-top:1px solid var(--line)}.history th{color:var(--sub);font-size:13px}.big{font-size:24px}@media (max-width:760px){.history{font-size:14px}.field.inline{flex-direction:column;align-items:stretch}}.row.between{justify-content:space-between}.pet-game-page{display:flex;flex-direction:column;height:100dvh;background:var(--bg)}.pet-game-page header{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--card);border-bottom:1px solid var(--line)}.pet-game-page h1{font-size:18px;margin:0;flex:1 1}.pet-back{font-size:22px;font-weight:800;padding:0 6px}.pet-game-page header button,.pet-game-page p[role=alert] button{border:2px solid var(--line);background:var(--card);color:var(--ink);border-radius:10px;padding:6px 12px;font:inherit;font-weight:700}.pet-game-page p[role=alert]{margin:0;padding:8px 12px;color:var(--danger)}.pet-game-frame{flex:1 1;width:100%;border:0}.pet-game-frame iframe{width:100%;height:100%;border:0;display:block}.svc{display:flex;flex-direction:column;gap:6px;color:inherit}.svc h3,.svc p{margin:0}.svc p{color:var(--sub)}.svc-ico{font-size:34px}.tabs-inline{display:flex;gap:8px;flex-wrap:wrap}.tabs-inline a{padding:8px 14px;border:2px solid var(--line);border-radius:999px;font-weight:700;color:var(--sub)}.tabs-inline a.on{border-color:var(--brand);color:var(--brand)}.pick{background:var(--card);border:2px solid var(--line);border-radius:var(--radius);padding:14px;text-align:left;font:inherit;cursor:pointer;color:inherit}.pick.on{border-color:var(--brand);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand) 25%,transparent)}.pick.static{cursor:default}.pick small{color:var(--sub);display:block}.pick strong{font-size:22px}.green{color:#1a7f37;font-weight:700}.home-banner{width:100%;max-height:260px;object-fit:cover;border-radius:var(--radius);display:block}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;position:sticky;top:0;background:var(--bg);padding:8px 0;z-index:2}.admin-nav a{padding:6px 12px;border:2px solid var(--line);border-radius:999px;font-weight:700;font-size:14px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:760px){.grid2{grid-template-columns:1fr}}.table-wrap{overflow-x:auto}.grow{flex:1 1;min-width:160px}.history input:not([type=checkbox]),.row input{height:40px;border:2px solid var(--line);border-radius:10px;padding:0 10px;font:inherit;background:var(--card);color:var(--ink);max-width:160px}.row input.grow{max-width:none}.class-bar .overtime{color:var(--accent,#0a7d4f);font-weight:600}.classroom{padding-bottom:calc(170px + env(safe-area-inset-bottom))}.class-stage{display:flex;flex-direction:column}.class-stage .teacher{display:none}.class-stage .book{width:100%;box-sizing:border-box;max-height:240px}.book summary{cursor:pointer;font-weight:700}.lesson-card{border:2px solid var(--line);background:var(--card);border-radius:var(--radius);padding:12px 16px;overflow-wrap:anywhere}.lesson-card p{font-size:clamp(25px,5vw,32px);font-weight:800;margin:8px 0;line-height:1.4}.captions{font-size:clamp(23px,4.5vw,29px);max-height:none;overflow-wrap:anywhere;min-height:90px}.repeat strong{font-size:clamp(30px,6vw,40px);overflow-wrap:anywhere}.subs{font-size:clamp(20px,4vw,25px)}.speaking-signal{display:flex;gap:10px;align-items:center;font-weight:700}.signal-light{width:24px;height:24px;border-radius:50%;display:inline-block;flex-shrink:0}.signal-light.green{background:#198754;box-shadow:0 0 8px #198754}.signal-light.red{background:#c93636}.classroom>*{min-width:0}.class-dock{max-height:40dvh;overflow:auto}.learner-classroom .lesson-box{border:1px solid var(--line,#d9dee7);border-radius:18px;padding:18px;min-width:0;overflow-wrap:anywhere}.learner-classroom .lesson-live{display:grid;gap:14px}.learner-classroom .lesson-card{margin:0}.learner-classroom .teacher-box .captions{font-size:22px;line-height:1.55}.learner-classroom .teacher-box .subs{position:static;margin:10px 0 0;padding:0;font-size:18px;min-height:0;max-height:none;overflow:visible}.learner-classroom .repeat{border:2px solid #e8ba36;font-size:28px;line-height:1.4;margin:0}.learner-classroom .entry-intro{font-size:20px;line-height:1.6}.learner-classroom .entry-phrases p{font-size:24px;font-weight:700}.learner-classroom.phase-ready .class-dock{position:static;left:auto;bottom:auto;transform:none;width:100%;max-height:none;overflow:visible;padding:18px 0;background:transparent}.learner-classroom .class-tools{display:flex;flex-wrap:wrap;gap:8px}.learner-classroom .speaking-signal{margin:0;flex:1 1 120px}.pack-link{display:block;text-decoration:none;color:inherit}.pack-link p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:600px){.learner-classroom{padding-bottom:180px}.learner-classroom.phase-ready{padding-bottom:24px}.learner-classroom .class-tools .btn{min-height:44px}.learner-classroom .lesson-box{padding:16px}}.learner-classroom .class-options{font-size:14px;margin:0 0 6px;text-align:right}.learner-classroom .class-options[open]{background:var(--bg,#fff);padding:10px;border:1px solid #d9dee7;border-radius:14px}.learner-classroom .class-tools{flex-wrap:nowrap;padding:10px;align-items:center}.learner-classroom .class-tools .speaking-signal{flex:1 1 auto;min-width:0;font-size:14px;line-height:1.4}.learner-classroom .class-tools .btn{flex:0 0 auto;padding:8px;font-size:14px;white-space:nowrap}.learner-classroom .class-tools .signal-light{flex:0 0 14px;width:14px;height:14px}.learner-classroom .teacher-box .captions p{border:0;background:transparent;padding:0;margin:8px 0}.shared-game-coins{display:inline-flex;align-items:center;gap:.3rem;padding:.45rem .7rem;border:1px solid #d1d5db;border-radius:12px;font-size:16px;background:#fff;color:#111827}.shared-game-coins small{font-size:12px}.mega-back{min-width:72px;min-height:44px;flex-shrink:0;font:inherit;font-size:16px;font-weight:650;padding:8px 10px;border:1px solid var(--line,#d9dfe6);border-radius:9px;background:var(--card,#fff);color:var(--ink,#1d2330);cursor:pointer}.mega-back:focus-visible{outline:3px solid #1d6fe0;outline-offset:2px}.mega-back-row{padding:8px 12px;position:relative;z-index:5}.mega-back-row:has(+[data-foundation]){display:none}.device-reset{margin-top:16px;border-top:1px solid var(--line,#d9dfe6);padding-top:16px}.device-reset button{min-height:44px;min-width:44px;display:block;padding:10px 12px;font:inherit;border:1px solid var(--line,#d9dfe6);border-radius:8px;background:var(--card,#fff);color:var(--ink,#1d2330)}.device-reset .device-reset-all{font-size:14px;margin-top:8px}.device-reset small{display:block;line-height:1.5;margin:10px 0}.device-reset summary{min-height:44px;display:flex;align-items:center;cursor:pointer}.device-reset.compact{font-size:14px;padding:12px;max-height:46dvh;overflow:auto}.device-reset p[role=alert]{color:#b42318}.my-box{max-height:calc(100dvh - 76px);overflow-y:auto}.device-reset.compact button{width:100%;text-align:left}.support-chat .btn{min-height:44px;min-width:44px}.content>*{min-width:0}.history,.pack-card,.panel,.product{overflow-wrap:anywhere}.history td,.history th{max-width:70vw}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(pointer:coarse){.btn.sm,.my-btn{min-height:44px;min-width:44px}.top .btn.sm,summary{min-height:44px}summary{align-content:center}}:root{--tier-intro:#2f9e5a;--tier-basic:#2f7be0;--tier-middle:#8a4fd8;--tier-high:linear-gradient(135deg,#f2b632,#e07a1f);--fl-soft:color-mix(in srgb,var(--brand) 9%,var(--card));--fl-shade:rgba(10,12,16,.45);--fl-tabs:52px}@media (prefers-color-scheme:dark){:root{--fl-soft:color-mix(in srgb,var(--brand) 16%,var(--card));--fl-shade:rgba(0,0,0,.6)}}.flow-app{min-height:100vh;display:flex;flex-direction:column;padding-bottom:calc(var(--fl-tabs) + env(safe-area-inset-bottom))}.flow-content{max-width:1100px;padding:14px 16px 24px}.fl-top{position:sticky;top:0;z-index:25;gap:8px;min-height:48px;padding:6px 16px;background:var(--card);border-bottom:1px solid var(--line)}.fl-left,.fl-top{display:flex;align-items:center}.fl-left{gap:10px;min-width:0}.fl-brand{font-weight:800;color:var(--brand);font-size:16px;white-space:nowrap}.fl-brand.pc{display:none}.fl-back{border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;padding:6px 12px;font:inherit;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}.fl-right{margin-left:auto;display:flex;align-items:center;gap:6px}.fl-right .lang-picker{padding:2px 8px;font-size:12px}.fl-right .lang-picker select{font-size:12px;max-width:84px}.fl-pc{display:none}.fl-tabs{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.fl-ti{flex:1 1;text-align:center}.fl-tb,.fl-ti{position:relative}.fl-tb{width:100%;height:var(--fl-tabs);border:0;background:none;color:var(--sub);font:inherit;font-size:13px;cursor:pointer}.fl-ti.on .fl-tb{color:var(--brand);font-weight:800}.fl-dot{position:absolute;top:10px;margin-left:2px;width:6px;height:6px;border-radius:50%;background:var(--danger)}.fl-steps{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);min-width:150px;max-width:80vw;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:4px;box-shadow:0 6px 18px rgba(0,0,0,.16);text-align:left;z-index:31}.fl-ti:first-child .fl-steps{left:4px;transform:none}.fl-ti:last-child .fl-steps{left:auto;right:4px;transform:none}.fl-steps a{display:flex;align-items:center;gap:4px;padding:10px 12px;font-size:14px;border-radius:8px;color:var(--ink);white-space:nowrap}.fl-steps a:focus-visible,.fl-steps a:hover{background:var(--bg)}.fl-steps.down{bottom:auto;top:calc(100% + 4px)}.fl-steps.right{left:auto;right:0;transform:none}.fl-after,.fl-home,.fl-sheet,.fl-subject,.fl-tabs{word-break:keep-all;overflow-wrap:anywhere}.fl-home{display:flex;flex-direction:column;gap:12px;max-width:640px;margin:0 auto}.fl-greet{margin:0;color:var(--sub);font-size:14px}.fl-box{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:14px}.fl-box h3{margin:0 0 8px;font-size:15px}.fl-hero{border:2px solid var(--brand);background:var(--fl-soft)}.fl-hero h2{margin:0 0 6px;font-size:18px}.fl-label{font-size:12px;color:var(--sub);margin-bottom:4px}.fl-note{font-size:13px;color:var(--sub);margin:4px 0}.fl-empty{font-size:12px;color:var(--sub);display:block;padding:4px 0}.fl-row{display:flex;gap:8px;align-items:center;justify-content:space-between}.fl-row.wrap{flex-wrap:wrap;justify-content:flex-start}.fl-chips{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.fl-chip{border:1px solid var(--line);border-radius:999px;padding:5px 10px;font:inherit;font-size:13px;background:var(--card);color:var(--ink);cursor:pointer}.fl-pack{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line)}.fl-box h3+.fl-pack{border-top:0}.fl-badge{width:34px;height:34px;border-radius:10px;background:var(--fl-soft);color:var(--brand);display:grid;place-items:center;font-weight:800;flex:0 0 auto}.fl-txt{flex:1 1;min-width:0}.fl-txt b{display:block}.fl-txt small{color:var(--sub);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fl-pack .interest,.fl-pack button:not(.btn){font-size:13px}.fl-tag{font-size:12px;color:var(--sub);border:1px dashed var(--line);border-radius:8px;padding:5px 8px;white-space:nowrap}.fl-tag.big{display:block;text-align:center;padding:12px}.fl-two{grid-template-columns:1fr 1fr}.fl-three,.fl-two{display:grid;gap:8px}.fl-three{grid-template-columns:2fr 1fr 1fr}.fl-three .btn,.fl-two .btn{padding:0 6px}.fl-subject{display:grid;gap:12px;max-width:640px;margin:0 auto}.fl-col{display:flex;flex-direction:column;gap:12px;min-width:0}.fl-subjline{display:flex;align-items:center;gap:6px;padding:10px;flex-wrap:nowrap}.fl-subj{margin:0;font-size:24px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.fl-lv{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:800}.fl-m{font-size:11px;color:var(--sub);white-space:nowrap}.fl-m b{color:var(--ink)}.fl-end{margin-left:auto;position:relative}.fl-end .fl-chip{font-size:11px;padding:3px 7px;white-space:nowrap}.fl-tier{display:inline-block;width:14px;height:14px;border-radius:4px;transform:rotate(45deg) scale(.8);vertical-align:middle;flex:0 0 auto}.fl-t-intro{background:var(--tier-intro)}.fl-t-basic{background:var(--tier-basic)}.fl-t-middle{background:var(--tier-middle)}.fl-t-high{background:var(--tier-high)}.fl-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.fl-right{text-align:right}.fl-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;scroll-margin-top:60px}.fl-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid var(--line);border-radius:14px;padding:10px 6px;background:var(--card);color:inherit;font:inherit;cursor:pointer;text-align:center;min-height:118px}.fl-stat strong{font-size:22px;line-height:1.1}.fl-stat small{font-size:12px}.fl-goal,.fl-stat small{color:var(--sub);line-height:1.3}.fl-goal{font-size:11px}.fl-bar{display:block;width:100%;height:5px;border-radius:3px;background:var(--line);overflow:hidden}.fl-bar i{display:block;height:100%;background:var(--brand)}.fl-tiny{font-size:12px;color:var(--sub);text-align:right;margin:0}.fl-tiny a{color:var(--sub);text-decoration:underline}.fl-radar{width:100%;height:56px;display:block}.fl-radar.big{height:auto;max-height:240px}.fl-radar .grid polygon{fill:none;stroke:var(--line)}.fl-radar .grid line{stroke:var(--line)}.fl-radar .shape polygon{fill:var(--fl-soft);stroke:var(--brand);stroke-width:2}.fl-radar text{font-size:11px;fill:var(--sub)}.fl-radar .v{fill:var(--ink);font-weight:700}.fl-tiers{display:flex;gap:12px;justify-content:center;font-size:12px;color:var(--sub);flex-wrap:wrap}.fl-tiers span{display:inline-flex;align-items:center;gap:4px}.fl-shade{position:fixed;inset:0;z-index:60;background:var(--fl-shade);display:flex;align-items:flex-end;justify-content:center}.fl-shade.center{align-items:center;padding:16px}.fl-sheet{background:var(--card);color:var(--ink);width:100%;max-width:480px;max-height:90vh;overflow:auto;border-radius:22px 22px 0 0;padding:18px 16px calc(22px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line)}.fl-shade.center .fl-sheet{border-radius:20px}.fl-sheet h3{margin:0;font-size:18px}.fl-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.fl-head h3{margin:0}.fl-facts{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--bg)}.fl-facts p{margin:2px 0}.fl-set{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 0;border-top:1px solid var(--line)}.fl-set:first-child{border-top:0}.fl-set select{font:inherit;border:1px solid var(--line);border-radius:10px;padding:6px 8px;background:var(--card);color:var(--ink);max-width:60%}.fl-seg{display:flex;gap:6px}.fl-seg button{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line);border-radius:10px;padding:9px 4px;background:var(--card);color:var(--ink);font:inherit;cursor:pointer}.fl-seg button[aria-pressed=true]{background:var(--brand);color:#fff;border-color:var(--brand)}.fl-err{margin:4px 0 0;font-size:13px}.fl-after{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom));z-index:70;width:min(420px,calc(100vw - 32px));background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 32px rgba(0,0,0,.22);padding:16px;display:flex;flex-direction:column;gap:8px}.fl-after h3{margin:0;font-size:17px}.fl-ok{margin:0;color:var(--brand);font-weight:800}.fl-x{position:absolute;top:8px;right:10px;border:0;background:none;color:var(--sub);font-size:20px;cursor:pointer;min-width:32px;min-height:32px}.fl-menu{display:flex;flex-direction:column;padding:4px 14px}.fl-menu a{display:flex;align-items:center;justify-content:space-between;padding:12px 2px;border-top:1px solid var(--line);font-weight:600}.fl-menu a:first-child{border-top:0}.fl-menu a span{color:var(--sub);margin-left:auto}.fl-levels{display:flex;flex-direction:column;gap:12px}.fl-picked{border-color:var(--brand)}.fl-bottom{position:sticky;bottom:calc(var(--fl-tabs) + 8px);display:flex;flex-direction:column;gap:4px;background:var(--bg);padding:8px 0}.fl-center{text-align:center}@media (min-width:900px){.flow-app{padding-bottom:0}.fl-top{padding:0 24px;min-height:60px;gap:20px}.fl-brand,.fl-brand.pc{display:inline;font-size:20px}.fl-pc{display:inline-flex}.fl-tabs{position:static;border:0;background:none;padding:0;flex:0 1 auto;gap:4px}.fl-ti{flex:0 0 auto}.fl-tb{height:60px;padding:0 14px;font-size:15px;font-weight:700}.fl-ti.on .fl-tb{box-shadow:inset 0 -3px 0 var(--brand)}.fl-steps,.fl-ti:first-child .fl-steps,.fl-ti:last-child .fl-steps{bottom:auto;top:100%;left:0;right:auto;transform:none}.flow-content{padding:24px}.fl-home{max-width:760px}.fl-subject{max-width:1040px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start}.fl-subj{font-size:28px}.fl-m{font-size:12px}.fl-shade{align-items:center}.fl-sheet{border-radius:20px}.fl-bottom{bottom:8px}}@media print{.fl-after,.fl-tabs,.fl-top{display:none!important}.flow-app{padding:0}}