:root{--primary:#4f46e5;--primary-light:#eef2ff;--bg-color:#f8fafc;--card-bg:#fff;--text-main:#1e293b;--text-muted:#64748b;--learnt-color:#4f46e5;--border-color:#f1f5f9;--nav-bg:#f1f5f9;--shadow:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--radius:16px}@font-face{font-family:Noto Sans JP;font-style:normal;font-weight:400;src:url(/decki.ai/assets/NotoSansJP-Regular-BPcEjQkM.ttf)format("truetype");font-display:swap}@font-face{font-family:Noto Sans JP;font-style:normal;font-weight:500;src:url(/decki.ai/assets/NotoSansJP-Medium-BbzHqs6W.ttf)format("truetype");font-display:swap}@font-face{font-family:Noto Sans JP;font-style:normal;font-weight:700;src:url(/decki.ai/assets/NotoSansJP-Bold-utV2OrD5.ttf)format("truetype");font-display:swap}@font-face{font-family:Noto Sans JP;font-style:normal;font-weight:800;src:url(/decki.ai/assets/NotoSansJP-ExtraBold-BQWDaOOZ.ttf)format("truetype");font-display:swap}body{background-color:var(--bg-color);color:var(--text-main);margin:0;font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}input,textarea,button{font-family:inherit}.app-container{box-sizing:border-box;flex-direction:column;width:100%;min-height:100vh;display:flex}.app-header-outer{background-color:#f4f4f7;border-bottom:1px solid #ededf0;width:100%;box-shadow:0 1px 4px #dddddf80}.app-header{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:12px 40px;display:flex}.logo{align-items:center;display:flex}.logo-mobile{display:none}.header-level-container{align-items:center;gap:12px;display:flex}.current-level-display{letter-spacing:normal;text-align:center;color:#4f46e5;flex-grow:0;width:22px;height:19px;font-family:Noto Sans JP,sans-serif;font-size:16px;font-style:normal;font-weight:700;font-stretch:100%;line-height:normal}.select-level-btn{color:#060543;cursor:pointer;background-color:#fcfcfc;border:1px solid #ededf0;border-radius:8px;flex-direction:row;flex-grow:0;justify-content:center;align-items:center;gap:10px;width:117px;height:43px;padding:12px 16px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 2px #ededf0}.select-level-btn:hover{color:#4f46e5;background-color:#fcfcfc;border:1px solid #4f46e5;transform:translateY(-1px)}.level-selection-page{box-sizing:border-box;flex-direction:column;justify-content:space-between;align-items:center;width:100%;height:100vh;display:flex;overflow-y:auto}.level-selection-header{box-sizing:border-box;flex-shrink:0;justify-content:flex-start;width:100%;max-width:1200px;padding:31px 24px;display:flex}.level-selection-content{flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;max-width:600px;margin-bottom:64px;display:flex}.level-selection-main-heading{letter-spacing:normal;text-align:center;color:#060543;flex-grow:0;align-self:stretch;height:auto;margin:0 0 32px;font-family:Noto Sans JP,sans-serif;font-size:28px;font-style:normal;font-weight:700;font-stretch:100%;line-height:normal}.level-selection-container{flex-direction:column;align-items:center;width:100%;display:flex}.select-level-heading{color:#060543;margin-bottom:32px;font-size:20px;font-weight:700}.level-selector-large{justify-content:center;gap:16px;width:100%;display:flex}.level-btn-large{color:#060543;cursor:pointer;background-color:#fcfcfc;border:1px solid #ededf0;border-radius:16px;justify-content:center;align-items:center;width:94px;height:94px;font-size:24px;font-weight:700;transition:transform .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 6px 8px #ededf080}.level-btn-large:hover{border-color:#4f46e5;transform:translateY(-1px);box-shadow:0 6px 8px #dddddf}.level-btn-large.active{color:#fcfcfc;background-color:#060543;border-color:#060543}.level-btn-large.active:hover{background-color:#0a095a;transform:translateY(-1px)}.section-selector{border-bottom:1px solid #ededf0;justify-content:center;margin:16px 0 0;display:flex}.section-nav-pill{gap:24px;display:flex}.section-btn{cursor:pointer;color:#494850;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:16px 12px;font-size:16px;font-weight:500;transition:color .2s,border-color .2s}.section-btn.active{color:#4f46e5;border-bottom-color:#4f46e5;font-weight:700}.main-content{box-sizing:border-box;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:0 40px 40px}.level-selection-page .main-content{flex-direction:column;flex:1;justify-content:flex-start;align-items:center;width:100%;max-width:none;margin:0;padding-bottom:0;display:flex}.level-selection-page .app-footer-outer{flex-shrink:0;width:100%}.level-selection-page .app-footer{width:100%;max-width:1200px;margin:0 auto}.app-footer-outer{background-color:#f4f4f7;border-top:1px solid #ededf0;width:100%}.app-footer{max-width:1200px;height:64.7px;color:var(--primary);flex-direction:row;justify-content:space-between;align-items:center;margin:0 auto;padding:0 24px;font-size:14px;display:flex}.page-title-row{box-sizing:border-box;flex-direction:row;flex-grow:0;justify-content:flex-start;align-self:stretch;align-items:center;gap:24px;height:104px;padding:24px 0;display:flex}.title-section-icon{background-color:#efeffb;background-position:50%;background-repeat:no-repeat;background-size:24px 24px;border-radius:6px;flex-shrink:0;width:40px;height:40px}.study-decks-icon{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M4.12357%2019.1211L5.34272%2019.6221V11.5426L3.13186%2016.7858C2.75884%2017.6984%203.20465%2018.7453%204.12357%2019.1211ZM21.865%2015.8105L17.3523%205.10053C17.2153%204.78024%2016.9868%204.50585%2016.6946%204.31055C16.4023%204.11524%2016.0588%204.00738%2015.7056%204C15.469%204%2015.2234%204.03579%2014.9868%204.13421L8.28144%206.86316C7.83892%207.04526%207.48742%207.39183%207.3034%207.82749C7.11939%208.26314%207.11774%208.75263%207.29883%209.18947L11.8115%2019.8995C11.9967%2020.3347%2012.3491%2020.6803%2012.7921%2020.8613C13.2351%2021.0423%2013.7329%2021.0439%2014.1771%2020.8658L20.8733%2018.1368C21.3184%2017.9576%2021.673%2017.6118%2021.8589%2017.1756C22.0449%2016.7394%2022.0471%2016.2484%2021.865%2015.8105ZM8.99109%209.36842C8.49069%209.36842%208.08128%208.96579%208.08128%208.47368C8.08128%207.98158%208.49069%207.57895%208.99109%207.57895C9.49149%207.57895%209.90091%207.98158%209.90091%208.47368C9.90091%208.96579%209.49149%209.36842%208.99109%209.36842ZM7.17146%2019.2105C7.17146%2020.1947%207.99029%2021%208.99109%2021H10.3103L7.17146%2013.5379V19.2105Z'%20fill='%234F46E5'/%3e%3c/svg%3e")}.mastery-icon{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14%2011C14%2011.55%2013.55%2012%2013%2012H4C3.45%2012%203%2011.55%203%2011C3%2010.45%203.45%2010%204%2010H13C13.55%2010%2014%2010.45%2014%2011ZM3%207C3%207.55%203.45%208%204%208H13C13.55%208%2014%207.55%2014%207C14%206.45%2013.55%206%2013%206H4C3.45%206%203%206.45%203%207ZM10%2015C10%2014.45%209.55%2014%209%2014H4C3.45%2014%203%2014.45%203%2015C3%2015.55%203.45%2016%204%2016H9C9.55%2016%2010%2015.55%2010%2015ZM18.01%2012.87L18.72%2012.16C18.8125%2012.0673%2018.9224%2011.9937%2019.0434%2011.9436C19.1643%2011.8934%2019.294%2011.8676%2019.425%2011.8676C19.556%2011.8676%2019.6857%2011.8934%2019.8066%2011.9436C19.9276%2011.9937%2020.0375%2012.0673%2020.13%2012.16L20.84%2012.87C21.23%2013.26%2021.23%2013.89%2020.84%2014.28L20.13%2014.99L18.01%2012.87ZM17.3%2013.58L12.14%2018.74C12.05%2018.83%2012%2018.95%2012%2019.09V20.5C12%2020.78%2012.22%2021%2012.5%2021H13.91C14.04%2021%2014.17%2020.95%2014.26%2020.85L19.42%2015.69L17.3%2013.58Z'%20fill='black'/%3e%3c/svg%3e")}.title-content{flex-direction:column;justify-content:center;display:flex}.page-title-text{color:#060543;margin:0;font-size:24px;font-weight:800;line-height:1.2}.page-subtitle-text{color:#8f8e96;margin:4px 0 0;font-size:16px;font-weight:500;line-height:1.2}.study-decks-page{padding-top:40px;padding-bottom:180px}.study-decks-title-row{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.decks-filter{align-items:center;gap:8px;display:flex}.filter-btn{color:#4f46e5;cursor:pointer;background:#efeffb;border:1px solid #dbdafb;border-radius:18px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.filter-btn:hover{border-color:#4f46e5}.filter-btn.active{color:#fcfcfc;background:#060543;border-color:#060543}.study-decks-content{grid-template-columns:1fr;gap:24px;display:grid}.decks-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.deck-card{cursor:pointer;background:#fcfcfc;border:1px solid #ededf0;border-radius:16px;padding:40px 40px 40px 32px;transition:transform .15s,box-shadow .15s;position:relative;box-shadow:0 6px 8px #ededf080}.deck-card:hover{border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 6px 8px #dddddf}.deck-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.deck-label{color:#4f46e5;text-transform:uppercase;letter-spacing:.18em;white-space:nowrap;align-items:center;gap:4px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.deck-name{color:#060543;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin:0 0 8px;font-size:28px;font-weight:800;overflow:hidden}.deck-card-info{color:#494850;margin-bottom:32px;font-size:16px}.progress-row{color:#8f8e96;align-items:center;gap:24px;font-size:14px;display:flex}.progress-bar-container{background:#ededf0;border-radius:5px;flex:1;height:10px;overflow:hidden}.progress-bar{background:#4f46e5;border-radius:5px;height:100%}.edit-deck-btn{cursor:pointer;color:#4f46e5;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.edit-deck-btn img{width:24px;height:24px;display:block}.create-banner{box-sizing:border-box;cursor:pointer;background-color:#f8f7fc;border:1px solid #dbdafb;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;padding:40px 32px;transition:background-color .2s;display:flex}.create-banner:hover{background-color:#f0effc}.banner-icon-container{background-color:#dbdafb;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:8px;display:flex}.banner-icon-container img{object-fit:contain;filter:brightness(0)saturate()invert(26%)sepia(89%)saturate(5943%)hue-rotate(238deg)brightness(92%)contrast(98%);width:24px;height:24px}.create-banner h3{letter-spacing:normal;text-align:center;color:#4f46e5;flex-grow:0;align-self:stretch;margin:0;font-family:Noto Sans JP,sans-serif;font-size:20px;font-style:normal;font-weight:700;font-stretch:100%;line-height:normal}.create-banner p{letter-spacing:normal;text-align:center;color:#494850;flex-grow:0;align-self:stretch;margin:0;font-family:Noto Sans JP,sans-serif;font-size:16px;font-style:normal;font-weight:400;font-stretch:100%;line-height:1.5}.create-btn-white{color:#fcfcfc;cursor:pointer;background:#4f46e5;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:fit-content;height:44px;padding:0 24px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.create-btn-white:hover{background-color:#f4f4f7;transform:translateY(-1px)}.create-btn-icon{width:19px;height:19px;display:block}.minimalist-mode-container{background-color:var(--bg-color);flex-direction:column;align-items:center;width:100vw;height:auto;min-height:100vh;margin:0;padding:40px 0 100px;display:flex;position:absolute;top:0;left:0;overflow-y:visible}.minimalist-mode-container .main-content{justify-content:center;width:100%;display:flex}.flashcards-mode-view{flex-direction:column;align-items:center;gap:60px;width:100%;max-width:1200px;padding:40px;display:flex}.flashcards-mode-header{justify-content:space-between;align-items:center;width:100%;display:flex}.close-deck-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .2s;display:flex}.close-deck-btn:hover{opacity:.7}.close-deck-btn img{filter:brightness(0)saturate()invert(26%)sepia(89%)saturate(5943%)hue-rotate(238deg)brightness(92%)contrast(98%);width:24px;height:24px}.flashcards-header-actions{align-items:center;gap:32px;display:flex}.text-link-btn{letter-spacing:normal;text-align:left;color:#2f2f3b;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-family:Noto Sans JP,sans-serif;font-size:14px;font-style:normal;font-weight:700;font-stretch:100%;line-height:normal;text-decoration:none;transition:opacity .2s;display:flex}.link-icon{width:24px;height:24px}.back-btn .link-icon,.start-over-btn .link-icon{filter:brightness(0)saturate()invert(26%)sepia(89%)saturate(5943%)hue-rotate(238deg)brightness(92%)contrast(98%)}.text-link-btn:hover:not(:disabled){opacity:.7}.shuffle-toggle{align-items:center;gap:12px;display:flex}.shuffle-label{color:#494850;font-size:16px;font-weight:500}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ededf0;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:#4f46e5}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.flashcards-main-container{justify-content:center;align-items:center;gap:80px;width:100%;display:flex}.nav-arrow-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:8px;transition:transform .2s;display:flex}.nav-arrow-btn:hover{transform:scale(1.1)}.nav-arrow-btn img{opacity:.4;width:32px;height:32px}.nav-arrow-btn:hover img{opacity:1}.flashcard-item{perspective:1000px;cursor:pointer;flex-grow:0;width:800px;height:410px}.card-content-wrapper{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.flashcard-item.flipped .card-content-wrapper{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;box-sizing:border-box;background-color:#fcfcfc;border:1px solid #4f46e5;border-radius:16px;flex-direction:column;justify-content:space-between;align-items:stretch;width:100%;height:100%;padding:28px 32px 32px;display:flex;position:absolute;box-shadow:0 6px 8px #ededf080}.card-front-face{flex-direction:column;flex-grow:1;justify-content:center;align-self:stretch;align-items:center;gap:16px;padding:0;display:flex}.card-back-face{text-align:left;flex-direction:column;flex-grow:1;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:24px;padding:40px;display:flex;transform:rotateY(180deg)}.card-back-section{flex-direction:column;flex-grow:0;justify-content:flex-start;align-self:stretch;align-items:flex-start;gap:12px;height:auto;padding:0;display:flex}.section-label{letter-spacing:1.8px;text-align:left;color:#4f46e5;text-transform:uppercase;flex-grow:0;width:auto;min-width:67px;height:14px;font-family:Noto Sans JP,sans-serif;font-size:12px;font-style:normal;font-weight:700;font-stretch:100%;line-height:normal}.card-meaning-display{letter-spacing:normal;text-align:left;color:#494850;flex-grow:0;align-self:stretch;height:auto;margin:0;font-family:Noto Sans JP,sans-serif;font-size:16px;font-style:normal;font-weight:500;font-stretch:100%;line-height:normal}.card-detail,.card-example-display{letter-spacing:normal;text-align:left;color:#494850;flex-grow:0;align-self:stretch;height:auto;margin:0;font-family:Noto Sans JP,sans-serif;font-size:16px;font-style:normal;font-weight:500;font-stretch:100%;line-height:1.2}.card-state-badge{border-radius:20px;padding:6px 16px;font-size:14px;font-weight:700;position:absolute;top:24px;right:24px}.card-state-badge.learnt{color:#297a39;background-color:#d2edd7}.card-state-badge.review{color:#be7b10;background-color:#fff0c4}.card-word-type{letter-spacing:1.8px;text-align:center;color:#4f46e5;text-transform:uppercase;flex-grow:0;width:auto;min-width:43px;height:14px;margin-bottom:4px;font-family:Noto Sans JP,sans-serif;font-size:12px;font-style:normal;font-weight:700;font-stretch:100%;line-height:normal}.card-kanji-display{letter-spacing:normal;text-align:center;color:#060543;white-space:nowrap;flex-grow:0;justify-content:center;align-items:center;width:auto;height:auto;min-height:77px;font-family:Noto Sans JP,sans-serif;font-size:64px;font-style:normal;font-weight:700;font-stretch:100%;line-height:normal;display:flex}.card-kana-display{letter-spacing:normal;text-align:center;color:#494850;flex-grow:0;justify-content:center;align-items:center;width:auto;min-width:48px;height:19px;font-family:Noto Sans JP,sans-serif;font-size:16px;font-style:normal;font-weight:500;font-stretch:100%;line-height:normal;display:flex}.flashcard-state-actions{gap:24px;display:flex}.state-btn{letter-spacing:normal;text-align:center;cursor:pointer;border:none;justify-content:center;align-items:center;gap:12px;font-family:Noto Sans JP,sans-serif;font-size:16px;font-style:normal;font-weight:700;font-stretch:100%;line-height:normal;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.state-btn:hover:not(:disabled){transform:translateY(-2px)}.btn-icon{filter:brightness(0)invert();width:24px;height:24px}.state-btn.review{object-fit:contain;color:#92400e;width:200px;height:44px;box-shadow:none;min-width:unset;background-color:#fff0c4;border-radius:8px;flex-direction:row;flex-grow:0;justify-content:center;align-items:center;gap:8px;padding:12px 24px;display:flex}.state-btn.review .btn-icon{filter:brightness(0)saturate()invert(26%)sepia(85%)saturate(1210%)hue-rotate(20deg)brightness(95%)contrast(97%)}.state-btn.review:hover:not(:disabled){background-color:#ffe8a3;transform:translateY(-1px)}.state-btn.learnt{object-fit:contain;color:#065f46;width:200px;height:44px;box-shadow:none;min-width:unset;background-color:#d2edd7;border-radius:8px;flex-direction:row;flex-grow:0;justify-content:center;align-items:center;gap:8px;padding:12px 24px;display:flex}.state-btn.learnt .btn-icon{filter:brightness(0)saturate()invert(26%)sepia(94%)saturate(444%)hue-rotate(114deg)brightness(94%)contrast(97%)}.state-btn.learnt:hover:not(:disabled){background-color:#c1e4c8;transform:translateY(-1px)}.state-btn:active:not(:disabled){transform:translateY(0)}.card-state-badge.pop{animation:.4s cubic-bezier(.175,.885,.32,1.275) pop}@keyframes pop{0%{transform:scale(.8)}50%{transform:scale(1.2)}to{transform:scale(1)}}.nav-arrow-btn:disabled,.text-link-btn:disabled,.state-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.congrats-actions button{width:200px}.sensei-ai-view{flex-direction:column;align-items:center;gap:40px;width:100%;max-width:800px;display:flex}.sensei-ai-header{justify-content:flex-start;width:100%;display:flex}.create-ai-page,.review-deck-page{text-align:left;width:100%}.create-ai-page h2,.review-deck-page h2{color:#060543;margin:0 0 24px;font-size:32px;font-weight:800}.prompt-container{flex-direction:column;gap:20px;margin-top:40px;display:flex}.field-label{letter-spacing:1.8px;text-align:left;color:#060543;text-transform:uppercase;flex-grow:0;align-self:stretch;font-family:Noto Sans JP,sans-serif;font-size:12px;font-style:normal;font-weight:700;font-stretch:100%;line-height:normal}.sentence-input textarea{box-sizing:border-box;object-fit:contain;resize:none;border:1px solid #ededf0;border-radius:8px;flex-direction:column;flex-grow:0;justify-content:flex-start;align-items:stretch;gap:12px;width:100%;height:146px;padding:16px;font-family:inherit;font-size:16px;display:flex}.generate-btn,.primary-btn{background:var(--primary);color:#fff;border-radius:var(--radius);cursor:pointer;border:none;padding:15px;font-size:18px;font-weight:700}.delete-btn{color:#fff;border-radius:var(--radius);cursor:pointer;background:#ef4444;border:none;padding:15px;font-size:18px;font-weight:700;transition:all .2s}.delete-btn:hover{transform:translateY(-1px);background-color:#ffd9d9!important}.word-pills{flex-wrap:wrap;gap:10px;margin:20px 0;display:flex}.word-pill{border:1px solid var(--border-color);background:#fff;border-radius:20px;align-items:center;gap:10px;padding:8px 16px;display:flex}.remove-word{color:#8f8e96;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.remove-word:hover{color:#ef4444}.mastery-practice-page-container{padding-top:40px;padding-bottom:80px}.mastery-practice-title-row{margin-bottom:32px}.mastery-title:before{background-image:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.15%201.35003L14.15%205.35003C14.05%205.45003%2014%205.57003%2014%205.71003V13.88C14%2014.31%2014.51%2014.54%2014.83%2014.25L18.83%2010.65C18.8837%2010.6046%2018.9268%2010.5479%2018.9562%2010.4839C18.9856%2010.42%2019.0005%2010.3504%2019%2010.28V1.71003C19.0006%201.61132%2018.9719%201.51464%2018.9176%201.43218C18.8634%201.34973%2018.7859%201.28518%2018.695%201.24668C18.6041%201.20819%2018.5038%201.19746%2018.4069%201.21585C18.3099%201.23424%2018.2205%201.28093%2018.15%201.35003ZM22.47%205.20003C22%204.96003%2021.51%204.76003%2021%204.59003V16.62C19.86%2016.21%2018.69%2016%2017.5%2016C15.6%2016%2013.72%2016.54%2012%2017.58V5.48003C10.38%204.55003%208.51%204.00003%206.5%204.00003C4.71%204.00003%203.02%204.44003%201.53%205.20003C1.2%205.36003%201%205.71003%201%206.08003V18.16C1%2018.92%201.81%2019.39%202.48%2019.03C3.69%2018.4%205.05%2018%206.5%2018C8.57%2018%2010.48%2018.82%2012%2020C13.52%2018.82%2015.43%2018%2017.5%2018C18.95%2018%2020.31%2018.4%2021.52%2019.04C22.19%2019.4%2023%2018.93%2023%2018.17V6.08003C23%205.71003%2022.8%205.36003%2022.47%205.20003Z'%20fill='black'/%3e%3c/svg%3e")}.page-subtitle{color:#8f8e96;margin:8px 0 0 64px;font-size:16px;font-weight:500}.mastery-practice-page{box-sizing:border-box;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:24px;width:100%;margin-top:24px;padding:0;display:flex}.sidebar-title{letter-spacing:2.1px;text-align:left;color:#060543;text-transform:uppercase;flex-grow:0;width:auto;min-width:91px;height:17px;margin:0;font-family:Noto Sans JP,sans-serif;font-size:14px;font-style:normal;font-weight:700;font-stretch:100%;line-height:normal}.learnt-words-sidebar{box-sizing:border-box;background-color:#f4f4f7;border:1px solid #ededf0;border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:flex-start;gap:16px;width:350px;min-height:506px;padding:24px;display:flex}.word-list{width:100%;margin:0;padding:0;list-style:none}.word-item{box-sizing:border-box;object-fit:contain;cursor:pointer;background-color:#fcfcfc;border:1px solid #ededf0;border-radius:12px;flex-direction:row;flex-grow:0;justify-content:flex-start;align-items:flex-end;gap:32px;width:100%;height:131px;margin-bottom:16px;padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;box-shadow:0 6px 8px #ededf080}.word-item:hover{border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 8px 12px #dddddf}.word-item.active{background-color:#fcfcfc;border:1px solid #4f46e5}.word-item-content{flex-direction:column;flex-grow:1;justify-content:flex-start;align-items:stretch;gap:4px;height:auto;min-height:83px;padding:0;display:flex}.word-item-meaning{letter-spacing:normal;text-align:left;color:#151283;white-space:nowrap;text-overflow:ellipsis;flex-grow:0;width:207px;height:auto;min-height:19px;font-family:Noto Sans JP,sans-serif;font-size:16px;font-style:normal;font-weight:400;font-stretch:100%;line-height:normal;overflow:hidden}.word-item-main-row{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.word-item-main{letter-spacing:normal;text-align:left;color:#4f46e5;flex-grow:0;align-self:stretch;height:34px;font-family:Noto Sans JP,sans-serif;font-size:28px;font-style:normal;font-weight:700;font-stretch:100%;line-height:normal}.word-item-reading{letter-spacing:normal;text-align:left;color:#8f8e96;flex-grow:0;width:auto;min-width:48px;height:19px;font-family:Noto Sans JP,sans-serif;font-size:16px;font-style:normal;font-weight:500;font-stretch:100%;line-height:normal}.word-item-used-badge{background-color:#ecfdf5;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex;position:absolute;top:24px;right:24px}.word-item-used-badge img{filter:brightness(0)saturate()invert(48%)sepia(79%)saturate(481%)hue-rotate(114deg)brightness(91%)contrast(92%);width:16px;height:16px}.practice-column{flex-direction:column;flex:1;gap:24px;min-width:0;display:flex}.practice-area{box-sizing:border-box;background-color:#fcfcfc;border:1px solid #ededf0;border-radius:12px;flex-direction:column;flex-grow:0;justify-content:flex-start;align-items:stretch;gap:32px;width:100%;height:auto;padding:40px 32px;display:flex;box-shadow:0 6px 8px #ededf080}.writing-section{flex-direction:column;gap:32px;width:100%;display:flex}.practice-header-row{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:16px;width:100%;display:flex}.selected-word-info{box-sizing:border-box;background-color:#fcfcfc;border:1px solid #ededf0;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:8px;width:100%;padding:16px;display:flex}.selected-word-info .word-item-meaning{white-space:normal;text-overflow:clip;width:100%;height:auto;overflow:visible}.selected-word-main-row{flex-direction:row;flex-grow:0;justify-content:flex-start;align-self:stretch;align-items:center;gap:12px;height:34px;padding:0;display:flex}.assist-btn{box-sizing:border-box;object-fit:contain;cursor:pointer;white-space:nowrap;background-color:#f4f4f7;border:none;border-radius:6px;flex-direction:row;flex-grow:0;justify-content:center;align-items:center;gap:8px;width:242px;height:44px;padding:13px 48px 12px;transition:all .2s;display:flex}.assist-btn span{letter-spacing:normal;text-align:center;color:#060543;flex-grow:0;width:auto;min-width:119px;height:19px;font-family:Noto Sans JP,sans-serif;font-size:16px;font-style:normal;font-weight:700;font-stretch:100%;line-height:normal}.btn-icon-right{filter:brightness(0)saturate()invert(5%)sepia(21%)saturate(7114%)hue-rotate(228deg)brightness(92%)contrast(108%);flex-grow:0;width:19px;height:19px}.assist-btn:hover{background-color:#eaeaee}.sentence-input{flex-direction:column;gap:16px;width:100%;display:flex}.action-row{gap:16px;width:100%;display:flex}.submit-btn{box-sizing:border-box;object-fit:contain;color:#fff;cursor:pointer;background-color:#060543;border:none;border-radius:8px;flex-direction:row;flex-grow:0;justify-content:center;align-items:center;gap:8px;width:248px;height:44px;padding:13px 48px 12px;font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:700;transition:all .2s;display:flex}.submit-btn:hover{background-color:#0a095a;transform:translateY(-1px)}.congrats-mastery-btn{background-color:#060543;transition:all .2s}.congrats-mastery-btn:hover{background-color:#0a095a;transform:translateY(-1px)}.modal-primary-btn{transition:all .2s}.modal-primary-btn:hover{transform:translateY(-1px);background-color:#0a095a!important}.modal-secondary-btn{transition:all .2s}.modal-secondary-btn:hover{transform:translateY(-1px);background-color:#ededf0!important}.modal-delete-btn{transition:all .2s}.modal-delete-btn:hover{transform:translateY(-1px);background-color:#ffd9d9!important}.add-word-btn{transition:all .2s}.add-word-btn:hover{transform:translateY(-1px);background-color:#f4f4f7!important}.cancel-word-btn{transition:all .2s}.cancel-word-btn:hover{transform:translateY(-1px);background-color:#ededf0!important}.practice-feedback-container{box-sizing:border-box;background-color:#ededf080;border:1px solid #ededf0;border-radius:12px;flex-direction:column;flex-grow:0;align-self:stretch;align-items:stretch;gap:32px;height:auto;padding:24px;display:flex;box-shadow:0 6px 8px #ededf080}.section-title{color:#060543;flex-direction:row;flex-grow:0;justify-content:flex-start;align-self:stretch;align-items:center;gap:8px;height:24px;padding:0;font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:700;display:flex}.section-icon{filter:brightness(0)saturate()invert(5%)sepia(21%)saturate(7114%)hue-rotate(228deg)brightness(92%)contrast(108%);width:20px;height:20px}.history-list{flex-direction:column;gap:12px;display:flex}.history-item{background:#fcfcfc;border:1px solid #ededf0;border-radius:12px;flex-direction:column;gap:12px;padding:24px;display:flex}.history-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.history-text-content{flex-direction:column;gap:4px;display:flex}.h-sentence{color:#060543;font-family:Noto Sans JP,sans-serif;font-size:16px;font-weight:600}.h-date{color:#8f8e96;font-family:Noto Sans JP,sans-serif;font-size:12px}.remove-s{color:#8f8e96;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px;line-height:1}.remove-s:hover{color:#ef4444}.h-feedback{border-top:1px solid #ededf0;padding-top:12px}.h-feedback summary{color:#4f46e5;cursor:pointer;font-family:Noto Sans JP,sans-serif;font-size:14px;font-weight:700;list-style:none}.h-feedback summary::-webkit-details-marker{display:none}.h-feedback .feedback-content{color:#494850;white-space:pre-wrap;margin-top:12px;font-family:Noto Sans JP,sans-serif;font-size:14px;line-height:1.6}.suggestions-list{flex-direction:column;gap:12px;display:flex}.suggestion-card{cursor:pointer;box-sizing:border-box;background-color:#fcfcfc;border:1px solid #ededf0;border-radius:12px;flex-direction:column;flex-grow:0;justify-content:flex-start;align-self:stretch;align-items:stretch;gap:12px;height:auto;margin-bottom:0;padding:24px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.suggestion-card:hover{border-color:#4f46e5;transform:translateY(-2px);box-shadow:0 8px 12px #dddddf}.suggestion-card.active{background-color:#fcfcfc;border:1px solid #4f46e5}.congratulations-container{justify-content:center;align-items:center;min-height:400px;display:flex}.congratulations-card{box-shadow:var(--shadow);text-align:center;background:#fff;border-radius:20px;max-width:500px;padding:40px}.congrats-actions{flex-direction:column;gap:10px;margin-top:30px;display:flex}.congrats-actions button{cursor:pointer;border-radius:12px;padding:12px;font-weight:700}.accent-btn{background:var(--learnt-color);color:#fff;border:none}.toast-notification{color:#fff;z-index:2000;background:#333;border-radius:8px;padding:12px 24px;animation:.3s ease-out slideUp;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.save-deck-btn{width:200px}.modal-overlay{z-index:3000;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.confirmation-modal{animation:.3s ease-out modalPop}@keyframes modalPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;bottom:0}to{opacity:1;bottom:30px}}.feedback-bubble{border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:12px;margin:0;padding:24px;display:flex}.feedback-bubble.success{background:0 0;border:none;gap:32px;padding:0}.feedback-bubble.warning{background:#fffbeb;border-color:#fef3c7}.feedback-header{flex-direction:column;gap:12px;height:auto;display:flex}.feedback-comment{letter-spacing:normal;text-align:left;color:#151283;flex-grow:0;align-self:stretch;height:auto;font-family:Noto Sans JP,sans-serif;font-size:14px;font-style:normal;font-weight:400;font-stretch:100%;line-height:normal}.feedback-section{flex-direction:column;flex-grow:0;justify-content:flex-start;align-self:stretch;align-items:stretch;gap:12px;height:auto;min-height:91px;padding:0;display:flex}.feedback-label{letter-spacing:1.8px;text-align:left;color:#060543;flex-grow:0;align-self:stretch;height:14px;font-family:Noto Sans JP,sans-serif;font-size:12px;font-style:normal;font-weight:700;font-stretch:100%;line-height:normal}.feedback-content-bubble{box-sizing:border-box;letter-spacing:normal;text-align:left;color:#060543;white-space:pre-wrap;background-color:#fcfcfc;border:1px solid #ededf0;border-radius:12px;flex-direction:column;flex-grow:0;justify-content:flex-start;align-self:stretch;align-items:stretch;gap:12px;height:auto;min-height:60px;padding:24px;font-family:Noto Sans JP,sans-serif;font-size:14px;font-style:normal;font-weight:400;font-stretch:100%;line-height:1.6;display:flex}.feedback-bubble strong{color:var(--primary);margin-bottom:8px;display:block}.mobile-bottom-nav,.mobile-nav-container{display:none}@media (width<=768px){.section-selector,.create-banner{display:none}.mobile-nav-container{z-index:1000;pointer-events:none;display:block;position:fixed;bottom:0;left:0;right:0}.mobile-create-fab{cursor:pointer;pointer-events:auto;z-index:1001;background-color:#dbdafb;border:none;border-radius:28px;justify-content:center;align-items:center;width:56px;height:56px;padding:0;display:flex;position:fixed;bottom:96px;right:24px;box-shadow:0 4px 12px #0000001a}.mobile-create-icon{filter:brightness(0)saturate()invert(26%)sepia(89%)saturate(5943%)hue-rotate(238deg)brightness(92%)contrast(98%);width:24px;height:24px}.mobile-bottom-nav{box-sizing:border-box;pointer-events:auto;z-index:1000;background-color:#fcfcfc;border-top:1px solid #ededf0;flex-direction:row;justify-content:center;align-items:center;gap:10px;height:80px;padding:12px 48px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 8px #ededf080}.minimalist-mode-container{padding:24px 0 0!important}.mobile-nav-item{color:#7d7c87;cursor:pointer;background:0 0;border:none;flex-direction:row;align-items:center;gap:8px;padding:8px 16px;font-size:16px;font-weight:700;transition:all .2s;display:flex}.mobile-nav-item.active{color:#4f46e5}.mobile-nav-icon{filter:invert(53%)sepia(6%)saturate(541%)hue-rotate(205deg)brightness(91%)contrast(87%);width:24px;height:24px}.mobile-nav-item.active .mobile-nav-icon{filter:brightness(0)saturate()invert(26%)sepia(89%)saturate(5943%)hue-rotate(238deg)brightness(92%)contrast(98%)}.app-header,.main-content{padding-bottom:120px!important;padding-left:24px!important;padding-right:24px!important}.minimalist-mode-container .main-content{padding-left:12px!important;padding-right:12px!important}.level-selection-header{margin:0!important;padding:32px 0 0!important}.logo-full{display:none!important}.logo-mobile{width:auto;height:32px;display:block}.level-selection-main-heading{font-size:24px}.app-header{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;height:auto;padding:16px 24px!important}.select-level-btn{width:auto;padding:8px 12px;font-size:13px}.page-title-row{gap:16px;height:auto;margin-top:16px;margin-bottom:8px;padding-top:0;padding-bottom:0}.page-title-text{font-size:20px}.page-subtitle-text{font-size:14px}.level-selector-large{flex-wrap:wrap;gap:12px}.level-btn-large{width:56px;height:56px;font-size:16px}.study-decks-page{padding-top:24px}.study-decks-title-row{flex-direction:column;gap:24px;margin-bottom:0;align-items:flex-start!important}.decks-filter{-webkit-overflow-scrolling:touch;width:100%;padding-bottom:16px;overflow-x:auto}.study-decks-content,.decks-grid{grid-template-columns:1fr}.deck-card{padding:32px 32px 32px 28px}.deck-header{margin-bottom:0}.deck-card-info{margin-bottom:24px}.deck-name{font-size:24px}.create-banner{text-align:left;flex-direction:row;align-items:flex-start;gap:16px;padding:24px 20px}.banner-icon-container{margin-top:4px;margin-bottom:0}.create-banner h3{text-align:left;font-size:16px}.create-banner p{text-align:left;font-size:14px}.banner-text-content{flex-direction:column;flex:1;gap:4px;display:flex}.create-btn-white{box-sizing:border-box;width:100%}.flashcards-mode-view{box-sizing:border-box;flex-direction:column;gap:8px;height:calc(100vh - 24px);display:flex;overflow:hidden;padding:0 8px!important}.flashcards-mode-header{box-sizing:border-box;flex-direction:column;flex-shrink:0;align-items:flex-start;gap:16px;width:100%;padding:16px;display:flex}.flashcards-header-actions{justify-content:space-between;align-items:center;width:100%;display:flex}.flashcards-main-container{flex:1;align-items:center;gap:0;margin:0;display:flex}.nav-arrow-btn{flex-shrink:0;padding:2px}.nav-arrow-btn.left{margin-right:12px}.nav-arrow-btn.right{margin-left:12px}.flashcard-item{flex:1;width:100%;min-width:0;max-width:100%;height:min(400px,55vh)}.card-kanji-display{overflow-wrap:break-word;word-break:break-all;text-align:center;width:100%;font-size:min(40px,10vw)}.card-kana-display{overflow-wrap:break-word;word-break:break-all;text-align:center;width:100%}.card-back-face{flex-direction:column;justify-content:center;display:flex;padding:24px!important}.card-state-badge{position:absolute!important}.flashcard-state-actions{box-sizing:border-box;flex-shrink:0;justify-content:center;gap:16px;width:100%;margin-top:16px;padding:0 24px 16px;display:flex}.state-btn.review,.state-btn.learnt{flex:1;width:auto;padding:12px 32px;font-size:0}.state-btn.review .btn-icon,.state-btn.learnt .btn-icon{width:24px;height:24px;margin:0}.state-buttons{justify-content:space-between;width:100%}.mastery-practice-content{padding:20px 0}.mastery-practice-main{flex-direction:column}.mastery-practice-page-container{padding-top:24px}.mastery-practice-page{box-sizing:border-box;flex-direction:column;width:100%;padding-top:0}.learnt-words-sidebar{box-sizing:border-box;width:100%;min-height:auto}.practice-column{box-sizing:border-box;flex-direction:column;flex:1;gap:16px;width:100%;min-width:0;display:flex}.practice-area{gap:24px;padding:24px}.writing-section{padding:0}.assist-btn,.submit-btn{width:100%}.action-row{flex-direction:column}.app-footer{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;width:100%;height:auto;padding:16px 24px;display:flex}.copyright{font-size:12px}.app-footer-outer{display:none}.level-selection-page .app-footer-outer{display:block}.review-actions{flex-direction:column!important;gap:12px!important}.save-deck-btn,.review-actions .delete-btn{width:100%!important;margin:0!important}.confirmation-modal{width:90vw!important;height:auto!important}.modal-button-container{flex-direction:column!important;width:100%!important}.modal-button-container button{width:100%!important;min-width:unset!important;margin:0!important}.card-form-actions{flex-direction:column!important;width:100%!important}.card-form-actions button{width:100%!important;min-width:unset!important;margin:0!important}.card-form-grid{grid-template-columns:1fr!important}.congrats-actions{flex-direction:column!important;width:100%!important}.congrats-actions button{width:100%!important;margin:0!important}.sensei-ai-view{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding-left:12px!important;padding-right:12px!important}}