:root{
 --bg:#fff;--ink:#111;--sub:#7d7d82;--line:#ececf0;
 --red:#ff6f7d;--red2:#ffb4bd;--blue:#5c9cff;--blue2:#b9d5ff;--green:#59ca78;--green2:#bdebc9;
 --glass:rgba(255,255,255,.46);--glass-strong:rgba(255,255,255,.68);
 --shadow:0 10px 30px rgba(31,31,35,.10);--app:430px;
}
*{box-sizing:border-box}html{background:#fff;color-scheme:light}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue","Noto Sans JP","Hiragino Sans","Yu Gothic",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}.app-body{min-height:100vh;background:#fff}.app-shell{width:100%;max-width:var(--app);min-height:100vh;margin:0 auto;background:#fff;position:relative;padding-bottom:92px}
button,input{font:inherit}
.liquid-glass{position:relative;isolation:isolate;background:linear-gradient(135deg,rgba(255,255,255,.72),rgba(255,255,255,.28));border:1px solid rgba(255,255,255,.92);box-shadow:0 7px 24px rgba(18,18,22,.12),inset 0 1px 1px rgba(255,255,255,.96),inset 0 -1px 1px rgba(255,255,255,.36);backdrop-filter:blur(24px) saturate(190%) contrast(104%);-webkit-backdrop-filter:blur(24px) saturate(190%) contrast(104%);overflow:hidden}
.liquid-glass:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 85% at 18% -18%,rgba(255,255,255,.95),transparent 43%),radial-gradient(90% 75% at 100% 110%,rgba(255,255,255,.48),transparent 55%),linear-gradient(115deg,rgba(255,255,255,.38),transparent 32%,rgba(255,255,255,.10) 64%,rgba(255,255,255,.34));mix-blend-mode:screen}
.app-topbar{height:62px;padding:10px 14px 8px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.82);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.topbar-side{display:flex;gap:7px;align-items:center}.topbar-right{justify-content:flex-end}.app-mark,.glass-circle{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(220,220,224,.75);background:rgba(247,247,249,.76);box-shadow:inset 0 1px 0 #fff,0 3px 10px rgba(30,30,35,.06);text-decoration:none;color:#111;font-size:1.2rem;font-weight:800}
.app-mark{background:#ffcf3d;border-color:#eabb24;font-size:.95rem}.glass-circle{cursor:pointer}.glass-title{min-width:104px;height:34px;padding:0 16px;border-radius:18px;display:grid;place-items:center;font-size:.84rem;font-weight:800}
.library-screen{padding:2px 14px 14px}.explore-heading{text-align:center;padding:10px 0 12px}.books-glyph{height:34px;display:flex;justify-content:center;align-items:end;gap:0}.books-glyph span{display:block;font-size:1.34rem;font-weight:900;transform-origin:bottom}.books-glyph span:first-child{transform:rotate(-13deg) translateX(3px)}.books-glyph span:last-child{transform:rotate(13deg) translateX(-3px)}.explore-heading h1{font-size:1.38rem;margin:2px 0 0;letter-spacing:-.035em}.explore-heading p{font-size:.68rem;color:#8b8b90;margin:1px 0 0}
.library-cards{display:grid;gap:9px}.library-card{position:relative;display:block;height:114px;border-radius:20px;padding:11px 12px;overflow:hidden;text-decoration:none;border:1px solid rgba(0,0,0,.06);box-shadow:0 5px 14px rgba(25,25,30,.055)}
.card-kanji{background:linear-gradient(110deg,#fff0f2 0%,#fff8f8 46%,#ffd8dc 100%);border-color:#ff9da7}.card-vocab{background:linear-gradient(110deg,#eef6ff 0%,#f8fbff 46%,#d6e6ff 100%);border-color:#8fbbff}.card-kana{background:linear-gradient(110deg,#edfff1 0%,#f9fffb 46%,#d8f5df 100%);border-color:#91d8a4}
.card-copy{position:relative;z-index:2}.card-copy h2{font-size:.98rem;margin:0;font-weight:850;letter-spacing:-.02em}.card-copy p{font-size:.61rem;margin:0;color:#5f5f64;font-weight:650}.card-watermark{position:absolute;right:12px;top:4px;font-size:2rem;font-weight:900;opacity:.20;letter-spacing:.03em}.card-kanji .card-watermark{color:#ff6f7d}.card-vocab .card-watermark{color:#5c9cff}.card-kana .card-watermark{color:#45b968}
.card-pill{position:absolute;left:12px;right:12px;bottom:10px;height:28px;border-radius:16px;display:flex;align-items:center;gap:7px;padding:0 10px;font-size:.65rem;font-weight:850}.card-pill b{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:.62rem}.card-pill small{margin-left:auto;font-size:.52rem;font-weight:700;opacity:.72}.card-kanji .card-pill{color:#d85060}.card-kanji .card-pill b{background:#ef6875}.card-vocab .card-pill{color:#367de9}.card-vocab .card-pill b{background:#5793ef}
.kana-pills{position:absolute;left:12px;right:12px;bottom:10px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.kana-pills .card-pill{position:relative;left:auto;right:auto;bottom:auto;height:28px;color:#3a9b55}.kana-pills .card-pill b{background:#57bf72}.kana-pills .card-pill span{white-space:nowrap}
.library-actions{margin:20px 2px 0}.library-actions a{height:43px;display:grid;grid-template-columns:30px 1fr 16px;align-items:center;border-bottom:1px solid var(--line);text-decoration:none;font-size:.76rem}.row-icon{font-size:.9rem}.library-actions b{font-weight:760}.library-actions i{font-style:normal;color:#8a8a8f;font-size:1.1rem}
.app-tabbar{position:fixed;z-index:70;bottom:max(9px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(calc(100% - 28px),402px);height:62px;border-radius:22px;display:grid;grid-template-columns:repeat(4,1fr);padding:5px 6px}.app-tabbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:16px;text-decoration:none;color:#66666b;font-size:.55rem;font-weight:690}.app-tabbar a[aria-current=page]{color:#3789e9;background:rgba(255,255,255,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.75)}.tab-icon{font-size:1.05rem;line-height:1}
.list-screen,.kanji-screen,.settings-screen{padding:8px 14px 24px}.inline-search{height:36px;border-radius:11px;background:#f1f1f3;display:flex;align-items:center;gap:7px;padding:0 11px;color:#8b8b90;margin:4px 0 14px}.inline-search input{border:0;outline:0;background:transparent;width:100%;font-size:.78rem;color:#111}.list-group h2,.settings-group h2{font-size:.72rem;color:#8b8b90;font-weight:700;margin:14px 8px 5px}.ios-row,.setting-row{min-height:48px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;text-decoration:none;padding:7px 6px}.ios-row b,.setting-row b{display:block;font-size:.78rem}.ios-row small,.setting-row small{display:block;color:#8b8b90;font-size:.62rem;margin-top:1px}.phase-note{font-size:.65rem;line-height:1.45;color:#8b8b90;margin:18px 8px}.setting-row input{accent-color:#34c759}.setting-row i{font-style:normal;color:#aaa}
.kana-body .app-shell{padding-bottom:82px}.kana-screen{padding:4px 14px 90px}.kana-title{padding:4px 0 14px}.kana-title span{font-size:.64rem;color:#8b8b90}.kana-title h1{font-size:1.18rem;margin:0;letter-spacing:-.025em}.kana-group{margin:0 0 20px}.kana-group h2{font-size:.95rem;margin:0;letter-spacing:-.025em}.kana-group p{font-size:.58rem;margin:1px 0 8px;color:#8b8b90}.kana-grid{display:grid;grid-template-columns:repeat(5,1fr);column-gap:1px;row-gap:2px}.kana-cell,.kana-gap{height:49px;border:0;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:9px}.kana-cell:active{background:#f4f4f6}.kana-cell span{font-size:1.23rem;font-weight:720;line-height:1}.kana-cell small{font-size:.48rem;color:#8b8b90;margin-top:3px}.kana-switch{position:fixed;z-index:65;left:50%;transform:translateX(-50%);bottom:max(12px,env(safe-area-inset-bottom));width:min(calc(100% - 28px),402px);height:48px;border-radius:20px;display:grid;grid-template-columns:1fr 1fr;padding:5px}.kana-switch a{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:15px;text-decoration:none;color:#48945c;font-size:.7rem;font-weight:800}.kana-switch a[aria-current=page]{background:rgba(96,207,123,.80);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.58)}.kana-switch b{font-size:.82rem}
.kanji-group{margin-top:4px}.group-heading{display:flex;align-items:baseline;justify-content:space-between;margin:0 2px 5px}.group-heading h2{font-size:.95rem;margin:0}.group-heading span{font-size:.6rem;color:#8b8b90}.kanji-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.kanji-grid a{height:50px;border-radius:10px;display:grid;place-items:center;background:#f7f7f8;border:1px solid #efeff1;text-decoration:none;font-size:1.45rem;font-weight:750}.kanji-level-links{margin-top:18px}.kanji-level-links a{height:49px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 14px;align-items:center;text-decoration:none}.kanji-level-links b{font-size:.78rem}.kanji-level-links span{font-size:.61rem;color:#8b8b90;margin-right:8px}.kanji-level-links i{font-style:normal;color:#aaa}
.empty-screen{min-height:calc(100vh - 155px);padding:40px 38px 80px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-screen h1{font-size:1.02rem;margin:16px 0 5px}.empty-screen p{font-size:.68rem;color:#8b8b90;line-height:1.45;margin:0}.empty-chart{height:58px;display:flex;align-items:end;gap:5px}.empty-chart i{width:11px;border-radius:4px;background:#cfe2ff}.empty-chart i:nth-child(1){height:24px}.empty-chart i:nth-child(2){height:42px}.empty-chart i:nth-child(3){height:32px}.empty-chart i:nth-child(4){height:56px}
.course-screen{padding:10px 15px 100px}.course-heading{padding:5px 0 12px}.course-heading span{font-size:.62rem;color:#d7656a;font-weight:850;letter-spacing:.1em}.course-heading h1{font-size:1.45rem;margin:2px 0 0}.course-heading p{font-size:.68rem;color:#8b8b90;margin:0}.article{font-size:.78rem;line-height:1.58}.article h2{font-size:1.2rem;margin:1.65rem 0 .55rem}.article h3{font-size:1rem;margin:1.3rem 0 .45rem}.article h4{font-size:.88rem;margin:1.15rem 0 .4rem}.article p{margin:.58rem 0}.article ul{padding-left:1.2rem}.article li{margin:.25rem 0}.article hr{border:0;border-top:1px solid var(--line);margin:1.6rem 0}.article blockquote,.callout{background:#fff7f7;border:1px solid #f6dcdc;border-radius:12px;padding:10px 11px;margin:.8rem 0}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:12px;margin:.7rem 0}.article table{border-collapse:collapse;width:100%;background:#fff}.article td{border-bottom:1px solid var(--line);padding:8px 9px;min-width:90px}.article tr:first-child td{font-weight:800;background:#fafafa}.article details{border:1px solid var(--line);border-radius:12px;margin:.7rem 0;overflow:hidden}.article summary{padding:9px 10px;font-weight:800;background:#fafafa}.notion-red{color:#b65450}.notion-green{color:#4c795a}.notion-blue{color:#526f9f}.notion-purple{color:#775f95}.notion-yellow{background:#fff1b8}.notion-underline{text-decoration:underline}
@media(min-width:700px){body{background:#f3f3f5}.app-shell{box-shadow:0 0 40px rgba(20,20,25,.08)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.app-topbar-minimal{
  grid-template-columns:1fr 1fr auto;
  height:52px;
  padding-top:8px;
  padding-bottom:4px;
  background:#fff;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

/* Benkyo-like ambient kanji motion */
.library-screen{position:relative;isolation:isolate;overflow:hidden}
.library-screen>*:not(.library-ambient){position:relative;z-index:2}
.library-ambient{position:absolute;inset:16px 0 70px;z-index:0;pointer-events:none;overflow:hidden}
.library-ambient span{position:absolute;font-weight:850;color:#111;opacity:0;filter:blur(.2px);animation:pageKanji 12s ease-in-out infinite}
.library-ambient span:nth-child(1){left:5%;top:6%;font-size:2.3rem;animation-delay:-1s}
.library-ambient span:nth-child(2){right:4%;top:18%;font-size:2.9rem;animation-delay:-4s}
.library-ambient span:nth-child(3){left:2%;top:44%;font-size:2rem;animation-delay:-7s}
.library-ambient span:nth-child(4){right:2%;top:57%;font-size:2.5rem;animation-delay:-9s}
.library-ambient span:nth-child(5){left:7%;top:76%;font-size:2.25rem;animation-delay:-2.5s}
.library-ambient span:nth-child(6){right:7%;top:84%;font-size:2rem;animation-delay:-6s}
@keyframes pageKanji{
  0%,16%,100%{opacity:0;transform:translateY(8px) scale(.96)}
  28%,48%{opacity:.018;transform:translateY(0) scale(1)}
  62%{opacity:0;transform:translateY(-7px) scale(1.02)}
}

.library-card{isolation:isolate}
.card-copy,.card-pill,.kana-pills{z-index:3}
.card-ambient{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.card-ambient span{position:absolute;right:13px;top:4px;font-size:2.05rem;font-weight:900;line-height:1;opacity:0;filter:blur(.15px);animation:cardKanji 8.8s cubic-bezier(.4,0,.2,1) infinite}
.card-ambient span:nth-child(2){right:43px;top:18px;font-size:1.45rem;animation-delay:-2.2s}
.card-ambient span:nth-child(3){right:20px;top:45px;font-size:1.65rem;animation-delay:-4.4s}
.card-ambient span:nth-child(4){right:68px;top:42px;font-size:1.15rem;animation-delay:-6.6s}
.ambient-red span{color:#f05f70}
.ambient-blue span{color:#4b8ff4}
.ambient-green span{color:#48b767}
@keyframes cardKanji{
  0%,14%,100%{opacity:0;transform:translateY(5px) scale(.94)}
  25%,48%{opacity:.18;transform:translateY(0) scale(1)}
  58%,74%{opacity:.065;transform:translateY(-3px) scale(1.025)}
  84%{opacity:0;transform:translateY(-7px) scale(1.04)}
}

/* make the glass read more like iPhone Liquid Glass */
.liquid-glass{
  background:
    radial-gradient(130% 110% at 18% -28%,rgba(255,255,255,.96),transparent 38%),
    linear-gradient(145deg,rgba(255,255,255,.64),rgba(255,255,255,.23));
  border-color:rgba(255,255,255,.96);
  box-shadow:
    0 8px 26px rgba(24,24,28,.12),
    inset 0 1px 0 rgba(255,255,255,1),
    inset 0 -1px 0 rgba(255,255,255,.34),
    inset 1px 0 0 rgba(255,255,255,.52);
  backdrop-filter:blur(26px) saturate(205%) brightness(1.035);
  -webkit-backdrop-filter:blur(26px) saturate(205%) brightness(1.035);
}
.liquid-glass:after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(108deg,transparent 0 38%,rgba(255,255,255,.42) 46%,rgba(255,255,255,.09) 55%,transparent 64%);
  transform:translateX(-118%);
  animation:glassSweep 7.5s ease-in-out infinite;
  opacity:.55;
}
@keyframes glassSweep{
  0%,58%,100%{transform:translateX(-118%)}
  68%,78%{transform:translateX(118%)}
}

/* keep the three main cards visually dominant and screen-sized like the reference */
.library-cards{gap:8px}
.library-card{height:112px;border-radius:19px}
.library-screen{padding-bottom:8px}
.explore-heading{padding-top:8px;padding-bottom:10px}

@media(prefers-reduced-motion:reduce){
  .card-ambient span,.library-ambient span,.liquid-glass:after{animation:none!important}
  .card-ambient span:first-child{opacity:.14}
}

.course-library-row{margin:12px 2px 0;min-height:54px;display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:9px;padding:7px 8px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none}.course-library-row b{display:block;font-size:.76rem}.course-library-row small{display:block;font-size:.58rem;color:#8b8b90;margin-top:1px}.course-library-row i{font-style:normal;color:#aaa;font-size:1.1rem}.course-row-icon{font-size:.95rem}
.study-screen{padding:16px 14px 100px}.study-heading{text-align:center;padding:6px 0 18px}.study-symbol{width:40px;height:40px;margin:0 auto 5px;border-radius:13px;display:grid;place-items:center;background:#111;color:#fff;font-size:1rem;font-weight:800}.study-heading h1{font-size:1.35rem;margin:0}.study-heading p{font-size:.65rem;color:#8b8b90;margin:2px 0 0}
.study-feature{min-height:112px;padding:15px;border-radius:21px;background:linear-gradient(135deg,#f7f6ff,#eef4ff);border:1px solid #dfe6f7;display:grid;grid-template-columns:1fr 60px;align-items:center}.study-feature span{font-size:.52rem;color:#707b9a;font-weight:800;letter-spacing:.08em}.study-feature h2{font-size:1.22rem;margin:2px 0}.study-feature p{font-size:.61rem;line-height:1.35;color:#79797f;margin:0}.study-feature-mark{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:rgba(255,255,255,.72);box-shadow:0 8px 22px rgba(65,82,140,.12),inset 0 1px 0 #fff;color:#6f85d8;font-size:1.6rem}
.study-options{margin-top:13px;border-top:1px solid var(--line)}.study-option{width:100%;min-height:57px;border:0;border-bottom:1px solid var(--line);background:#fff;display:grid;grid-template-columns:38px 1fr 24px;gap:8px;align-items:center;text-align:left;padding:7px 4px}.study-option-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:800}.study-option-icon.green{background:#e9f9ee;color:#45a761}.study-option-icon.red{background:#fff0f1;color:#d95b66}.study-option b,.study-option small{display:block}.study-option b{font-size:.76rem}.study-option small{font-size:.58rem;color:#8b8b90;margin-top:1px}.study-option i{font-style:normal;color:#3c87ee;font-weight:900}
.start-quiz{width:100%;height:48px;margin-top:15px;border-radius:18px;border:1px solid rgba(255,255,255,.92);color:#2f78dc;display:flex;align-items:center;justify-content:center;gap:8px;font-size:.76rem}
.quiz-panel{margin-top:15px}.quiz-progress span{display:block;text-align:center;font-size:.58rem;color:#8b8b90;margin-bottom:5px}.quiz-progress>div{height:5px;background:#efeff2;border-radius:99px;overflow:hidden}.quiz-progress i{display:block;height:100%;width:0;background:#5d9df4;border-radius:99px;transition:width .2s}.quiz-card{width:100%;min-height:285px;margin-top:10px;border:1px solid var(--line);border-radius:25px;background:#fff;box-shadow:0 12px 30px rgba(30,30,35,.07);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.quiz-card small{font-size:.6rem;color:#8b8b90}.quiz-card strong{font-size:5rem;line-height:1.1;margin:26px 0}.quiz-card span{font-size:.62rem;color:#8b8b90}.quiz-card b{font-size:1.35rem}.quiz-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.quiz-actions button{height:44px;border:1px solid var(--line);border-radius:15px;background:#fff;font-weight:750}.quiz-actions button:last-child{background:#edf7f0;color:#3b9957;border-color:#d9efdf}


/* Reference proportions: white canvas, tinted cards, floating capsule navigation. */
[hidden]{display:none!important}
:root{--app:460px;--purple:#7562e8}
body{font-size:16px}.app-shell{padding-bottom:100px;min-height:100svh}.library-screen{padding:24px 16px 18px}.explore-heading{padding:10px 0 23px}.books-glyph{height:44px}.books-glyph svg{width:43px;height:43px}.explore-heading h1{font-size:1.4rem;margin-top:5px}.explore-heading p{font-size:.75rem;margin-top:3px;color:#737378}
.library-cards{gap:13px}.library-card{height:151px;border-radius:24px;padding:15px 13px;box-shadow:0 3px 5px #0000000b}.card-copy h2{font-size:1.3rem;letter-spacing:-.035em}.card-copy p{font-size:.75rem;margin-top:3px}.card-kanji .card-copy p{color:#b8485c}.card-vocab .card-copy p{color:#246baf}.card-kana .card-copy p{color:#317b42}.card-kanji{background:linear-gradient(110deg,#fff7f8,#fff1f3);border-color:#edbac4}.card-vocab{background:linear-gradient(110deg,#f7fcff,#eaf5ff);border-color:#bbdbef}.card-kana{background:linear-gradient(110deg,#f9fff9,#eef9ee);border-color:#bbdfbe}
.card-pill{left:auto;right:12px;bottom:12px;width:64%;height:41px;border-radius:24px;padding:0 12px;font-size:.85rem;gap:8px;box-shadow:0 3px 8px #00000012,inset 0 1px 2px #ffffffb0;border:1px solid #ffffff75;text-decoration:none}.card-pill b{background:transparent!important;font-size:1rem;width:22px}.card-pill small{font-size:.625rem;opacity:.8}.card-pill i{font-style:normal;opacity:.75;margin-left:auto}.card-kanji .card-pill{background:linear-gradient(110deg,#ff9caf,#fa607e);color:#fff}.card-vocab .card-pill{background:linear-gradient(110deg,#75cfff,#31a6ed);color:#fff}.kana-pills{left:12px;right:12px;bottom:12px;gap:8px}.kana-pills .card-pill{width:auto;height:41px;color:#fff;background:linear-gradient(110deg,#9cdda1,#62c673)}.kana-pills .card-pill span small{display:block;margin:0;font-size:.625rem;line-height:1}.card-ambient span{font-size:2.8rem;right:17px;top:17px}.card-ambient span:nth-child(2){font-size:2.1rem;right:54px;top:52px}.card-ambient span:nth-child(3){font-size:1.8rem;left:18px;top:94px}.card-ambient span:nth-child(4){font-size:1.2rem;left:65px;top:116px}.liquid-glass:after{animation:none;display:none}.course-library-row{margin:19px 0 0;padding:12px 6px;min-height:62px}.course-library-row b{font-size:.875rem}.course-library-row small{font-size:.75rem}.course-row-icon{font-size:1.35rem}
.app-tabbar{width:min(calc(100% - 28px),432px);height:66px;border-radius:36px;padding:5px 6px;background:rgba(248,248,250,.83);box-shadow:0 5px 25px #00000016,inset 0 1px 0 #fff}.app-tabbar a{border-radius:28px;font-size:.65rem;font-weight:600;gap:3px}.app-tabbar a[aria-current=page]{background:rgba(195,218,238,.46);color:#278ddb;box-shadow:none}.tab-icon svg{width:25px;height:25px;display:block}
.app-topbar{height:60px;background:#ffffffbc}.glass-title{box-shadow:none;border:0;background:transparent;font-size:.95rem}.glass-circle{width:40px;height:40px;font-size:1.6rem;font-weight:400;border-color:#f1f1f3;background:#ffffffb3}.kana-topbar-simple{grid-template-columns:44px 1fr 44px}.kana-page-label{font-size:1rem;font-weight:700}.kana-screen{padding:18px 19px 50px}.kana-group{margin-bottom:30px}.kana-group h2{font-size:1.15rem}.kana-group p{font-size:.75rem;color:#6196b5;margin:3px 0 14px}.kana-cell,.kana-gap{height:64px}.kana-cell{cursor:pointer}.kana-cell span{font-size:1.65rem;font-weight:650;line-height:1.3}.kana-cell small{font-size:.75rem;color:#7c7c80;margin-top:3px}.kana-grid-contracted{grid-template-columns:repeat(3,1fr)}.kana-grid-contracted .kana-cell{height:79px}.kana-grid-contracted .kana-cell span{font-size:1.6rem}.kana-switch{height:54px;width:min(calc(100% - 72px),310px);border-radius:30px;bottom:max(16px,env(safe-area-inset-bottom));background:#ffffffc4}.kana-switch a{font-size:.875rem;border-radius:25px;color:#161616}.kana-switch b{font-size:1.1rem}.kana-switch a[aria-current=page]{background:linear-gradient(120deg,#9bda90,#59be69)}.hide-romaji .kana-cell small{visibility:hidden}
button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #497cda;outline-offset:3px}.reduce-motion *{animation:none!important;transition:none!important}
.kana-dialog{width:min(90vw,370px);border:1px solid #eee;border-radius:30px;padding:30px 25px;text-align:center;box-shadow:0 25px 90px #0003}.kana-dialog::backdrop{background:#13132640;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:13px;top:10px;border:0;border-radius:50%;background:#f1f1f4;width:36px;height:36px;font-size:1.5rem}.kana-dialog-label{color:#777}.kana-dialog>strong{display:block;font-size:5rem;font-weight:550}.kana-dialog [data-kana-reading]{font-size:1.4rem}.sound-button{display:inline-flex;align-items:center;gap:8px;border:0;background:#f1f6fa;padding:12px 20px;border-radius:25px}.sound-button svg{width:22px}.audio-status{font-size:.8rem;color:#6d6d76;min-height:18px}
.screen-title{font-size:1.9rem;letter-spacing:-.04em;margin:7px 0 22px}.study-screen{padding:20px 18px 30px}.quiz-intro{text-align:center;margin:14px 0 27px}.quiz-intro svg{width:49px;height:49px}.quiz-intro h2{font-size:1.25rem;margin:5px 0}.quiz-intro p{font-size:.75rem;color:#888;margin:0}.review-summary{display:flex;gap:11px;align-items:center;color:var(--purple);margin:0 6px 14px}.review-glyph svg{width:37px;height:37px}.review-summary h2{font-size:1.25rem;margin:0;font-weight:650}.review-summary p{font-size:.7rem;margin:2px 0 0;background:#8270ef;color:white;border-radius:9px;padding:2px 9px}.due-count{margin-left:auto;font-size:1.3rem}.trainer-panel{padding:15px;border-radius:24px;border:1px solid #e4dff4;background:linear-gradient(130deg,#f9f8ff,#f1f0fa)}.trainer-panel>h3{font-size:.95rem;margin:0;color:#7462b8}.trainer-panel>p{font-size:.75rem;color:#888;margin:4px 0 15px}.study-options{border:0;padding:0;margin:0}.study-options legend,.mode-picker legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.study-option{grid-template-columns:36px 1fr 20px;background:transparent;min-height:60px;padding:8px 0;cursor:pointer}.study-option b{font-size:.9rem}.study-option small{font-size:.7rem}.study-option input{width:18px;height:18px;accent-color:var(--purple)}.compact-setting{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.8rem;padding:12px 0;border-bottom:1px solid #e8e4f1}.compact-setting select{max-width:55%;border:0;border-radius:9px;padding:8px;background:#ffffffbc;color:#5b518a;font:inherit}.review-check{display:flex;align-items:center;gap:9px;font-size:.8rem;padding:15px 0 0}.review-check input{accent-color:var(--purple);width:18px;height:18px}.quiz-studio{margin:26px 2px 0}.quiz-studio h2{font-size:1.15rem;display:flex;gap:9px;align-items:center;margin:0}.quiz-studio svg{width:28px;height:28px}.quiz-studio>p{font-size:.75rem;color:#888;margin:2px 0 14px 37px}.mode-picker{border:0;margin:0;padding:4px;display:grid;grid-template-columns:1fr 1fr;border-radius:20px;background:#f0eff5}.mode-picker label{position:relative;text-align:center;cursor:pointer}.mode-picker input{position:absolute;opacity:0}.mode-picker span{display:block;padding:12px 6px;font-size:.8rem;border-radius:17px}.mode-picker input:checked+span{background:white;box-shadow:0 2px 5px #0001;color:#6651c7}.mode-picker input:focus-visible+span{outline:2px solid #497cda}.primary-button{width:100%;border:0;display:flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(120deg,#9a87ff,#7055e7);color:white;min-height:48px;border-radius:25px;text-decoration:none;font-size:.9rem;font-weight:650;padding:12px 18px;margin-top:16px}.session-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:.8rem;color:#777}.text-button{border:0;background:transparent;color:#7661d1;padding:10px;text-decoration:none;display:inline-block}.quiz-card{min-height:330px;color:#161616;transition:box-shadow .2s}.quiz-card:disabled{opacity:1}.quiz-card strong{font-size:5rem}.quiz-card b{font-size:1.25rem;line-height:1.4}.quiz-card small,.quiz-card span{font-size:.8rem}.quiz-card [data-quiz-reading]{margin-top:12px}.quiz-actions button{font-size:.9rem;min-height:48px}.quiz-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.quiz-choices button{border:1px solid #e3e1ed;background:#fff;border-radius:17px;padding:15px 8px;min-height:54px;color:#28242e;font-size:.85rem}.quiz-choices .correct{background:#e6f5e8;border-color:#70b881}.quiz-choices .incorrect{background:#ffe8ec;border-color:#dc8294}.result-panel{text-align:center;padding:38px 0}.result-panel>span svg{width:64px;height:64px;color:#6cb980}.result-panel>strong{display:block;font-size:2.5rem;margin:24px}.result-panel p,[data-feedback],[data-setup-message]{font-size:.85rem;line-height:1.5;color:#6e687a}
.stats-screen{padding:20px 18px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stats-grid>div{border-radius:22px;background:#f7f7fa;padding:20px 14px}.stats-grid strong{display:block;font-size:1.8rem;color:#6d65b6}.stats-grid span{font-size:.75rem;color:#73737c}.stats-empty{text-align:center;padding:40px 16px}.stats-empty svg{width:37px;height:37px}.stats-empty h2{font-size:1rem}.stats-empty p{font-size:.8rem;color:#888}.section-label{font-size:1rem;margin-top:25px}.session-list{list-style:none;padding:0}.session-list li{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid #eee;font-size:.85rem}.session-list span{color:#777}.setting-row{min-height:65px}.setting-row b{font-size:.95rem}.setting-row small{font-size:.8rem}.settings-group h2{font-size:.8rem;margin-top:25px}.setting-row input{width:22px;height:22px}
@media(min-width:760px){.app-shell{border-inline:1px solid #eee}.article-shell{max-width:950px;margin:auto}.course-screen{max-width:850px;margin:auto}.article{font-size:1rem}}
@media(max-width:350px){.library-screen{padding-inline:12px}.card-pill{font-size:.75rem;padding-inline:8px}.kana-pills{gap:5px}.kana-cell span{font-size:1.5rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.course-body .app-shell{max-width:880px}.course-screen{padding:20px 20px 40px}.course-heading{padding:14px 0 28px}.course-heading h1{font-size:2rem;letter-spacing:-.04em}.course-heading p{font-size:.9rem;margin-top:8px}.course-heading>span{font-size:.85rem;color:#a74952}.course-outline{border:1px solid #e5e5eb;border-radius:20px;padding:8px 18px;margin-bottom:35px}.course-outline details{border-bottom:1px solid #eee}.course-outline details:last-child{border:0}.course-outline summary{cursor:pointer;font-size:.9rem;padding:14px 0;font-weight:600}.course-outline a{display:block;padding:8px 5px;font-size:.85rem;text-decoration:none;color:#656070}.course-module{margin:30px 0}.module-heading{padding:6px 0 17px}.module-heading>span{font-size:.7rem;letter-spacing:.1em;color:#84818b}.article .module-heading h2{margin:5px 0 0;font-size:1.4rem}.article .course-topic{border:1px solid #e7e7ec;border-radius:16px;margin:10px 0;scroll-margin-top:75px}.article .course-topic>summary{display:flex;align-items:center;gap:12px;padding:18px 16px;list-style:none;background:#fff;cursor:pointer}.course-topic>summary::-webkit-details-marker{display:none}.article .course-topic>summary h3{margin:0;font-size:1rem;line-height:1.4;font-weight:600;flex:1}.topic-number{font-size:.75rem;color:#97939f}.topic-chevron{color:#938e9b;transition:transform .2s}.course-topic[open] .topic-chevron{transform:rotate(180deg)}.topic-content{padding:6px 20px 22px;border-top:1px solid #eee}.course-article{font-size:1rem;line-height:1.75}.course-article h3{font-size:1.2rem}.course-article h4{font-size:1.08rem}.course-article .callout,.course-article blockquote{background:#f6f7f9;border:0;border-left:3px solid #bcc5d0;border-radius:0;padding:14px 18px}.course-article .notion-yellow{background:none}.course-article table{font-size:.9rem}.course-article td{min-width:120px;vertical-align:top}.topic-footer{margin-top:25px;padding-top:15px;border-top:1px solid #eee;font-size:.8rem;color:#716491}.kanji-detail-body .app-shell{max-width:860px}.kanji-detail-screen{padding:20px}.kanji-detail-screen .article{font-size:.95rem}.searchbox{width:100%;padding:13px;border:1px solid #ddd;border-radius:14px;font:inherit;margin:12px 0}.kanji-detail-screen h1{font-size:1.6rem}.kanji-detail-screen td{font-size:.85rem}.kanji-detail-screen td:first-child{font-size:1.4rem;min-width:55px}.kanji-detail-screen tr[hidden]{display:none!important}
.flashcards-screen{padding:20px 18px 40px}.new-deck-form label,.card-editor label,.deck-select-label,.import-cards label{display:block;font-size:.85rem;color:#625e6b;margin:12px 0}.new-deck-form input,.deck-select-label select,.card-editor input,.card-editor textarea,.import-cards select,.import-cards>input{display:block;width:100%;font:inherit;border:1px solid #dedce6;border-radius:12px;padding:12px;margin-top:7px;background:#fff;color:#222}.card-editor textarea{min-height:100px;resize:vertical}.deck-select-label{margin-top:30px}.deck-toolbar{display:flex;justify-content:space-between}.card-editor{background:#f7f6fb;border:1px solid #ece9f3;border-radius:22px;padding:14px}.import-cards{margin-top:22px;border:1px solid #e6e4ed;border-radius:18px;padding:15px}.import-cards summary{cursor:pointer;font-weight:600;font-size:.9rem}.source-cards{max-height:280px;overflow:auto}.source-cards label{display:flex;gap:8px;align-items:start;border-bottom:1px solid #eee;padding:10px 0;margin:0}.source-cards input{flex:none;margin-top:3px}.source-cards span{font-size:.8rem;line-height:1.5}.source-actions{display:flex;flex-wrap:wrap;font-size:.8rem}.custom-card-list{list-style:none;padding:0}.custom-card-list li{display:flex;flex-wrap:wrap;border-bottom:1px solid #eee;padding:14px 0}.custom-card-list li>div{width:100%}.custom-card-list b{font-size:1.05rem}.custom-card-list p{font-size:.85rem;color:#777;white-space:pre-wrap;overflow-wrap:anywhere}.custom-card-list button{font-size:.8rem}.manage-cards-link{display:flex;gap:10px;align-items:center;padding:12px 15px;margin-bottom:20px;border-radius:24px;background:#f4f2fc;text-decoration:none;color:#7562ba;font-size:.85rem}.manage-cards-link svg{width:22px;height:22px}.manage-cards-link>span:last-child{margin-left:auto}.expression-list details{border-bottom:1px solid #eaeaea;padding:13px 3px}.expression-list summary{font-size:1rem;cursor:pointer;line-height:1.5}.expression-list p{font-size:.9rem;color:#777;line-height:1.6}.expression-count,.search-results{font-size:.8rem;color:#888}.list-screen>.screen-title{font-size:1.65rem}.inline-search{height:44px}.inline-search input{font-size:.875rem}.reference-kanji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.reference-kanji-grid button{border:0;background:#fff;color:#161616;min-height:42px;font-size:1.65rem;padding:2px;border-radius:8px}.reference-kanji-grid button:active{background:#f2f2f5}.kanji-group h2{font-size:.9rem;margin:22px 0 8px}.kanji-dialog [data-meaning]{font-size:1rem;line-height:1.5}.kanji-dialog [data-reading]{font-size:1rem;line-height:1.8}.reading-label{font-size:.75rem;color:#999}
.trainer-home{padding:17px 15px;border-radius:23px;background:linear-gradient(145deg,#f7f5ff,#eeecf9);border:1px solid #e1dcf3}.trainer-home h3{font-size:.9rem;margin:0;color:#7a68be}.trainer-home>p{font-size:.75rem;color:#8a82a3;margin:3px 0}.trainer-home .review-total{text-align:center;font-size:.9rem;color:#615778;padding:25px 0}.trainer-action{display:flex;align-items:center;gap:9px;width:100%;padding:10px 13px;min-height:44px;background:#ffffffb3;border:1px solid #eceaf3;border-radius:24px;text-decoration:none;margin:8px 0 0;font-size:.85rem;color:#585364;text-align:left}.trainer-action>span:last-child{margin-left:auto;color:#97919f}.trainer-action svg{width:21px;height:21px;display:block}.trainer-home .primary-button{margin-top:9px;min-height:43px}.studio-panel{padding:15px;background:#f6f6f8;border:1px solid #eee;border-radius:24px}.studio-panel h3{font-size:.85rem;margin:0 0 3px;font-weight:600}.studio-panel>p{font-size:.75rem;color:#919095;margin:0 0 8px}.studio-panel .trainer-action{background:#eeeeF1;border:0}.studio-panel h3:not(:first-child){border-top:1px solid #e5e5e9;margin-top:22px;padding-top:18px}