/* v28 redesigned home, closet, and profile */
.home-v28,.closet-v28,.profile-v28{max-width:1180px;padding-top:34px;padding-bottom:110px}
.home-greeting{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:18px;align-items:stretch}.home-greeting-copy{padding:26px 28px;border:1px solid #e8dff0;border-radius:28px;background:linear-gradient(135deg,#f8f2ff,#fff8e4);box-shadow:0 7px 0 #eee5f3}.home-greeting-copy>span,.home-section-head span,.home-progress-top span,.closet-v28-hero>div>span,.closet-detail-v28-head>div>span,.profile-v28-name>span{color:#7d5aa2;font-size:12px;font-weight:900}.home-greeting-copy h1{margin:7px 0 5px;font-size:clamp(34px,5vw,56px);line-height:1.18}.home-greeting-copy p{margin:0;color:#756d80;line-height:1.8}.home-status-mini{padding:22px;border-radius:28px;background:#342b49;color:#fff;display:grid;align-content:center;gap:7px}.home-status-mini small{color:#cfc3db;font-size:11px}.home-status-mini strong{font:800 40px 'DM Sans',sans-serif}.home-status-mini span{font-size:12px;color:#e6deec}.home-status-mini i{height:7px;border-radius:999px;background:#ffffff20;overflow:hidden}.home-status-mini i u{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f7d36e,#b98ad1);text-decoration:none}.home-status-mini b{font:700 11px 'DM Sans',sans-serif;color:#cfc3db}
.home-section{margin-top:34px}.home-section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}.home-section-head h2,.home-progress-top h2{margin:5px 0 0;font-size:clamp(25px,3vw,36px)}.home-actions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-action{min-width:0;min-height:92px;border:1px solid #e5dce9;border-radius:23px;padding:15px 17px;background:#fff;color:#332b48;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;text-align:start;transition:.18s transform,.18s box-shadow,.18s border-color}.home-action:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 7px 18px #59446d13;border-color:#bca9cf}.home-action:disabled{opacity:.45;cursor:not-allowed}.home-action.primary{background:linear-gradient(135deg,#76529a,#9469b8);color:#fff;border-color:#76529a}.home-action.chat{background:#f0e7ff}.home-action.call{background:#fff0de}.home-action.review{background:#eef7eb}.home-action.soon{background:#faf8fb}.home-action-icon{width:50px;height:50px;border-radius:17px;display:grid;place-items:center;background:#fff;color:#735397;border:1px solid #e8e0ed;font-weight:900}.home-action.primary .home-action-icon{background:#ffffff18;color:#fff;border-color:#ffffff1f}.home-action div{min-width:0;display:grid;gap:3px}.home-action strong{font-size:15px}.home-action small{color:#81788a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-action.primary small{color:#eee5f4}.home-action>svg{transform:rotate(180deg)}.home-letter{font:900 22px 'DM Sans',sans-serif}.home-number{font:900 14px 'DM Sans',sans-serif}.soon-pill{padding:6px 9px;border-radius:999px;background:#eee8f1;color:#8c7896;font-size:9px;font-weight:900;white-space:nowrap}
.home-progress-card{margin-top:34px;padding:25px;border:1px solid #e5dce8;border-radius:30px;background:#fff;box-shadow:0 8px 0 #f0ecf2}.home-progress-top{display:flex;align-items:center;justify-content:space-between;gap:24px}.home-progress-top p{max-width:680px;margin:6px 0 0;color:#81778a;line-height:1.8}.home-progress-ring{--p:0;width:102px;height:102px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at center,#fff 0 55%,transparent 56%),conic-gradient(#815da6 calc(var(--p)*1%),#eee8f1 0);flex:0 0 auto}.home-progress-ring strong{font:800 21px 'DM Sans',sans-serif}.home-progress-ring small{font-size:9px;color:#8c8291}.home-current-box{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:23px;padding:17px 19px;border-radius:19px;background:linear-gradient(135deg,#f4edfb,#fff7dc)}.home-current-box div{display:grid;gap:2px}.home-current-box small{color:#8c6ca6}.home-current-box strong{font-size:19px}.home-current-box span{color:#776d7e;font-size:11px}.home-current-box button{border:0;border-radius:15px;background:#342b49;color:#fff;padding:12px 16px;font-weight:900;display:flex;align-items:center;gap:8px}.home-current-box button svg{transform:rotate(180deg)}.home-phase-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:17px}.home-phase{display:flex;gap:11px;align-items:center;padding:15px;border:1px solid #e8e1eb;border-radius:18px;background:#faf8fb}.home-phase>span{width:33px;height:33px;border-radius:11px;background:#ece6ef;display:grid;place-items:center;font-size:10px;font-weight:900}.home-phase div{display:grid;gap:2px}.home-phase strong{font-size:12px}.home-phase small{font-size:9px;color:#89808e}.home-phase.done{background:#eef8f1;border-color:#d7ecdd}.home-phase.done>span{background:#cde8d5;color:#4d8661}.home-phase.active{box-shadow:inset 0 0 0 2px #8f70b2}.home-level-list{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:17px}.home-level{padding:12px;border:1px solid #e6dfe8;border-radius:16px;background:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center}.home-level>span{font:800 11px 'DM Sans';color:#9a88a4}.home-level div{display:grid;gap:1px;min-width:0}.home-level strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-level small{font-size:8px;color:#918793}.home-level b{font:800 10px 'DM Sans';color:#76569a}.home-level.active{background:#f2ebf8;border-color:#a889bd}

.closet-v28-hero{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:29px;border-radius:29px;background:linear-gradient(135deg,#f0e7ff,#fff6dc);border:1px solid #e4d8e9}.closet-v28-hero h1{max-width:730px;margin:8px 0;font-size:clamp(30px,4vw,49px);line-height:1.25}.closet-v28-hero p{max-width:660px;margin:0;color:#776e7d;line-height:1.8}.closet-hero-mark{width:118px;height:118px;border-radius:38px;background:#fff;display:grid;place-items:center;color:#7e5ca1;box-shadow:0 8px 0 #ded2e8;transform:rotate(-5deg)}.closet-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px}.closet-category-v28{min-height:150px;border:1px solid #e4dbe7;border-radius:25px;background:#fff;padding:20px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;text-align:start;color:#342b49}.closet-category-v28.words{background:#f3ecff}.closet-category-v28.grammar{background:#fff2df}.closet-category-v28.videos{background:#eaf5f1}.closet-category-v28.stories{background:#fff0f3}.closet-cat-icon,.closet-kind-icon{width:62px;height:62px;border-radius:21px;background:#fff;display:grid;place-items:center;color:#805ea3;border:1px solid #eadfec}.closet-category-v28 div{display:grid;gap:2px}.closet-category-v28 span{font-size:12px;font-weight:900}.closet-category-v28 strong{font:800 32px 'DM Sans'}.closet-category-v28 small{color:#7e7483}.closet-category-v28>svg{transform:rotate(180deg)}
.closet-detail-v28-head{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end;position:relative;padding-top:44px}.closet-detail-v28-head>button{position:absolute;top:0;inset-inline-start:0;border:0;background:transparent;color:#6e5b78;display:flex;gap:7px;align-items:center}.closet-detail-v28-head>button svg{transform:rotate(180deg)}.closet-detail-v28-head h1{margin:5px 0;font-size:42px}.closet-detail-v28-head p{margin:0;color:#81788a}.closet-tools-v28{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:23px}.closet-search-v28{flex:1;min-width:0;display:flex;align-items:center;gap:9px;border:1px solid #dfd5e4;background:#fff;border-radius:17px;padding:0 14px;height:52px;color:#8b7698}.closet-search-v28 input{min-width:0;flex:1;border:0;outline:0;background:transparent}.closet-filter-v28{display:flex;gap:7px;flex-wrap:wrap}.closet-filter-v28 button{border:1px solid #dfd5e4;background:#fff;border-radius:999px;padding:9px 12px;color:#76667f;font-size:10px;font-weight:800}.closet-filter-v28 button.active{background:#76569a;color:#fff;border-color:#76569a}.closet-filter-v28 b{font:800 9px 'DM Sans'}.closet-box-summary{display:flex;gap:9px;flex-wrap:wrap;margin:13px 0}.closet-box-summary span{padding:7px 10px;border-radius:999px;background:#f2edf5;color:#77687f;font-size:9px;font-weight:800}.closet-entry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.closet-entry-v28{min-width:0;padding:17px;border:1px solid #e5dce8;border-radius:20px;background:#fff}.closet-entry-v28[hidden]{display:none}.closet-entry-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:13px}.closet-entry-head span{padding:5px 8px;border-radius:999px;background:#edf7ef;color:#57816a;font-size:8px;font-weight:900}.closet-entry-v28[data-closet-status="unfinished"] .closet-entry-head span{background:#fff1df;color:#9a6f3e}.closet-entry-head small{color:#968a99;font-size:8px}.closet-entry-v28>strong{font-size:20px;overflow-wrap:anywhere}.closet-entry-v28>p{margin:7px 0 0;color:#6f6674;line-height:1.65;font-size:12px}.closet-entry-detail{display:block;margin-top:9px;color:#918692;overflow-wrap:anywhere}.closet-v28-empty{grid-column:1/-1;text-align:center;padding:55px 20px;border:1px dashed #d9ccdf;border-radius:25px;color:#7d6c85}.closet-v28-empty span{display:inline-grid;width:72px;height:72px;place-items:center;border-radius:24px;background:#f3edf7}.closet-v28-empty h2{margin:14px 0 5px}

.profile-v28-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding:26px;border:1px solid #e4dbe7;border-radius:30px;background:linear-gradient(135deg,#f3ecff,#fff6de)}.profile-cartoon{position:relative;width:112px;height:112px;border-radius:38px;background:#d9c6f0;overflow:hidden;box-shadow:0 8px 0 #d3c5df}.profile-cartoon .hair{position:absolute;left:24px;right:24px;top:18px;height:47px;border-radius:45px 45px 20px 20px;background:#4a385a;z-index:2}.profile-cartoon .face{position:absolute;left:28px;right:28px;top:31px;height:60px;border-radius:45% 45% 48% 48%;background:#f1c69f;z-index:3}.profile-cartoon .eye{position:absolute;top:25px;width:5px;height:5px;border-radius:50%;background:#443448}.profile-cartoon .e1{right:15px}.profile-cartoon .e2{left:15px}.profile-cartoon .smile{position:absolute;width:18px;height:9px;border-bottom:2px solid #8a5c68;border-radius:0 0 20px 20px;bottom:12px;left:50%;transform:translateX(-50%)}.profile-cartoon>b{position:absolute;z-index:4;bottom:4px;right:6px;width:30px;height:30px;border-radius:11px;background:#fff;display:grid;place-items:center;color:#805ba2}.profile-v28-name h1{margin:4px 0;font-size:clamp(31px,4vw,47px)}.profile-v28-name p{margin:0;color:#776d7d}.profile-settings-shortcut{border:0;border-radius:15px;background:#fff;color:#634781;padding:12px 15px;font-weight:900;display:flex;align-items:center;gap:8px}.profile-facts-v28{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:16px}.profile-facts-v28 article{padding:16px;border:1px solid #e5dce8;border-radius:19px;background:#fff;display:flex;align-items:center;gap:11px}.profile-facts-v28 article>span{width:39px;height:39px;border-radius:13px;background:#f1ebf6;color:#76589a;display:grid;place-items:center}.profile-facts-v28 div{display:grid;gap:2px}.profile-facts-v28 small{font-size:9px;color:#8b818e}.profile-facts-v28 strong{font-size:15px}.profile-actions-v28{margin-top:20px;border:1px solid #e4dbe7;border-radius:25px;background:#fff;overflow:hidden}.profile-action-row{min-height:78px;padding:14px 17px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;border-bottom:1px solid #eee8f0}.profile-action-row:last-child{border-bottom:0}.profile-action-row>span{width:41px;height:41px;border-radius:14px;background:#f1ebf6;color:#775b96;display:grid;place-items:center}.profile-action-row>div{display:grid;gap:2px}.profile-action-row strong{font-size:13px}.profile-action-row small{font-size:9px;color:#8b818e}.profile-action-row>button,.profile-action-row>select{border:1px solid #ddd2e2;border-radius:13px;background:#fff;padding:10px 12px;color:#634d70;font-weight:800}.profile-action-row>button svg{transform:rotate(180deg)}.profile-action-row.danger>span{background:#fff0f2;color:#b44d67}.profile-action-row.danger>button{color:#b44d67;border-color:#efd0d7;background:#fff4f5}.profile-delete-confirm-v28{position:fixed;z-index:100;inset:0;background:#251c33a8;display:grid;place-items:center;padding:20px;backdrop-filter:blur(5px)}.profile-delete-confirm-v28>div{width:min(430px,100%);padding:25px;border-radius:26px;background:#fff;text-align:center}.profile-delete-confirm-v28>div>span{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 13px;border-radius:20px;background:#fff0f2;color:#b94e67}.profile-delete-confirm-v28 h2{margin:0 0 8px}.profile-delete-confirm-v28 p{color:#786f7c;line-height:1.7}.profile-delete-confirm-v28>div>div{display:flex;gap:8px}.profile-delete-confirm-v28 button{flex:1;border:1px solid #ddd2e2;border-radius:14px;background:#fff;padding:12px;font-weight:900}.profile-delete-confirm-v28 button.danger{background:#bd5369;color:#fff;border-color:#bd5369}
html[dir="ltr"] .home-action>svg,html[dir="ltr"] .home-current-box button svg,html[dir="ltr"] .closet-category-v28>svg,html[dir="ltr"] .profile-action-row>button svg{transform:none}html[dir="ltr"] .closet-detail-v28-head>button svg{transform:none}
@media(max-width:760px){.home-v28,.closet-v28,.profile-v28{padding:22px 14px 105px}.home-greeting{grid-template-columns:1fr}.home-status-mini{grid-template-columns:1fr auto;align-items:center}.home-status-mini small,.home-status-mini span,.home-status-mini i{grid-column:1/-1}.home-status-mini strong{font-size:34px}.home-actions-grid{grid-template-columns:1fr}.home-progress-top{align-items:flex-start}.home-progress-ring{width:86px;height:86px}.home-phase-row{grid-template-columns:1fr}.home-level-list{grid-template-columns:1fr}.home-current-box{align-items:flex-start}.home-current-box button{white-space:nowrap}.closet-v28-hero{align-items:flex-start}.closet-hero-mark{width:82px;height:82px;border-radius:26px}.closet-category-grid,.closet-entry-grid{grid-template-columns:1fr}.closet-tools-v28{display:grid}.closet-filter-v28{overflow:auto;flex-wrap:nowrap;padding-bottom:2px}.closet-filter-v28 button{white-space:nowrap}.profile-v28-card{grid-template-columns:auto 1fr}.profile-settings-shortcut{grid-column:1/-1;justify-content:center}.profile-cartoon{width:88px;height:88px;border-radius:29px}.profile-cartoon .hair{left:18px;right:18px;top:13px;height:39px}.profile-cartoon .face{left:21px;right:21px;top:24px;height:49px}.profile-facts-v28{grid-template-columns:1fr}.profile-action-row{grid-template-columns:auto minmax(0,1fr)}.profile-action-row>button,.profile-action-row>select{grid-column:1/-1;width:100%}}
@media(max-width:430px){.home-greeting-copy{padding:22px}.home-action{min-height:86px;padding:13px}.home-action-icon{width:45px;height:45px}.home-progress-card{padding:18px}.home-progress-top{display:grid;grid-template-columns:1fr auto}.home-progress-top p{grid-column:1/-1}.home-progress-ring{grid-column:2;grid-row:1/3}.closet-v28-hero{display:grid;grid-template-columns:1fr auto}.closet-v28-hero p{grid-column:1/-1}.closet-category-v28{min-height:128px}.closet-detail-v28-head h1{font-size:34px}.profile-v28-name h1{font-size:29px}}