:root{--ai:#4A6572;--ai-deep:#37505C;--ai-light:#5B7083;--ai-tint:rgba(74,101,114,.1);--washi:#F7F4EF;--washi-2:#EEE8DE;--card-bg:#FFFCF7;--sumi:#2B2D42;--hanko:#C1544B;--hanko-deep:#A43F38;--hanko-tint:rgba(193,84,75,.1);--furigana:#B23A2E;--success:#4C8B5F;--success-deep:#3B6E4A;--success-tint:rgba(76,139,95,.1);--gold:#B08A3E;--line:rgba(43,45,66,.1);--label-secondary:#63667A;--label-tertiary:#9393A0;--r-lg:22px;--r-md:16px;--r-sm:12px;--shadow-1:0 1px 3px rgba(43,45,66,.05),0 1px 2px rgba(43,45,66,.04);--shadow-2:0 4px 16px -4px rgba(43,45,66,.12),0 2px 6px -2px rgba(43,45,66,.07);--shadow-3:0 12px 32px -8px rgba(43,45,66,.2),0 4px 12px -4px rgba(43,45,66,.09);--ease-spring:cubic-bezier(.32,.72,0,1);--ease-out:cubic-bezier(.25,.1,.25,1);--fs-scale:1}body.fs-l{--fs-scale:1.18}body.fs-xl{--fs-scale:1.36}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button{font-family:inherit;outline:none}button:focus-visible{outline:2px solid var(--ai);outline-offset:2px}.switch:focus-visible,.lvl:focus-visible,.babchip:focus-visible,.groupchip:focus-visible{outline:none}html,body{margin:0;padding:0;touch-action:pan-y;overscroll-behavior-x:none}body.swiping-lock,body.modal-scroll-lock{overflow:hidden;touch-action:none;overscroll-behavior:none}.modal-scroll-lock-html{overflow:hidden;touch-action:none;overscroll-behavior:none;height:100%}body{background:var(--washi);color:var(--sumi);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Noto Sans JP,Helvetica Neue,sans-serif;min-height:100vh;padding:24px 16px 60px;-webkit-font-smoothing:antialiased}.wrap{max-width:520px;margin:0 auto}header{margin-bottom:20px;padding:0 4px;text-align:center}.header-photo{display:flex;justify-content:center;margin:0 auto 6px}.header-photo img{width:100%;max-width:220px;height:auto;display:block;filter:drop-shadow(0 6px 14px rgba(43,45,66,.14))}.header-photo-caption{display:none}.brand{display:flex;align-items:center;justify-content:center;gap:8px}.brand h1{font-family:"Noto Serif JP",serif;font-weight:700;font-size:20px;color:var(--sumi);margin:0;letter-spacing:.02em}.brand .en{font-size:10.5px;letter-spacing:.06em;color:var(--ai-deep);font-weight:700;background:var(--ai-tint);padding:4px 10px;border-radius:20px;text-transform:uppercase}.sub{font-size:14.5px;color:var(--ai-deep);margin-top:5px;letter-spacing:.01em;font-weight:700;font-family:Zen Maru Gothic,Noto Sans JP,sans-serif}.user-greeting{font-size:13px;color:var(--label-secondary);margin-top:4px;font-weight:600}.landak-perch-wrap{position:relative;display:flex;flex-direction:column;align-items:center}.landak-perch{width:26%;max-width:118px;min-width:74px;height:auto;margin-bottom:-10px;position:relative;z-index:0;pointer-events:none;user-select:none;transform:translateY(0);transition:transform .5s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 3px 6px rgba(43,45,66,.12))}.landak-perch-wrap .switchrow{position:relative;z-index:1}.landak-perch.is-hidden{transform:translateY(72%);transition:transform .25s cubic-bezier(.6,-.05,.85,.35)}.usagi-perch{position:absolute;left:16.6667%;bottom:calc(100% - 10px);transform:translate(-50%);width:26%;max-width:118px;min-width:74px;height:auto;z-index:-2;pointer-events:none;user-select:none;transition:transform .5s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 3px 6px rgba(43,45,66,.12))}.usagi-perch.is-hidden,.bunpou-perch.is-hidden{transform:translate(-50%,72%);transition:transform .25s cubic-bezier(.6,-.05,.85,.35)}.bunpou-perch{position:absolute;left:83.3333%;bottom:calc(100% - 10px);transform:translate(-50%);width:26%;max-width:118px;min-width:74px;height:auto;z-index:-2;pointer-events:none;user-select:none;transition:transform .5s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 3px 6px rgba(43,45,66,.12))}.switchrow:before{content:"";position:absolute;inset:0;background:var(--washi-2);border-radius:var(--r-sm);z-index:-1;pointer-events:none}.switchrow{display:flex;gap:2px;margin:0 0 12px;padding:3px;background:var(--washi-2);border-radius:var(--r-sm);position:relative;z-index:1}.switch{flex:1;text-align:center;padding:9px 6px;border:none;border-radius:9px;background:transparent;cursor:pointer;font-weight:600;font-size:14px;color:var(--label-secondary);position:relative;transition:all .25s var(--ease-out)}.switch.active{background:var(--card-bg);color:var(--sumi);box-shadow:var(--shadow-1)}.levelrow{display:flex;gap:2px;margin-bottom:14px;padding:3px;background:var(--washi-2);border-radius:var(--r-sm)}.lvl{flex:1;text-align:center;padding:7px 6px;border:none;border-radius:9px;background:transparent;cursor:pointer;font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--label-secondary);transition:all .25s var(--ease-out)}.lvl.active{background:var(--card-bg);color:var(--hanko-deep);box-shadow:var(--shadow-1)}.quiz-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 16px;margin-bottom:16px;border-radius:var(--r-md);border:none;cursor:pointer;background:var(--ai);color:#fff;font-size:16px;font-weight:700;letter-spacing:.01em;box-shadow:0 6px 16px -4px #4a657273;transition:transform .15s var(--ease-spring),box-shadow .15s ease,background .15s ease}.quiz-cta:hover{background:var(--ai-deep)}.quiz-cta:active{transform:scale(.97);box-shadow:0 3px 10px -3px #4a657266}.babsection{margin-bottom:16px;border:none;border-radius:var(--r-md);padding:14px 14px 12px;background:var(--card-bg);box-shadow:var(--shadow-1)}.bear-peek-wrap{display:flex;flex-direction:column;align-items:center}.bear-peek-wrap .babsection{width:100%;position:relative;z-index:1;margin-top:0}.bear-peek{width:34%;max-width:170px;min-width:104px;height:auto;margin-bottom:-6px;position:relative;z-index:2;pointer-events:none;user-select:none}.bear-peek.theme-peek{width:calc(clamp(65px,19.5vw,101px) * var(--peek-ar, .77) * var(--peek-scale, 1));max-width:none;min-width:0;z-index:0;margin-bottom:var(--peek-mb,0px)}.babsection-title{font-size:12px;font-weight:600;letter-spacing:.01em;color:var(--label-secondary);margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.babsection-title .resetall{color:var(--ai);text-decoration:none;cursor:pointer;font-weight:600;font-size:12.5px}.babfilter-label{display:inline-flex;align-items:center;gap:6px;background:var(--ai-tint);color:var(--ai-deep);font-weight:700;padding:5px 12px;border-radius:20px;font-size:12px;letter-spacing:.02em;user-select:none;border:none;cursor:pointer;font-family:inherit}.babfilter-label .chevron{font-size:15px;font-weight:900;line-height:1;transition:transform .2s ease;display:inline-block}.babsection:not(.collapsed) .babfilter-label .chevron{transform:rotate(180deg)}.babsection.collapsed .babgroups,.babsection.collapsed #noBabMsg{display:none}.babsection.collapsed{padding-bottom:14px}.babfilter-label .dot{width:6px;height:6px;border-radius:50%;background:var(--ai);flex:none}.babchips{display:none!important}.babchip{padding:6px 13px;border-radius:20px;border:none;font-size:13px;font-weight:500;cursor:pointer;background:var(--washi);color:var(--label-secondary);user-select:none;transition:all .15s ease}.babchip.on{background:var(--ai);color:#fff;font-weight:700}.babgroups{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px}.groupchip{padding:9px 13px;border-radius:12px;border:none;font-size:13px;font-weight:600;text-align:center;cursor:pointer;background:var(--ai-tint);color:var(--ai-deep);transition:all .15s ease}.groupchip:hover{background:#4a65722e}.groupchip.on{background:var(--ai);color:#fff;font-weight:700}.groupchip.partial{background:linear-gradient(to right,var(--ai) var(--fill),var(--ai-tint) var(--fill));color:#fff;text-shadow:0 1px 2px rgba(43,45,66,.35)}#btnSelectAllBab{grid-column:1 / -1;background:transparent;border:1.5px solid var(--ai);color:var(--ai-deep)}#btnSelectAllBab.on{background:var(--ai);color:#fff;border-color:var(--ai)}.noBab{font-size:13px;color:var(--label-tertiary)}.bab-popup-overlay{display:none;position:fixed;inset:0;background:#2b2d4252;z-index:200;align-items:flex-end;justify-content:center}.bab-popup-overlay.open{display:flex}.bab-popup-box{width:100%;max-width:520px;background:var(--card-bg);border-radius:20px 20px 0 0;box-shadow:var(--shadow-3);padding:16px 18px 22px;box-sizing:border-box;max-height:70vh;overflow-y:auto;animation:babPopupUp .22s var(--ease-spring)}@keyframes babPopupUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.bab-popup-heads{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.bab-popup-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:none;border-radius:var(--r-sm);background:var(--ai-tint);color:var(--ai-deep);font-weight:700;font-size:15px;cursor:pointer;width:100%;text-align:left;transition:all .15s ease}.bab-popup-head.on{background:var(--ai);color:#fff}.bab-popup-head.partial{background:linear-gradient(to right,var(--ai) var(--fill),var(--ai-tint) var(--fill));color:#fff;text-shadow:0 1px 2px rgba(43,45,66,.35)}.bab-popup-head .hint{font-size:11px;font-weight:600;opacity:.85}.bab-popup-close{border:none;background:transparent;color:var(--label-tertiary);font-size:20px;cursor:pointer;line-height:1;padding:2px 6px}.bab-popup-titlebar{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.bab-popup-titlebar .t{font-size:12px;font-weight:700;color:var(--label-secondary);letter-spacing:.02em}.bab-popup-list{display:flex;flex-direction:column;gap:8px}.bab-popup-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border:none;border-radius:var(--r-sm);background:var(--washi);color:var(--sumi);font-weight:600;font-size:14px;cursor:pointer;width:100%;text-align:left;transition:all .15s ease}.bab-popup-item:active{transform:scale(.98)}.bab-popup-item.on{background:var(--success);color:#fff}.bab-popup-item .check{font-size:13px;opacity:0;transition:opacity .15s ease}.bab-popup-item.on .check{opacity:1}.progressbar{height:6px;background:var(--washi-2);border-radius:20px;overflow:hidden;margin-bottom:20px}.progressbar>div{height:100%;background:var(--ai);border-radius:20px;transition:width .3s var(--ease-out)}.deckmeta{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;font-size:13px;color:var(--label-secondary);margin-bottom:12px;font-weight:500}.deckmeta-bab{justify-self:center;font-weight:700;color:var(--ai-deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.deckmeta-right{justify-self:end;display:flex;gap:10px;white-space:nowrap}.deckmeta b{color:var(--sumi);font-weight:700}.furirow{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:16px 0 12px}.furitoggle{background:var(--washi-2);border:none;border-radius:20px;padding:7px 16px;font-size:13px;font-weight:600;color:var(--label-secondary);cursor:pointer;display:flex;align-items:center;gap:7px;letter-spacing:.01em;transition:all .2s ease}.furitoggle .dot{width:8px;height:8px;border-radius:50%;background:#c7c7cc;transition:background .2s ease}.furitoggle.on{background:var(--ai-tint);color:var(--ai-deep)}.furitoggle.on .dot{background:var(--ai)}.stage{position:relative;height:400px;margin-bottom:18px}.empty{height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:none;border-radius:var(--r-lg);text-align:center;padding:20px;color:var(--label-secondary);background:var(--card-bg);box-shadow:var(--shadow-1)}.empty .kanji-mark{font-family:"Noto Serif JP",serif;font-size:36px;color:var(--ai-light);opacity:.5}.empty .empty-mascot{width:clamp(64px,22vw,96px);height:auto}.card{position:absolute;inset:0;-webkit-perspective:1400px;perspective:1400px}.card.card-exit-right{animation:cardFallRight .35s cubic-bezier(.25,.1,.4,1) forwards}.card.card-exit-left{animation:cardFallLeft .35s cubic-bezier(.25,.1,.4,1) forwards}@keyframes cardFallRight{0%{transform:translate(0) rotate(0);opacity:1}70%{opacity:1}to{transform:translate(160%,120px) rotate(22deg);opacity:0}}@keyframes cardFallLeft{0%{transform:translate(0) rotate(0);opacity:1}70%{opacity:1}to{transform:translate(-160%,120px) rotate(-22deg);opacity:0}}.card.card-enter{animation:cardEnterPop .2s cubic-bezier(.2,.8,.2,1)}@keyframes cardEnterPop{0%{transform:scale(.93) translateY(6px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.card-inner{width:100%;height:100%;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:transform .5s cubic-bezier(.4,0,.2,1);cursor:pointer}.card-inner.flipped{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}@keyframes cardFlipPulse{0%{transform:scale(1)}45%{transform:scale(.96)}to{transform:scale(1)}}.card.is-flipping{animation:cardFlipPulse .5s cubic-bezier(.4,0,.2,1)}.face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--r-lg);border:none;background:var(--card-bg);box-shadow:var(--shadow-2);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .5s ease}.face-scroll{width:100%;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 20px 46px;text-align:center;gap:6px;box-sizing:border-box;-webkit-transform:translateZ(0);transform:translateZ(0)}.card.is-flipping .face{box-shadow:var(--shadow-3)}.face:before{display:none}.front .main{font-family:"Noto Serif JP",serif;font-weight:700;font-size:calc(50px * var(--fs-scale));color:var(--sumi);line-height:1.85}.front .reading{font-size:calc(15px * var(--fs-scale));color:var(--ai-light);letter-spacing:.05em}.back .main{font-family:"Noto Serif JP",serif;font-weight:700;color:var(--sumi);line-height:1.65;font-size:calc(36px * var(--fs-scale));margin-bottom:2px}.back.compact .main{font-size:calc(25px * var(--fs-scale));margin-bottom:0}.face.multi-ex .back .main{font-size:calc(19px * var(--fs-scale))}.back.compact .meaning{font-size:calc(17px * var(--fs-scale))}.back.compact .kanji-main-with-ruby{font-size:calc(33px * var(--fs-scale));line-height:1.4}.back.compact .kanji-meaning{font-size:calc(12px * var(--fs-scale));padding:3px 8px}.babtag{position:absolute;top:14px;left:16px;font-size:11px;font-weight:700;color:var(--ai);letter-spacing:.02em;border:none;background:var(--ai-tint);padding:4px 10px;border-radius:20px}.back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.back:not(.kanji-back):not(.bunpou-back) .face-scroll{justify-content:flex-start;padding-top:34px}.face.multi-ex .face-scroll{padding-top:4px;gap:2px;padding-bottom:40px}.back .reading{font-size:calc(15px * var(--fs-scale));color:var(--ai);margin-bottom:4px;font-weight:600;font-style:normal}.face.multi-ex .back .reading{font-size:calc(13px * var(--fs-scale));margin-bottom:2px}.back .meaning{display:flex;align-items:center;justify-content:center;gap:8px;font-family:-apple-system,sans-serif;font-weight:700;font-size:calc(26px * var(--fs-scale));color:var(--sumi);font-style:normal;line-height:1.3}.meaning-lamp-btn{flex-shrink:0;margin-left:0}.face.multi-ex .back .meaning{font-size:calc(18px * var(--fs-scale));line-height:1.1;margin-bottom:0}.back .example{font-size:calc(17px * var(--fs-scale));color:var(--label-secondary);line-height:2.15;border-top:1px solid var(--line);padding-top:14px;margin-top:8px;white-space:normal;display:flex;flex-direction:column;gap:10px;width:100%}.face.multi-ex .back .example{padding-top:5px;margin-top:3px;gap:4px}.example-note{font-size:calc(13px * var(--fs-scale));color:var(--label-tertiary);font-style:normal;line-height:1.5}.face.multi-ex .back .example-note{font-size:calc(10.5px * var(--fs-scale));line-height:1.2;margin-bottom:1px}.example-pair{background:var(--washi);border-radius:var(--r-sm);padding:12px 13px;text-align:left;position:relative}.example-pair+.example-pair{margin-top:0}.example-pair-no{display:inline-block;font-size:10px;font-weight:700;color:#fff;background:var(--ai);width:16px;height:16px;line-height:16px;text-align:center;border-radius:50%;margin-bottom:8px}.example-jp{font-size:calc(16px * var(--fs-scale));line-height:2.05}.example-id{font-size:calc(13.5px * var(--fs-scale));color:var(--label-secondary);font-style:normal;line-height:1.5;margin-top:6px}.back .example ruby rt{font-size:.5em;color:var(--furigana);font-weight:700;letter-spacing:.01em}.back .example ruby rt.hidden{display:none}.example-count-1 .example-pair{padding:16px}.example-count-1 .example-jp{font-size:calc(22px * var(--fs-scale));line-height:1.9}.example-count-1 .example-id{font-size:calc(16px * var(--fs-scale));margin-top:9px;line-height:1.55}.example-count-2{gap:4px}.example-count-2 .example-pair{padding:6px 10px}.example-count-2 .example-pair-no{margin-bottom:3px}.example-count-2 .example-jp{font-size:calc(15.5px * var(--fs-scale));line-height:1.4}.example-count-2 .example-id{font-size:calc(12px * var(--fs-scale));margin-top:3px;line-height:1.25}.example-count-3{gap:5px}.example-count-3 .example-pair{padding:6px 9px}.example-count-3 .example-pair-no{width:14px;height:14px;line-height:14px;font-size:9px;margin-bottom:3px}.example-count-3 .example-jp{font-size:calc(14.5px * var(--fs-scale));line-height:1.35}.example-count-3 .example-id{font-size:calc(11.5px * var(--fs-scale));margin-top:2px;line-height:1.2}.example-count-4{gap:4px}.example-count-4 .example-pair{padding:5px 8px}.example-count-4 .example-pair-no{width:13px;height:13px;line-height:13px;font-size:8.5px;margin-bottom:2px}.example-count-4 .example-jp{font-size:calc(13px * var(--fs-scale));line-height:1.25}.example-count-4 .example-id{font-size:calc(10.5px * var(--fs-scale));margin-top:2px;line-height:1.1}.back.kanji-back .face-scroll{flex-direction:column;justify-content:flex-start;gap:8px;padding:16px 16px 46px}.kanji-main-with-ruby{font-family:"Noto Serif JP",serif;font-weight:700;font-size:calc(42px * var(--fs-scale));color:var(--sumi);line-height:1.5}ruby{ruby-position:over;ruby-align:center;margin:0 1px}ruby rt{font-size:.5em;color:var(--furigana);font-weight:700;letter-spacing:.01em}ruby rt.hidden{display:none}.kanji-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;align-items:stretch}.kanji-top-left{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--r-sm);padding:10px 8px;background:var(--washi)}.kanji-top-right{display:flex}.kanji-readings{display:flex;gap:14px;width:100%;justify-content:center}.kanji-reading-group{text-align:center}.kanji-reading-label{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--label-tertiary);margin-bottom:2px;display:block;font-weight:700}.kanji-reading-value{font-size:calc(13px * var(--fs-scale));color:var(--ai);font-weight:700}.kanji-meanings{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;width:100%}.kanji-meaning{font-weight:700;font-size:calc(11px * var(--fs-scale));color:var(--ai-deep);padding:3px 9px;background:var(--ai-tint);border-radius:12px}.kanji-structure{width:100%;height:100%;box-sizing:border-box;background:#c9962f14;border:none;border-radius:var(--r-sm);padding:8px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.kanji-structure-formula{font-family:"Noto Serif JP",serif;font-size:calc(16px * var(--fs-scale));font-weight:700;color:var(--sumi);line-height:1.3}.kanji-structure-formula .plus{color:var(--gold);font-size:11px;margin:0 2px;font-family:inherit}.kanji-structure-note{font-size:calc(10px * var(--fs-scale));color:#8a6b1f;line-height:1.3;font-weight:500}.kanji-front-reading{font-size:calc(13px * var(--fs-scale));color:var(--ai);margin-top:8px;letter-spacing:.01em;font-weight:600}.kanji-front-reading.locked{color:var(--label-tertiary);font-style:normal}.kanji-vocab-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:100%;padding-top:10px;margin-top:0;border-top:1px solid var(--line)}.kanji-vocab-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:2px;padding:8px 6px 7px;border:none;border-radius:var(--r-sm);background:var(--washi)}.kanji-vocab-letter{position:absolute;top:5px;left:6px;font-size:8.5px;font-weight:700;color:#fff;background:var(--ai);width:14px;height:14px;border-radius:50%;display:flex;align-items:center;justify-content:center;letter-spacing:0}.kanji-vocab-word{font-family:"Noto Serif JP",serif;font-weight:600;color:var(--sumi);font-size:calc(14px * var(--fs-scale));line-height:1.8;margin-top:3px}.kanji-vocab-word ruby rt{font-size:.48em;color:var(--furigana);font-weight:700}.kanji-vocab-meaning{font-size:calc(10px * var(--fs-scale));color:var(--label-secondary);line-height:1.25;padding:0 2px}.bunpou-pattern{font-family:"Noto Serif JP",serif;font-weight:700;font-size:calc(32px * var(--fs-scale));color:var(--sumi);line-height:1.75;padding:0 4px;word-break:keep-all;max-width:100%;overflow-wrap:break-word;box-sizing:border-box}.bunpou-pattern.size-m{font-size:calc(26px * var(--fs-scale));line-height:1.55}.bunpou-pattern.size-s{font-size:calc(21px * var(--fs-scale));line-height:1.5}.bunpou-pattern.size-xs{font-size:calc(17px * var(--fs-scale));line-height:1.45}.bunpou-pattern ruby rt{font-size:.42em;color:var(--furigana);font-weight:700}.back.bunpou-back .face-scroll{flex-direction:column;justify-content:flex-start;gap:6px;padding:8px 16px 40px;text-align:left}.bunpou-main-with-ruby{font-family:"Noto Serif JP",serif;font-weight:700;font-size:calc(22px * var(--fs-scale));color:var(--sumi);line-height:1.6;text-align:center;width:100%;box-sizing:border-box;word-break:keep-all;overflow-wrap:break-word}.bunpou-main-with-ruby.size-s{font-size:calc(17px * var(--fs-scale));line-height:1.45}.bunpou-main-with-ruby.size-xs{font-size:calc(14px * var(--fs-scale));line-height:1.4}.bunpou-main-with-ruby ruby rt{font-size:.42em;color:var(--furigana);font-weight:700}.bunpou-top-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%;align-items:stretch}.bunpou-top-left,.bunpou-top-right{border:none;border-radius:var(--r-sm);padding:10px;background:var(--washi);display:flex;flex-direction:column;gap:6px}.bunpou-top-right{background:#c9962f14}.bunpou-top-label{font-size:9px;text-transform:uppercase;letter-spacing:.06em;color:var(--label-tertiary);font-weight:700}.bunpou-meanings{display:flex;flex-direction:column;gap:5px}.bunpou-meaning-item{display:flex;gap:6px;align-items:flex-start}.bunpou-meaning-no{flex-shrink:0;width:16px;height:16px;border-radius:50%;background:var(--ai);color:#fff;font-size:9.5px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.bunpou-meaning-text{font-size:calc(12.5px * var(--fs-scale));color:var(--sumi);line-height:1.4;font-weight:600}.bunpou-connections{display:flex;flex-direction:column;gap:7px}.bunpou-connection-item{font-size:calc(11.5px * var(--fs-scale));color:#8a6b1f;line-height:1.45;font-weight:600;padding-left:11px;position:relative}.bunpou-connection-item:before{content:"\2014";position:absolute;left:0;top:0;color:var(--gold)}.bunpou-connection-item+.bunpou-connection-item{padding-top:6px;border-top:1px dashed rgba(176,138,62,.28)}.bunpou-connection-item ruby rt{font-size:.62em;color:var(--furigana);font-weight:700}.bunpou-connection-empty{font-size:11.5px;color:var(--label-tertiary)}.bunpou-top-label-row{display:flex;align-items:center;gap:5px}.nuance-lamp-btn{position:relative;appearance:none;border:1px solid rgba(217,155,31,.35);background:linear-gradient(145deg,#f6c45347,#d99b1f29);padding:0;margin:0 0 0 2px;border-radius:50%;display:flex;align-items:center;justify-content:center;width:22px;height:22px;cursor:pointer;flex-shrink:0;box-shadow:0 1px 3px #b885144d;animation:lamp-glow 2.2s ease-in-out infinite}.nuance-lamp-btn:active{transform:scale(.85)}.nuance-lamp-icon{font-size:12px;line-height:1;transform:translateY(-.5px);position:relative;z-index:1}.nuance-lamp-btn:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid rgba(217,155,31,.55);animation:lamp-ring 2.2s ease-out infinite}@keyframes lamp-glow{0%,to{filter:drop-shadow(0 0 0px rgba(230,168,46,0));transform:scale(1) rotate(0)}50%{filter:drop-shadow(0 0 4px rgba(230,168,46,.75));transform:scale(1.12) rotate(-4deg)}}@keyframes lamp-ring{0%{transform:scale(.75);opacity:.9}75%{transform:scale(1.55);opacity:0}to{transform:scale(1.55);opacity:0}}.nuance-modal-bg{position:fixed;inset:0;z-index:130;display:flex;align-items:center;justify-content:center;padding:26px;background:#1e1a1200;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);opacity:0;visibility:hidden;pointer-events:none;box-sizing:border-box;transition:opacity .28s ease,background .28s ease,backdrop-filter .28s ease,visibility 0s linear .28s}.nuance-modal-bg.show{opacity:1;visibility:visible;pointer-events:auto;background:#1e1a1280;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:opacity .28s ease,background .28s ease,backdrop-filter .28s ease}.nuance-modal{position:relative;width:100%;max-width:360px;box-sizing:border-box;background:linear-gradient(180deg,#fffdf7,#fef8ea);border-radius:24px;padding:18px 18px 16px;box-shadow:0 24px 60px -18px #4a370a73,0 0 0 1px #e6a82e2e;transform:scale(.88) translateY(10px);opacity:0;transition:transform .32s cubic-bezier(.34,1.56,.64,1),opacity .25s ease;max-height:80vh;overflow-y:auto}.nuance-modal-bg.show .nuance-modal{transform:scale(1) translateY(0);opacity:1}.nuance-modal-glow{position:absolute;top:-30px;left:50%;transform:translate(-50%);width:120px;height:80px;border-radius:50%;background:radial-gradient(circle,#e6a82e59,#e6a82e00 70%);pointer-events:none}.nuance-modal-pattern{font-family:"Noto Serif JP",serif;font-weight:700;font-size:calc(19px * var(--fs-scale));color:var(--sumi);line-height:1.5;text-align:center;padding-bottom:12px;margin-bottom:12px;border-bottom:1px dashed rgba(176,138,62,.28);word-break:keep-all;overflow-wrap:break-word}.nuance-modal-pattern ruby rt{font-size:.42em;color:var(--furigana);font-weight:700}.nuance-modal-head{display:flex;align-items:center;gap:9px;margin-bottom:10px}.nuance-modal-icon{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:linear-gradient(145deg,#f6c453,#d99b1f);display:flex;align-items:center;justify-content:center;font-size:16px;box-shadow:0 4px 10px -3px #d99b1f99}.nuance-modal-title{font-size:14px;font-weight:700;letter-spacing:.02em;color:#8a6b1f;text-transform:uppercase}.nuance-modal-close{position:absolute;top:14px;right:14px;width:26px;height:26px;border-radius:50%;border:none;background:#8a6b1f1a;color:#8a6b1f;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;line-height:1}.nuance-modal-close:active{transform:scale(.9)}.nuance-modal-text{font-family:Zen Maru Gothic,Noto Sans JP,sans-serif;font-weight:500;font-size:calc(15.5px * var(--fs-scale));line-height:1.85;color:#4a3a12;letter-spacing:.005em;white-space:normal;text-align:justify;text-justify:inter-word;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;overflow-wrap:break-word}.nuance-modal-text ruby rt{font-size:.6em;color:var(--furigana);font-weight:700}.nuance-modal-text strong,.nuance-modal-text b{color:#8a6b1f}.bunpou-examples{width:100%;border-top:1px solid var(--line);padding-top:8px;margin-top:0;display:flex;flex-direction:column;gap:8px}.bunpou-example-group{display:flex;flex-direction:column;gap:6px}.bunpou-example-groupno{font-size:10px;font-weight:700;color:var(--ai-deep);background:var(--ai-tint);align-self:flex-start;padding:2px 9px;border-radius:12px;letter-spacing:.02em}.bunpou-example-item{background:var(--washi);border-radius:var(--r-sm);padding:7px 10px}.bunpou-example-jp{font-size:calc(14px * var(--fs-scale));color:var(--sumi);line-height:1.7}.bunpou-example-jp ruby rt{font-size:.5em;color:var(--furigana);font-weight:700}.bunpou-example-id{font-size:calc(12px * var(--fs-scale));color:var(--label-secondary);line-height:1.35;margin-top:1px}.taphint{position:absolute;left:0;right:0;bottom:6px;z-index:2;display:flex;align-items:center;justify-content:center;margin:0 auto;width:fit-content;max-width:90%;font-size:10px;letter-spacing:.08em;color:var(--label-tertiary);text-transform:uppercase;font-weight:600;background:var(--card-bg);padding:3px 10px;border-radius:20px;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.stamp{position:absolute;top:16px;right:16px;width:46px;height:46px;border:2.5px solid var(--hanko);border-radius:12px;color:var(--hanko);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:11px;transform:rotate(-8deg) scale(0);opacity:0;transition:transform .35s cubic-bezier(.34,1.56,.64,1),opacity .3s ease;writing-mode:vertical-rl;letter-spacing:1px;background:#fff}.stamp.show{transform:rotate(-8deg) scale(1);opacity:.95}.ctrlrow{display:flex;gap:10px;margin-bottom:10px}.btn{flex:1;padding:13px 14px;border-radius:var(--r-sm);border:none;background:var(--washi-2);cursor:pointer;font-size:14px;font-weight:600;color:var(--sumi);transition:all .15s var(--ease-spring)}.btn:hover{background:var(--washi-2)}.btn:active{transform:scale(.97)}.btn.danger{background:var(--hanko-tint);color:var(--hanko-deep)}.btn.danger:hover{background:#e5484d29}.btn.muted{color:var(--label-tertiary);background:transparent}.ctrlrow-main{display:flex;gap:12px;margin-bottom:10px}.btn-big{flex:1;padding:17px 14px;border-radius:var(--r-md);border:none;background:var(--washi-2);cursor:pointer;font-size:16px;font-weight:700;color:var(--sumi);transition:all .15s var(--ease-spring);letter-spacing:.01em}.btn-big:active{transform:scale(.96)}.btn-big.got{background:var(--ai);color:#fff;box-shadow:0 6px 16px -5px #4a657280}.btn-big.got:hover{background:var(--ai-deep)}.ctrlrow-secondary{display:flex;gap:12px;margin-bottom:14px}.btn-secondary{flex:1;padding:11px 14px;border-radius:var(--r-md);border:none;background:transparent;cursor:pointer;font-size:13.5px;font-weight:600;color:var(--label-secondary);transition:all .15s var(--ease-spring);letter-spacing:.01em;border:1.5px solid var(--washi-2)}.btn-secondary:active{transform:scale(.96);background:var(--washi-2)}.btn-secondary:hover{color:var(--ai-deep);border-color:var(--ai-tint);background:var(--ai-tint)}.shufflerow{display:flex;justify-content:center;margin-bottom:14px}.btn-shuffle{padding:8px 18px;border-radius:20px;border:none;background:var(--washi-2);cursor:pointer;font-size:13px;font-weight:600;color:var(--label-secondary);transition:all .15s var(--ease-spring);letter-spacing:.01em}.btn-shuffle:active{transform:scale(.96)}.btn-shuffle:hover{color:var(--ai-deep);background:var(--ai-tint)}.confetti-piece{position:absolute;top:-12px;width:8px;height:14px;opacity:.95;animation:confetti-fall linear forwards;border-radius:1px;pointer-events:none}@keyframes confetti-fall{to{transform:translateY(420px) rotate(720deg);opacity:0}}.modal.celebrate{animation:pop-in .55s cubic-bezier(.34,1.56,.64,1)}@keyframes pop-in{0%{transform:scale(.6) rotate(-4deg);opacity:0}60%{transform:scale(1.06) rotate(1deg);opacity:1}to{transform:scale(1) rotate(0)}}.menubar{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:28px;margin-bottom:16px;padding-top:20px;border-top:1px solid var(--line)}.menubar .menubtn{width:100%;box-sizing:border-box;padding:11px 10px}.menubar .menubtn#toggleList,.menubar .menubtn#btnAccount{grid-column:1 / -1}.menubtn{display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 14px;border-radius:20px;border:none;background:var(--washi-2);cursor:pointer;font-size:12.5px;font-weight:600;color:var(--label-secondary);line-height:1.3;transition:all .15s var(--ease-spring)}.menubtn:active{transform:scale(.96)}.menubtn:hover{color:var(--ai-deep);background:var(--ai-tint)}.modal-bg{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;background:#0000;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,background .18s ease,backdrop-filter .18s ease,visibility 0s linear .18s}.modal-bg.show{opacity:1;visibility:visible;pointer-events:auto;background:#00000073;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);transition:opacity .18s ease,background .18s ease,backdrop-filter .18s ease}#completionBg,#dynDialogBg{align-items:center}#authModalBg{align-items:flex-end;padding-bottom:max(22px,calc(env(safe-area-inset-bottom) + 14px))}#authModalBg .modal{max-width:calc(100% - 32px);margin:0 16px;border-radius:26px}.modal{position:relative;background:var(--card-bg);border-radius:28px 28px 0 0;padding:30px 20px 26px;max-height:88vh;overflow-y:auto;max-width:480px;width:100%;box-shadow:var(--shadow-3);transform:translateY(60px);transition:transform .4s var(--ease-spring)}.modal:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:36px;height:5px;border-radius:3px;background:var(--washi-2)}.modal-bg.show .modal{transform:translateY(0)}#completionBg .modal,#dynDialogBg .modal{border-radius:26px;transform:none}#completionBg .modal:before,#dynDialogBg .modal:before,#authModalBg .modal:before{display:none}.modal h2{margin:6px 0 18px;font-weight:800;font-size:21px;color:var(--sumi);letter-spacing:-.01em}.modal-field{margin-bottom:14px}.modal-field label{display:block;font-size:12.5px;color:var(--label-secondary);margin-bottom:6px;font-weight:600}.modal-field input,.modal-field textarea,.modal-field select{width:100%;padding:11px 13px;border:none;border-radius:var(--r-sm);font-family:inherit;font-size:14px;color:var(--sumi);background:var(--washi)}.modal-field input:focus,.modal-field textarea:focus,.modal-field select:focus{outline:2px solid var(--ai);outline-offset:1px}.modal-field textarea{resize:vertical;min-height:60px}.modal-row{display:flex;gap:10px}.modal-row>*{flex:1}.list-container{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);max-height:300px;overflow-y:auto}.list-item{padding:12px;margin-bottom:8px;background:var(--washi);border-radius:var(--r-sm);border-left:none;font-size:12.5px}.list-item-content{margin-bottom:4px;font-weight:500}.modal.quiz-modal{max-width:480px}.quiz-header{position:relative;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.cert-smile-mascot{position:absolute;top:-8px;right:38px;width:40px;height:auto}.quiz-header-title{font-size:17px;color:var(--sumi);font-weight:800;letter-spacing:-.01em}.quiz-header-close{background:var(--washi-2);border:none;width:28px;height:28px;border-radius:50%;font-size:14px;color:var(--label-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s var(--ease-spring)}.quiz-header-close:active{transform:scale(.9)}.quiz-setup-desc{font-size:14px;color:var(--label-secondary);line-height:1.6;margin-bottom:16px}.quiz-setup-stat{display:flex;justify-content:space-between;padding:12px 14px;background:var(--washi);border-radius:var(--r-sm);margin-bottom:10px;font-size:13.5px;color:var(--sumi);font-weight:500}.quiz-setup-stat b{color:var(--ai-deep);font-weight:700}.quiz-empty-msg{text-align:center;padding:24px 10px;color:var(--label-secondary);font-size:14px;line-height:1.6}.quiz-progressbar{height:6px;background:var(--washi-2);border-radius:20px;overflow:hidden;margin-bottom:12px}.quiz-progressbar>div{height:100%;background:var(--ai);border-radius:20px;transition:width .25s ease}.quiz-meta-row{display:flex;justify-content:space-between;font-size:12.5px;color:var(--label-secondary);margin-bottom:16px;font-weight:600}.quiz-meta-row b{color:var(--sumi);font-weight:700}.quiz-wrong-mascot{width:30px;height:30px;object-fit:contain;flex-shrink:0}.quiz-prompt-box{background:var(--washi);border:none;border-radius:var(--r-lg);padding:24px 18px;text-align:center;margin-bottom:16px}.quiz-prompt-label{font-size:12.5px;color:var(--ai);letter-spacing:.01em;margin-bottom:12px;font-weight:700}.quiz-prompt-main{font-family:"Noto Serif JP",serif;font-weight:700;font-size:34px;color:var(--sumi);line-height:1.5}.quiz-prompt-main.small{font-size:19px;font-family:-apple-system,sans-serif;font-weight:700;line-height:1.5}.quiz-prompt-main ruby rt{font-size:.42em;color:var(--furigana);font-weight:700}.quiz-prompt-main u,.quiz-prompt-sentence u,.quiz-passage u{text-decoration:none;border-bottom:2px solid currentColor;padding-bottom:2px}.quiz-prompt-sentence{font-family:"Noto Serif JP",serif;font-size:19px;color:var(--sumi);line-height:2.1;text-align:left}.quiz-prompt-sentence ruby rt{font-size:.5em;color:var(--furigana);font-weight:700}.quiz-blank{display:inline-block;color:var(--hanko-deep);font-weight:700;border-bottom:2px solid var(--hanko);padding:0 2px}.quiz-prompt-translation{font-size:13px;color:var(--label-secondary);font-style:normal;margin-top:10px;text-align:left;line-height:1.5}.quiz-choices{display:flex;flex-direction:column;gap:9px;margin-bottom:18px}.quiz-choice{display:flex;align-items:center;gap:12px;text-align:left;padding:14px 15px;border:none;border-radius:var(--r-md);background:var(--washi);cursor:pointer;font-family:inherit;font-size:14.5px;font-weight:500;color:var(--sumi);transition:all .15s var(--ease-spring)}.quiz-choice:hover:not(:disabled){background:var(--ai-tint)}.quiz-choice:active:not(:disabled){transform:scale(.98)}.quiz-choice:disabled{cursor:default}.quiz-choice-letter{flex-shrink:0;width:26px;height:26px;border-radius:50%;border:none;background:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--label-secondary);box-shadow:var(--shadow-1)}.quiz-choice-text{flex:1;line-height:1.4}.quiz-choice.correct{background:var(--success-tint)}.quiz-choice.correct .quiz-choice-letter{background:var(--success);color:#fff;box-shadow:none}.quiz-choice.wrong{background:var(--hanko-tint)}.quiz-choice.wrong .quiz-choice-letter{background:var(--hanko);color:#fff;box-shadow:none}.quiz-choice.dim{opacity:.4}.quiz-footer{display:flex;gap:10px}.quiz-footer .btn{flex:1}.quiz-result{text-align:center;padding:6px 0}.quiz-result-emoji{font-size:48px;margin-bottom:10px}.quiz-result-score{font-size:36px;font-weight:800;color:var(--sumi);margin-bottom:4px;letter-spacing:-.02em}.quiz-result-label{font-size:14px;color:var(--label-secondary);margin-bottom:20px;font-weight:500}.quiz-result-row{display:flex;gap:10px}.quiz-result-row .btn{flex:1}.list-item-actions{display:flex;gap:6px}.list-item-btn{padding:5px 10px;font-size:11px;font-weight:600;border:none;border-radius:8px;background:var(--card-bg);cursor:pointer;color:var(--label-secondary);transition:all .15s ease}.list-item-btn:hover{color:var(--ai);background:var(--ai-tint)}@media (max-width:600px){body{padding:20px 12px 50px}.modal{padding:26px 16px 22px;max-width:100vw}.furirow{margin:10px 0 8px}.card,.stage,.empty{height:400px}}@media (max-width:380px){.switchrow{gap:1px}.switch{font-size:12px;padding:9px 3px}}.btn-secondary{display:flex;align-items:center;justify-content:center;gap:6px}.btn-shuffle{display:inline-flex;align-items:center;justify-content:center;gap:6px}.icon-3d{width:18px;height:18px;flex-shrink:0;overflow:visible;filter:drop-shadow(0 1.5px 1.5px rgba(0,0,0,.5)) drop-shadow(0 0 1px rgba(0,0,0,.35))}.icon-3d .icon-gloss{stroke:#ffffff73;stroke-width:16px;fill:none;stroke-linecap:round;stroke-linejoin:round}.btn-shuffle .icon-3d{width:16px;height:16px}.searchbar-row{display:flex;gap:8px;margin-bottom:10px;align-items:stretch}.searchbar-row .nuance-lamp-btn{align-self:center;margin:0}.searchbar{flex:1;display:flex;align-items:center;gap:6px;background:var(--card-bg);border:1.5px solid var(--washi-2);border-radius:20px;padding:0 12px;box-shadow:var(--shadow-1)}.searchbar:focus-within{border-color:var(--ai-tint);box-shadow:0 0 0 3px var(--ai-tint)}.search-icon{font-size:13px;flex-shrink:0;opacity:.7}.search-input{flex:1;border:none;background:transparent;outline:none;padding:10px 0;font-size:16px;color:var(--sumi);font-family:inherit;min-width:0}.search-input::placeholder{color:var(--label-tertiary)}.search-clear{flex-shrink:0;border:none;background:var(--washi-2);color:var(--label-secondary);width:20px;height:20px;border-radius:50%;font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center}.weak-filter-btn{flex-shrink:0;display:flex;align-items:center;gap:5px;padding:0 14px;border-radius:20px;border:1.5px solid var(--washi-2);background:var(--card-bg);cursor:pointer;font-size:13px;font-weight:700;color:var(--label-secondary);transition:all .15s var(--ease-spring);box-shadow:var(--shadow-1);white-space:nowrap}.weak-filter-btn:active{transform:scale(.96)}.weak-filter-btn.on{background:var(--hanko);border-color:var(--hanko);color:#fff;box-shadow:0 4px 12px -4px #c1544b80}.weak-filter-badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;margin-left:3px;border-radius:8px;background:var(--hanko);color:#fff;font-size:10px;font-weight:800;line-height:1}.weak-filter-btn.on .weak-filter-badge{background:#ffffff59}.search-results{margin-bottom:14px;max-height:340px;overflow-y:auto;border-radius:var(--r-md);background:var(--card-bg);box-shadow:var(--shadow-2);padding:6px;box-sizing:border-box}.search-item{padding:10px 12px;border-radius:var(--r-sm);background:var(--washi);margin-bottom:6px}.search-item:last-child{margin-bottom:0}.search-item-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px;margin-bottom:3px}.search-item-words{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;min-width:0}.search-front{font-family:"Noto Serif JP",serif;font-weight:700;font-size:18px;color:var(--sumi)}.search-reading{font-size:12.5px;color:var(--ai);font-weight:600}.search-item-tags{display:flex;align-items:center;gap:4px;flex-shrink:0}.search-lvl-badge{font-size:10px;font-weight:700;color:#b08a3e;background:#b08a3e24;padding:2px 7px;border-radius:9px;line-height:1.4}.search-cat-badge{font-size:10px;font-weight:700;color:var(--ai-deep);background:var(--ai-tint);padding:2px 7px;border-radius:9px;line-height:1.4}.search-item-bottom{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.search-meaning{font-size:13px;color:var(--label-secondary);font-weight:500;flex:1;min-width:0}.search-bab{font-size:10px;font-weight:700;color:var(--ai-deep);background:var(--ai-tint);padding:2px 8px;border-radius:10px;flex-shrink:0}.search-status{font-size:10px;font-weight:700;color:var(--label-tertiary);background:var(--washi-2);padding:2px 8px;border-radius:10px;flex-shrink:0}.search-status.ok{color:var(--success-deep);background:var(--success-tint)}.search-empty{padding:16px 10px;text-align:center;font-size:13px;color:var(--label-tertiary)}.search-empty-mascot{display:block;width:clamp(50px,18vw,70px);height:auto;margin:0 auto 8px}.search-more{padding:8px 10px;text-align:center;font-size:11.5px;color:var(--label-tertiary)}@media (max-width:380px){.weak-filter-btn{padding:0 10px;font-size:11.5px}}html.dark{--ai:#8FB4C4;--ai-deep:#B8D4DE;--ai-light:#729DAE;--ai-tint:rgba(143,180,196,.14);--washi:#121315;--washi-2:#1E2024;--card-bg:#191B1E;--sumi:#ECEDEF;--hanko:#E2685C;--hanko-deep:#F0897D;--hanko-tint:rgba(226,104,92,.16);--furigana:#E2685C;--success:#7FC194;--success-deep:#A0DAB0;--success-tint:rgba(127,193,148,.14);--gold:#D4AF6A;--line:rgba(236,237,239,.1);--label-secondary:#A9ACB3;--label-tertiary:#71747B;--shadow-1:0 1px 3px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.4);--shadow-2:0 4px 16px -4px rgba(0,0,0,.55),0 2px 6px -2px rgba(0,0,0,.4);--shadow-3:0 12px 32px -8px rgba(0,0,0,.65),0 4px 12px -4px rgba(0,0,0,.45)}html.dark body{background:var(--washi)}html.dark .nuance-modal{background:linear-gradient(180deg,#24262b,#1a1c20);box-shadow:0 24px 60px -18px #000000a6,0 0 0 1px #d4af6a38}html.dark .nuance-modal-icon{background:linear-gradient(145deg,#d4af6a,#a87f32);box-shadow:0 4px 10px -3px #d4af6a80}html.dark .nuance-modal-title{color:#e4c88a}html.dark .nuance-modal-text{color:#eae0c8}html.dark .nuance-modal-text strong,html.dark .nuance-modal-text b{color:#e4c88a}html.dark .nuance-modal-pattern{color:var(--sumi)}html.dark .nuance-modal-bg.show{background:#000000a6}html.dark .nuance-lamp-btn{background:linear-gradient(145deg,#d4af6a4d,#a87f3233);border-color:#d4af6a66}html.dark .kanji-structure{background:#d4af6a1a}html.dark .kanji-structure-note{color:#d4af6a}html.dark .bunpou-top-right{background:#d4af6a1a}html.dark .bunpou-connection-item{color:#d4af6a}html.dark .quiz-choice-letter{background:var(--washi-2);color:var(--label-secondary)}html.dark .stamp{background:var(--card-bg)}html.dark .furitoggle .dot{background:#4a473e}html.dark #backupMsg{color:var(--label-secondary)}html.dark .modal-bg.show{background:#000000a6}html.dark .babsection,html.dark .card-inner .face{border:1px solid var(--line)}.theme-toggle{position:fixed;top:14px;right:14px;z-index:60;width:42px;height:42px;border-radius:50%;border:1.5px solid var(--washi-2);background:var(--card-bg);box-shadow:var(--shadow-2);display:flex;align-items:center;justify-content:center;font-size:19px;line-height:1;cursor:pointer;transition:transform .2s var(--ease-spring),background .2s ease,border-color .2s ease}.theme-toggle:active{transform:scale(.88) rotate(-12deg)}@media (max-width:600px){.theme-toggle{top:10px;right:10px;width:38px;height:38px;font-size:17px}}.quiz-category-section-title{font-size:12px;font-weight:700;color:var(--label-secondary);letter-spacing:.02em;margin:14px 0 8px}.quiz-category-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:6px}.quiz-category-btn{text-align:left;padding:12px;border:1.5px solid var(--washi-2);border-radius:var(--r-sm);background:var(--card-bg);cursor:pointer;display:flex;flex-direction:column;gap:3px;transition:all .15s var(--ease-spring)}.quiz-category-btn:hover{border-color:var(--ai-tint);background:var(--ai-tint)}.quiz-category-btn:active{transform:scale(.97)}.quiz-category-btn-label{font-size:14px;font-weight:700;color:var(--sumi)}.quiz-category-btn-desc{font-size:11px;color:var(--label-tertiary);line-height:1.35}.quiz-kumitate-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px;justify-content:center;line-height:2.2}.quiz-kumitate-slots{display:inline-flex;flex-wrap:wrap;gap:6px;justify-content:center}.quiz-kumitate-slot{min-width:64px;text-align:center;cursor:pointer;transition:all .15s ease}.quiz-kumitate-slot.filled{cursor:pointer;background:var(--ai-tint);color:var(--ai-deep);border-bottom-color:var(--ai)}.quiz-kumitate-slot.star{border-bottom-color:var(--hanko);color:var(--hanko-deep);font-weight:700}.quiz-kumitate-slot.correct{background:var(--success-tint);color:var(--success-deep)}.quiz-kumitate-slot.wrong{background:var(--hanko-tint);color:var(--hanko-deep)}.quiz-kumitate-slot.dim{opacity:.5}.quiz-kumitate-pool{flex-direction:row;flex-wrap:wrap}.quiz-kumitate-chip{flex:none;padding:10px 14px}.quiz-passage{text-align:left;line-height:2.3;font-size:16px}.quiz-passage-blankgroup{margin-bottom:16px}.quiz-passage-blankgroup-title{font-size:12.5px;font-weight:700;color:var(--ai-deep);margin-bottom:8px}.quiz-blank.filled{padding:2px 8px}.quiz-blank.filled.correct{background:var(--success-tint);color:var(--success-deep)}.quiz-blank.filled.wrong{background:var(--hanko-tint);color:var(--hanko-deep)}@media (max-width:380px){.quiz-category-grid{grid-template-columns:1fr}}.auth-modal-desc{font-size:13px;color:var(--label-secondary);line-height:1.5;margin:-8px 0 16px}.auth-error-msg{background:var(--hanko-tint);color:var(--hanko-deep);font-size:12.5px;font-weight:600;padding:10px 12px;border-radius:var(--r-sm);margin-bottom:12px}.auth-switch-mode{display:block;width:100%;text-align:center;background:transparent;border:none;color:var(--ai);font-size:13px;font-weight:600;padding:12px 0 4px;cursor:pointer}.auth-forgot-pw{display:block;width:100%;text-align:center;background:transparent;border:none;color:var(--label-tertiary);font-size:12px;padding:2px 0 10px;cursor:pointer}html.dark .auth-error-msg{background:var(--hanko-tint);color:var(--hanko-deep)}.theme-toggle-icon{position:relative;width:16px;height:16px;border-radius:50%;background:var(--sumi);box-shadow:6px -6px 0 0 var(--washi) inset;transition:box-shadow .25s ease,background .25s ease,transform .25s ease;transform:rotate(0)}.theme-toggle-icon:before,.theme-toggle-icon:after{content:"";position:absolute;background:var(--sumi);border-radius:1px;opacity:0;transition:opacity .2s ease}.theme-toggle.is-dark .theme-toggle-icon{background:#f4c95d;box-shadow:none;transform:rotate(90deg)}.theme-toggle.is-dark .theme-toggle-icon:before,.theme-toggle.is-dark .theme-toggle-icon:after{opacity:1;background:#f4c95d;box-shadow:0 0 0 1px transparent}.theme-toggle.is-dark .theme-toggle-icon{box-shadow:0 -11px 0 -8px #f4c95d,0 11px 0 -8px #f4c95d,-11px 0 0 -8px #f4c95d,11px 0 0 -8px #f4c95d,-8px -8px 0 -8px #f4c95d,8px -8px 0 -8px #f4c95d,-8px 8px 0 -8px #f4c95d,8px 8px 0 -8px #f4c95d}.quiz-result-pct{font-family:Zen Maru Gothic,Noto Sans JP,sans-serif;font-size:44px;font-weight:800;line-height:1;margin-bottom:8px;letter-spacing:-.01em}.quiz-result-pct.tier-perfect{color:var(--success-deep)}.quiz-result-pct.tier-high{color:var(--ai-deep)}.quiz-result-pct.tier-mid{color:var(--gold)}.quiz-result-pct.tier-low{color:var(--hanko-deep)}.quiz-kumitate-slot.star{position:relative}.quiz-kumitate-slot.star:after{content:"";position:absolute;top:-6px;right:-2px;width:6px;height:6px;border-radius:50%;background:var(--hanko)}.admin-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;background:var(--washi);border-radius:var(--r-sm)}.admin-toggle-text{display:flex;flex-direction:column;gap:3px}.admin-toggle-title{font-size:14px;font-weight:700;color:var(--sumi)}.admin-toggle-desc{font-size:12px;color:var(--label-secondary);line-height:1.4}.admin-switch{flex-shrink:0;width:46px;height:26px;border-radius:20px;border:none;background:var(--washi-2);position:relative;cursor:pointer;transition:background .2s ease}.admin-switch.on{background:var(--ai)}.admin-switch-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--shadow-1);transition:transform .2s var(--ease-spring)}.admin-switch.on .admin-switch-knob{transform:translate(20px)}.admin-switch:disabled{opacity:.6;cursor:default}a[href*="netlify.com"][class*=badge],a[href*="netlify.app"][id*=netlify],#netlify-identity-widget,.netlify-badge{display:none!important}.passkey-btn{display:flex;align-items:center;justify-content:center;gap:8px}.passkey-btn svg{flex-shrink:0}.passkey-icon-img{width:20px;height:20px;flex-shrink:0;filter:brightness(0) invert(1);object-fit:contain}.auth-passkey-prompt{text-align:center;background:var(--ai-tint);border-radius:12px;padding:14px 14px 12px}.auth-passkey-prompt-text{font-size:12.5px;color:var(--label-secondary);margin-bottom:10px;line-height:1.5}.auth-passkey-prompt .passkey-btn{width:100%;background:var(--ai);color:var(--washi);border-color:var(--ai);font-weight:700}.auth-passkey-prompt-usepw{display:block;width:100%;margin-top:8px;padding:4px;border:none;background:none;color:var(--label-secondary);text-decoration:underline;cursor:pointer;font-size:12px}.nuance-section{margin-bottom:14px}.nuance-section:last-child{margin-bottom:0}.nuance-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:#8a6b1f;margin-bottom:6px}.nuance-synonym-item{font-size:calc(14px * var(--fs-scale));line-height:1.6;padding:13px 13px 14px;background:#e6a82e14;border-radius:var(--r-sm);margin-bottom:8px}.nuance-synonym-item:last-child{margin-bottom:0}.nuance-synonym-word{font-weight:700;color:#8a6b1f}.nuance-synonym-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;margin-bottom:5px}.nuance-synonym-arti{font-size:10.5px;font-weight:700;letter-spacing:.03em;color:#8a6b1f;background:#e6a82e33;padding:2px 9px;border-radius:999px;white-space:nowrap}.nuance-synonym-explain{font-size:calc(13px * var(--fs-scale));line-height:1.55;color:var(--sumi);margin-bottom:16px;text-align:justify;text-justify:inter-word}.nuance-synonym-example{font-size:calc(13px * var(--fs-scale))}.nuance-synonym-example .example-pair{padding:9px 10px}.nuance-synonym-example .example-jp{font-size:calc(13.5px * var(--fs-scale));line-height:1.6}.nuance-synonym-example .example-id{font-size:calc(11.5px * var(--fs-scale));margin-top:4px}.nuance-section .example{border-top:none;padding-top:0;margin-top:0}.nuance-extra-example .example-pair{padding:16px 15px!important;border:1px solid rgba(176,138,62,.16)!important}.nuance-extra-example .example-pair+.example-pair{margin-top:14px!important}.nuance-extra-example .example-pair-no{margin-bottom:9px!important}.nuance-extra-example .example-jp{font-size:calc(18px * var(--fs-scale))!important;line-height:1.6!important}.nuance-extra-example .example-id{font-size:calc(15px * var(--fs-scale))!important;margin-top:6px!important;line-height:1.5!important}.nuance-synonym-explain{font-size:calc(15.5px * var(--fs-scale))!important}.nuance-synonym-example .example-jp{font-size:calc(17px * var(--fs-scale))!important;line-height:1.6!important}.nuance-synonym-example .example-id{font-size:calc(15px * var(--fs-scale))!important}html.dark .nuance-section-title{color:#e4c88a}html.dark .nuance-synonym-item{background:#d4af6a1f}html.dark .nuance-synonym-word{color:#e4c88a}html.dark .nuance-synonym-arti{color:#e4c88a;background:#d4af6a38}html.dark .nuance-synonym-explain{color:#f0e6d2}.mascot-flank-row{display:flex;align-items:flex-end;justify-content:center;gap:6px;width:100%;position:relative;z-index:3}.mascot-flank-icon-stack{position:relative;height:var(--flank-h,44px);width:var(--flank-w,84px)}.mascot-flank-icon-stack-badge{width:var(--flank-bw,84px)}.mascot-flank-icon-stack:not(.mascot-flank-icon-stack-badge) .mascot-flank-icon{object-position:right center}.mascot-flank-icon{position:absolute;inset:0;height:100%;width:100%;object-fit:contain;opacity:0;transform:scale(.94);transition:opacity .28s var(--ease-out),transform .28s var(--ease-out);pointer-events:none;user-select:none;filter:drop-shadow(0 2px 5px rgba(43,45,66,.12))}.mascot-flank-icon.show{opacity:1;transform:scale(1);z-index:1}#levelBadgeIconA,#levelBadgeIconB{width:100%;-webkit-mask-position:left center;mask-position:left center;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background-color:var(--gold)}html.dark #levelBadgeIconA,html.dark #levelBadgeIconB{background-color:#e4c88a}#levelBadgeIconA.colored,#levelBadgeIconB.colored,html.dark #levelBadgeIconA.colored,html.dark #levelBadgeIconB.colored{background-color:transparent;background-size:contain;background-repeat:no-repeat;background-position:left center}#stage,#stage .card{touch-action:pan-y}.profile-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px}.profile-theme-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border:2px solid transparent;border-radius:var(--r-sm);background:var(--washi);cursor:pointer;transition:all .15s ease}.profile-theme-card img{width:44px;height:44px;object-fit:contain}.profile-theme-card span{font-size:11px;font-weight:600;color:var(--label-secondary);text-align:center;line-height:1.3}.profile-theme-card.active{border-color:var(--ai);background:var(--ai-tint)}.profile-theme-card.active span{color:var(--ai-deep)}.profile-avatar{border-radius:50%;object-fit:contain;background:var(--washi-2);flex-shrink:0;padding:3px;box-shadow:var(--shadow-1)}.examui-scorecard-name-row{display:flex;align-items:center;gap:10px}.mgk-profile-greeting{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:14.5px;font-weight:700;color:var(--sumi)}.profile-drawer-bg{justify-content:flex-start!important;align-items:stretch!important}.profile-drawer{position:relative;width:82vw;max-width:320px;height:100%;background:var(--card-bg);box-shadow:var(--shadow-3);padding:0 0 24px;box-sizing:border-box;overflow:hidden;transform:translate(-100%);transition:transform .5s cubic-bezier(.3,.7,.2,1);display:flex;flex-direction:column}.profile-drawer-viewport{position:relative;flex:1;min-height:0;overflow:hidden}.profile-drawer-track{display:flex;height:100%;transition:transform .32s var(--ease-spring)}.profile-drawer[data-page=admin] .profile-drawer-track{transform:translate(-100%)}.profile-drawer[data-page=adminreg] .profile-drawer-track{transform:translate(-200%)}.profile-drawer[data-page=adminbackup] .profile-drawer-track{transform:translate(-300%)}.profile-drawer[data-page=passkey] .profile-drawer-track{transform:translate(-400%)}.profile-drawer[data-page=feedback] .profile-drawer-track{transform:translate(-500%)}.profile-drawer[data-page=tema] .profile-drawer-track{transform:translate(-600%)}.profile-drawer[data-page=admineco] .profile-drawer-track{transform:translate(-700%)}.profile-drawer[data-page=hapusakun] .profile-drawer-track{transform:translate(-800%)}.profile-drawer[data-page=security] .profile-drawer-track{transform:translate(-900%)}.profile-drawer[data-page=pw] .profile-drawer-track{transform:translate(-1000%)}.profile-drawer[data-page=editprofil] .profile-drawer-track{transform:translate(-1100%)}.profile-drawer[data-page=errlog] .profile-drawer-track{transform:translate(-1200%)}.profile-drawer[data-page=updateadm] .profile-drawer-track{transform:translate(-1300%)}.profile-drawer-page:not(.pd-on){visibility:hidden}.profile-drawer-page{flex:0 0 100%;width:100%;min-width:0;padding:0 18px;overflow-y:auto;display:flex;flex-direction:column;box-sizing:border-box}.profile-drawer-page-main{padding-right:19px}.profile-drawer-page-sub{padding:max(58px,calc(env(safe-area-inset-top,0px) + 14px)) 1px 0 4px}.profile-drawer-subheader{display:flex;align-items:center;gap:12px;padding:4px 2px 18px;border-bottom:1px solid var(--line);margin-bottom:16px;flex-shrink:0}.profile-drawer-back{width:32px;height:32px;border:none;border-radius:50%;background:var(--washi-2);color:var(--label-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.profile-drawer-back:active{transform:scale(.92)}.profile-drawer-back .material-symbols-outlined{font-size:19px}.profile-drawer-subtitle{font-size:16.5px;font-weight:800;color:var(--sumi);letter-spacing:-.01em}.profile-drawer-bg.show .profile-drawer{transform:translate(0);transition:transform .6s cubic-bezier(.25,.8,.25,1)}.profile-drawer-close{position:absolute;top:12px;right:12px;margin:0;z-index:8;width:32px;height:32px;border:none;border-radius:50%;background:#fffcf7c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 1px 4px #2b2d422e;color:var(--sumi);display:flex;align-items:center;justify-content:center;cursor:pointer}.profile-drawer-close .material-symbols-outlined{font-size:19px}.profile-drawer-header{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:58px 10px 20px;border-bottom:1px solid var(--line);margin-bottom:14px}.profile-drawer-cover{position:relative;width:calc(100% + 37px);margin:0 -18px;height:176px;overflow:hidden;background:var(--washi)}.profile-drawer-cover-fill{position:absolute;inset:-6px;background-size:100% 300%;background-position:center bottom;filter:blur(4px)}.profile-drawer-cover video,.profile-drawer-cover img{position:absolute;top:0;left:0;width:100%;height:auto;display:block}.profile-drawer-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 99%,var(--card-bg) 100%);pointer-events:none}.profile-drawer-header.has-cover .profile-drawer-cover{height:152px}.profile-drawer{will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden}.profile-drawer-cover{isolation:isolate;transform:translateZ(0);-webkit-mask-image:-webkit-radial-gradient(white,black);contain:paint}.profile-drawer-cover video{pointer-events:none;z-index:1}.profile-drawer-cover.cover-swap{animation:coverSwap .3s ease}@keyframes coverSwap{0%{opacity:.25}to{opacity:1}}.profile-drawer-header.has-cover{padding-top:0;padding-left:0;padding-right:0}.profile-drawer-header.has-cover .profile-drawer-namerow,.profile-drawer-header.has-cover .profile-drawer-email,.profile-drawer-header.has-cover .eco-drawer-rank{padding:0 10px;box-sizing:border-box;max-width:100%}.profile-drawer-header.has-cover .profile-drawer-avatar-btn{margin-top:-84px;margin-bottom:14px;box-shadow:0 0 0 4px var(--card-bg);z-index:2;background:var(--card-bg)}.profile-drawer-avatar-btn{position:relative;width:76px;height:76px;border-radius:50%;border:none;padding:0;background:var(--ai-tint);color:var(--ai-deep);display:flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:12px;overflow:visible}.profile-drawer-avatar-icon{font-size:40px}.profile-drawer-avatar-btn img{width:76px;height:76px;border-radius:50%;object-fit:cover;display:block}.profile-drawer-avatar-badge{position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;border-radius:50%;background:var(--ai);color:var(--washi);display:flex;align-items:center;justify-content:center;border:2px solid var(--card-bg)}.profile-drawer-avatar-badge .material-symbols-outlined{font-size:14px}.profile-drawer-namerow{position:relative;display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:3px}.profile-drawer-name{font-size:16.5px;font-weight:700;color:var(--sumi)}.profile-drawer-editname{position:absolute;right:16px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;background:transparent;color:var(--label-secondary);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.profile-drawer-editname:active{background:var(--ai-tint)}.profile-drawer-email{font-size:12.5px;color:var(--label-secondary);word-break:break-all}.profile-drawer-menu{display:flex;flex-direction:column;gap:4px;flex:1}.profile-drawer-item{display:flex;align-items:center;gap:14px;width:100%;padding:12px 10px;border:none;background:transparent;border-radius:12px;font-size:14.5px;font-weight:600;color:var(--sumi);cursor:pointer;text-align:left;transition:background .15s ease}.profile-drawer-item:hover{background:var(--ai-tint)}.profile-drawer-item .material-symbols-outlined{font-size:21px;color:var(--label-secondary)}.profile-drawer-item-svgicon{flex-shrink:0;color:var(--label-secondary)}.profile-drawer-item.danger{color:var(--hanko-deep)}.pd-item-val{margin-left:auto;min-width:0;max-width:52%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;color:var(--label-secondary)}.pd-item-val.is-empty{font-style:italic;opacity:.8}.profile-drawer-uname{font-size:12.5px;font-weight:600;color:var(--label-secondary);margin-top:1px}.profile-drawer-item.danger .material-symbols-outlined{color:var(--hanko-deep)}.profile-drawer-divider{height:1px;background:var(--line);margin:8px 4px}.menubtn-icon{font-size:15px;vertical-align:-3px;margin-right:3px}.ctrlbtn-icon{font-size:17px;vertical-align:-3px;margin-right:4px}.btn-icon-inline{font-size:16px;vertical-align:-3px;margin-right:5px}.icon-inline{font-size:1.15em;vertical-align:-.15em;margin-right:5px;line-height:1}.quiz-header-close .material-symbols-outlined{font-size:16px}.dyn-dialog{max-width:300px;text-align:center}.dyn-dialog-icon{width:44px;height:44px;border-radius:50%;background:var(--ai-tint);color:var(--ai-deep);display:flex;align-items:center;justify-content:center;margin:2px auto 14px}.dyn-dialog-icon .material-symbols-outlined{font-size:23px}.dyn-dialog-icon.danger{background:var(--hanko-tint);color:var(--hanko-deep)}.dyn-dialog-msg{font-size:15px;line-height:1.6;color:var(--sumi);font-weight:600;margin:0 0 20px}.dyn-dialog .modal-field{margin-bottom:16px;text-align:left}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}svg.material-symbols-outlined{display:inline-block;width:1em;height:1em;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;overflow:visible}.profile-peek-tab{position:fixed;top:50%;left:0;transform:translateY(-50%) scale(1);transition:transform .15s var(--ease-spring);width:30px;height:60px;border:none;border-radius:0 18px 18px 0;background:var(--card-bg);box-shadow:var(--shadow-2);display:flex;align-items:center;justify-content:center;z-index:99;cursor:pointer;padding:0;touch-action:pan-y}.profile-peek-tab .material-symbols-outlined{font-size:18px;color:var(--ai-deep)}.profile-peek-tab:active{transform:translateY(-50%) scale(.88)}.feedback-trigger-btn{position:absolute;top:10px;left:10px;width:26px;height:26px;border-radius:50%;border:none;background:#2b2d420f;color:var(--label-tertiary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;padding:0;transition:background .15s ease,color .15s ease,transform .15s ease}.feedback-trigger-btn .material-symbols-outlined{font-size:14px}.feedback-trigger-btn:hover{background:var(--hanko-tint);color:var(--hanko-deep)}.feedback-trigger-btn:active{transform:scale(.88)}.nuance-modal-feedback-btn{position:absolute;top:14px;right:48px;left:auto}.is-admin-view .feedback-trigger-btn{display:none}#feedbackModalBg{z-index:140}.feedback-modal-context{background:var(--washi);border-radius:var(--r-sm);padding:10px 12px;font-size:12.5px;color:var(--label-secondary);margin-bottom:14px;line-height:1.5}.feedback-modal-context b{color:var(--sumi)}.feedback-chip-row{display:flex;flex-wrap:wrap;gap:8px}.feedback-chip{padding:7px 13px;border-radius:20px;border:none;font-size:12.5px;font-weight:500;cursor:pointer;background:var(--washi);color:var(--label-secondary);user-select:none;transition:all .15s ease}.feedback-chip.on{background:var(--hanko);color:#fff;font-weight:700}.feedback-admin-badge{margin-left:auto;background:var(--hanko);color:#fff;font-size:11px;font-weight:700;border-radius:20px;padding:2px 8px;line-height:1.4}.feedback-admin-list{display:flex;flex-direction:column;gap:10px;margin-top:10px}.feedback-admin-item{background:var(--washi);border-radius:var(--r-sm);padding:12px 14px;border:1px solid var(--line)}.feedback-admin-item.resolved{opacity:.55}.feedback-admin-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.feedback-admin-cat-badge{background:var(--hanko-tint);color:var(--hanko-deep);font-size:11px;font-weight:700;border-radius:20px;padding:3px 10px;white-space:nowrap}.feedback-admin-date{font-size:11px;color:var(--label-tertiary);white-space:nowrap}.feedback-admin-context{font-size:12.5px;color:var(--label-secondary);margin-bottom:6px;line-height:1.4}.feedback-admin-context b{color:var(--sumi)}.feedback-admin-desc{font-size:13.5px;color:var(--sumi);white-space:pre-wrap;line-height:1.5;margin-bottom:8px}.feedback-admin-reporter{font-size:11px;color:var(--label-tertiary);margin-bottom:8px}.feedback-admin-actions{display:flex;gap:8px}.feedback-admin-actions button{flex:1;padding:7px 10px;border-radius:10px;border:none;font-size:12px;font-weight:600;cursor:pointer;background:var(--washi-2);color:var(--sumi)}.feedback-admin-actions button.resolve-btn.is-resolved{background:var(--success-tint);color:var(--success-deep)}.feedback-admin-actions button.delete-btn{background:var(--hanko-tint);color:var(--hanko-deep)}.babtag.review-active{color:#fff;background:var(--hanko);box-shadow:0 2px 8px -3px #c1544b80}@media (max-height:640px) and (orientation:landscape){.stage,.empty,.card{height:280px}.header-photo img{max-width:120px}.landak-perch,.usagi-perch,.bunpou-perch{max-width:70px}body{padding-top:12px}}@media (min-width:900px){.wrap{max-width:600px}body{padding-top:40px}}.onboarding-modal{text-align:center;position:relative;max-width:300px;width:calc(100% - 40px);margin:0 auto;padding:20px 18px 16px;border-radius:22px}.onboarding-modal:before{display:none}.onboarding-spotlight-ring{position:fixed;pointer-events:none;border-radius:14px;box-shadow:0 0 0 9999px #1414199e,0 0 0 3px #ffffffe6;opacity:0;transition:top .32s var(--ease-spring),left .32s var(--ease-spring),width .32s var(--ease-spring),height .32s var(--ease-spring),opacity .2s ease}.onboarding-spotlight-ring.show{opacity:1}.onboarding-bg.is-spotlight{background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.onboarding-modal.is-anchored{position:fixed!important;left:50%!important;transform:translate(-50%)!important;margin:0!important;transition:top .32s var(--ease-spring),opacity .18s ease}.onboarding-modal.text-only .onboarding-char{display:none}.usagi-perch.theme-char,.bunpou-perch.theme-char,.landak-perch.theme-char{width:clamp(50px,15vw,78px);max-width:none;min-width:0;opacity:1;transform:translate(-50%);transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .2s ease}.landak-perch.theme-char{transform:translateY(0)}.usagi-perch.theme-char.is-hidden,.bunpou-perch.theme-char.is-hidden{transform:translate(-50%,60%)!important;opacity:0;pointer-events:none;transition:transform .25s cubic-bezier(.6,-.05,.85,.35),opacity .2s ease}.landak-perch.theme-char.is-hidden{transform:translateY(60%)!important;opacity:0;pointer-events:none;transition:transform .25s cubic-bezier(.6,-.05,.85,.35),opacity .2s ease}.onboarding-char{margin:6px auto 10px;background-repeat:no-repeat;transform-origin:50% 100%;animation:onbBreathe 3.4s ease-in-out infinite;will-change:transform}@keyframes onbBreathe{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-1.5px) scale(1.012,1.018)}}@media (prefers-reduced-motion:reduce){.onboarding-char{animation:none}}.onboarding-title{font-family:"Noto Serif JP",serif;font-weight:700;font-size:16.5px;color:var(--sumi);margin-bottom:8px;line-height:1.35}.onboarding-body{font-size:13.5px;color:var(--label-secondary);line-height:1.55;margin-bottom:14px;text-align:left}.onboarding-dots{display:flex;justify-content:center;gap:6px;margin-bottom:14px}.onboarding-dot{width:7px;height:7px;border-radius:50%;background:var(--washi-2);transition:background .2s ease,transform .2s ease}.onboarding-dot.on{background:var(--ai);transform:scale(1.2)}html.dark .profile-drawer-close{background:#1b1a15b8}.bk-page{padding:4px 2px 28px}.bk-sec{padding:18px 0 20px;border-top:1px solid var(--line)}.bk-sec:first-child{border-top:none;padding-top:10px}.bk-title{margin:0 0 4px;font-size:15px;font-weight:700;color:var(--sumi);letter-spacing:.005em}.bk-desc{margin:0 0 12px;font-size:12.5px;line-height:1.5;color:var(--label-secondary)}.bk-btn{display:flex;align-items:center;justify-content:center;width:100%}.bk-btn:disabled{opacity:.55;cursor:default}.bk-msg{font-size:12px;line-height:1.45;color:var(--label-secondary);margin-top:8px}.bk-msg:empty{display:none}.bk-link{border:none;background:none;padding:4px 2px;font:inherit;font-size:12.5px;font-weight:700;color:var(--ai);cursor:pointer}.bk-cloud-result{margin-top:12px;background:var(--washi);border-radius:var(--r-sm);padding:4px 12px 8px}.bk-cloud-result[hidden]{display:none}.bk-result-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--line);font-size:12px;font-weight:600;color:var(--label-secondary)}.bk-more{display:block;width:100%;margin-top:6px;padding:10px;border:none;background:none;font:inherit;font-size:12.5px;font-weight:700;color:var(--ai);cursor:pointer}.bk-more[hidden]{display:none}.bk-manual>summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;margin:0}.bk-manual>summary::-webkit-details-marker{display:none}.bk-chev{font-size:22px;color:var(--label-tertiary);transition:transform .2s var(--ease-out)}.bk-manual[open] .bk-chev{transform:rotate(180deg)}.bk-manual[open]>summary{margin-bottom:4px}.bk-manual .bk-desc{margin-top:4px}.bk-sub{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.bk-subtitle{font-size:12.5px;font-weight:700;color:var(--label-secondary)}.bk-sub textarea{width:100%;min-height:64px;resize:vertical;padding:11px 13px;border:none;border-radius:var(--r-sm);font-family:inherit;font-size:13px;color:var(--sumi);background:var(--washi);box-sizing:border-box}.bk-sub textarea:focus{outline:2px solid var(--ai);outline-offset:1px}.backup-auto-list{display:flex;flex-direction:column;margin-top:12px;background:var(--washi);border-radius:var(--r-sm)}.backup-auto-list:empty{display:none}.backup-item{padding:11px 12px;border-top:1px solid var(--line)}.backup-item:first-child{border-top:none}.backup-item.has-warning{box-shadow:inset 3px 0 0 var(--hanko)}.backup-item-top{display:flex;align-items:center;gap:6px;margin-bottom:3px}.backup-item-date{font-size:13.5px;font-weight:700;color:var(--sumi);margin-right:auto;font-variant-numeric:tabular-nums}.backup-item-chip{background:var(--washi-2);color:var(--label-secondary);font-size:10.5px;font-weight:700;border-radius:20px;padding:2px 8px;white-space:nowrap}.backup-item-chip.latest{background:var(--ai-tint);color:var(--ai-deep)}.backup-item-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.backup-item-meta{font-size:12px;color:var(--label-secondary);font-variant-numeric:tabular-nums}.backup-item-warn{font-size:12px;color:var(--hanko-deep);background:var(--hanko-tint);border-radius:8px;padding:6px 9px;margin-top:8px;line-height:1.4}.backup-item-actions{display:flex;gap:6px;flex:none}.backup-item-actions button,.backup-deck-row button{padding:6px 12px;border-radius:20px;border:none;font-size:12px;font-weight:600;cursor:pointer;background:var(--card-bg);color:var(--sumi);box-shadow:var(--shadow-1)}.backup-item-actions button[aria-expanded=true]{background:var(--ai);color:#fff}.backup-item-actions button:disabled,.backup-deck-row button:disabled{opacity:.5;cursor:default}.backup-item-detail{margin-top:10px;padding-top:6px;border-top:1px dashed var(--line);font-size:12px;color:var(--label-secondary)}.backup-deck-row{display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:center;padding:6px 0}.backup-deck-name{font-weight:700;color:var(--sumi);font-size:12.5px}.backup-deck-count{grid-column:1;font-size:11.5px;color:var(--label-secondary)}.backup-deck-row button{grid-column:2;grid-row:1 / span 2;background:var(--ai-tint);color:var(--ai-deep);box-shadow:none}.backup-cloud-list{display:flex;flex-direction:column;margin-top:8px}.backup-cloud-list:empty{display:none}.backup-cloud-total{font-size:13px;color:var(--sumi);line-height:1.5;margin-bottom:8px}.backup-cloud-total b{font-size:15px}.backup-cloud-group{font-size:12px;font-weight:700;color:var(--label-secondary);margin:10px 0 2px}.backup-cloud-row{display:grid;grid-template-columns:1fr auto;gap:1px 12px;align-items:baseline;padding:8px 2px;border-bottom:1px solid var(--line)}.backup-cloud-row:last-child{border-bottom:none}.backup-cloud-name{font-size:13px;font-weight:700;color:var(--sumi)}.backup-cloud-count{font-size:17px;font-weight:700;color:var(--sumi);font-variant-numeric:tabular-nums;text-align:right}.backup-cloud-count small{font-size:11px;font-weight:600;color:var(--label-secondary);margin-left:3px}.backup-cloud-meta{grid-column:1 / span 2;font-size:11.5px;color:var(--label-secondary);line-height:1.45}.backup-cloud-flag{grid-column:1 / span 2;font-size:11.5px;line-height:1.4;border-radius:8px;padding:5px 8px;margin-top:4px}.backup-cloud-flag.ok{background:var(--ai-tint);color:var(--ai-deep)}.backup-cloud-flag.warn{background:var(--hanko-tint);color:var(--hanko-deep)}.fb-highlight{outline:2px solid var(--hanko);outline-offset:-2px;background:#c83c3214;animation:fbPulse 1.6s ease-out 2}@keyframes fbPulse{0%{box-shadow:0 0 #c83c3259}to{box-shadow:0 0 0 10px #c83c3200}}.feedback-admin-qtext{margin:6px 0;padding:8px 10px;border-radius:8px;background:var(--washi);font-size:13px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.feedback-admin-actions .goto-btn{border:none;background:var(--ai-tint,#e8eef3);color:var(--ai-deep,#2c4a5c);border-radius:8px;padding:6px 10px;font:inherit;font-size:12px;font-weight:600;cursor:pointer}a.profile-drawer-item{text-decoration:none;color:inherit;box-sizing:border-box}.pw-field{position:relative;margin-bottom:8px}.pw-field input{padding-right:44px!important}.pw-eye{position:absolute;right:4px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:none;background:transparent;color:var(--label-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:10px}.pw-eye:hover{background:var(--ai-tint)}.pw-eye svg{display:block}.profile-drawer-cover img,.profile-drawer-cover video{-webkit-mask-image:linear-gradient(to bottom,#000 94%,transparent 100%);mask-image:linear-gradient(to bottom,#000 94%,transparent 100%)}.notif-bell{position:fixed;top:10px;left:10px;-webkit-transform:translateZ(0);z-index:60;width:38px;height:38px;border-radius:50%;border:1.5px solid var(--washi-2);background:var(--card-bg);box-shadow:var(--shadow-2);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sumi);transition:transform .2s var(--ease-spring)}.notif-bell:active{transform:scale(.88)}.notif-bell svg{display:block}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#e5484d;color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.ann-list{display:flex;flex-direction:column;gap:10px;margin:10px 0}.ann-empty{text-align:center;color:var(--label-tertiary);padding:20px 0;font-size:13px}.ann-item{border:1px solid var(--washi-2);border-radius:14px;padding:12px 14px;background:var(--card-bg)}.ann-item.fresh{border-color:#e5484d}.ann-title{font-weight:700;font-size:14px;margin-bottom:4px}.ann-body{font-size:13px;line-height:1.5}.ann-meta{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:11px;color:var(--label-tertiary);flex-wrap:wrap}.ann-act{border:1px solid var(--washi-2);background:transparent;border-radius:10px;padding:4px 10px;font-size:11.5px;cursor:pointer;color:inherit}.ann-del{color:#e5484d}.ann-admin{border-top:1px dashed var(--washi-2);margin-top:8px;padding-top:10px}.ann-admin h3{font-size:13px;margin:0 0 8px}.ann-input{width:100%;box-sizing:border-box;margin-bottom:8px;padding:10px 12px;border-radius:12px;border:1.5px solid var(--washi-2);background:var(--card-bg);color:inherit;font:inherit;font-size:13px}.ann-check{display:flex;gap:6px;align-items:center;font-size:12px;margin-bottom:10px}.app-version{margin-left:auto;font-size:11px;color:var(--label-tertiary)}.ann-overlay{position:fixed;inset:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;background:#2b2d4280;opacity:0;pointer-events:none;transition:opacity .12s ease;will-change:opacity}.ann-overlay.show{opacity:1;pointer-events:auto}.ann-card{width:100%;max-width:380px;max-height:80vh;display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-3);overflow:hidden;transform:translateY(10px) scale(.97);transition:transform .22s cubic-bezier(.34,1.3,.5,1);will-change:transform}.ann-overlay.show .ann-card{transform:none}.ann-head{position:relative;display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px 22px;border-bottom:1px solid var(--line);background-color:var(--washi);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='20' viewBox='0 0 40 20'%3E%3Cg fill='none' stroke='%234A6572' stroke-opacity='.13' stroke-width='1'%3E%3Ccircle cx='20' cy='20' r='6'/%3E%3Ccircle cx='20' cy='20' r='11'/%3E%3Ccircle cx='20' cy='20' r='16'/%3E%3Ccircle cx='0' cy='10' r='6'/%3E%3Ccircle cx='0' cy='10' r='11'/%3E%3Ccircle cx='40' cy='10' r='6'/%3E%3Ccircle cx='40' cy='10' r='11'/%3E%3C/g%3E%3C/svg%3E")}.ann-head-txt{display:flex;flex-direction:column;gap:2px}.ann-jp{font-family:"Noto Serif JP",serif;font-weight:800;font-size:21px;letter-spacing:.08em;color:var(--sumi)}.ann-sub{font-family:Zen Maru Gothic,Noto Sans JP,sans-serif;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--label-secondary)}.ann-x{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--card-bg);color:var(--label-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.ann-body-wrap{overflow-y:auto;padding:14px 16px 18px;-webkit-overflow-scrolling:touch}.ann-list{display:flex;flex-direction:column;gap:10px;margin:0}.ann-item{border:1px solid var(--line);border-left:3px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--card-bg);font-family:Zen Maru Gothic,Noto Sans JP,sans-serif}.ann-item.fresh{border-left-color:var(--hanko);background:var(--hanko-tint)}.ann-title{display:flex;align-items:center;gap:7px;font-family:"Noto Serif JP",serif;font-weight:800;font-size:14.5px;margin-bottom:5px;color:var(--sumi)}.ann-ico{color:var(--ai);flex-shrink:0}.ann-stamp{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:5px;background:var(--hanko);color:#fff;font-family:"Noto Serif JP",serif;font-weight:900;font-size:12.5px;transform:rotate(-6deg);box-shadow:0 0 0 1.5px var(--card-bg),0 0 0 2.5px var(--hanko)}.ann-body{font-size:13.5px;line-height:1.6;color:var(--sumi)}.ann-empty{text-align:center;color:var(--label-tertiary);padding:26px 0;font-size:13px;font-family:Zen Maru Gothic,sans-serif}.notif-bell,.ann-x,.ann-act,#annSend{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.ann-x{transition:transform .15s ease,background .2s ease}.ann-x:active{transform:scale(.88);background:var(--washi)}.ann-act{transition:transform .15s ease,background .2s ease,opacity .2s ease}.ann-act:active{transform:scale(.94);background:var(--ai-tint)}#annSend{transition:transform .15s ease,opacity .25s ease,filter .2s ease}#annSend:active{transform:scale(.97)}#annSend.busy{opacity:.65}.ann-item{transition:opacity .25s ease,transform .25s ease,max-height .28s ease,margin .28s ease,padding .28s ease}.ann-overlay.show .ann-item{animation:annIn .22s cubic-bezier(.22,.9,.28,1) both}.ann-item:nth-child(2){animation-delay:.03s}.ann-item:nth-child(3){animation-delay:.06s}.ann-item:nth-child(n+4){animation-delay:.09s}.ann-item.leaving{opacity:0;transform:translate(24px)}@keyframes annIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.ann-input{transition:border-color .2s ease,box-shadow .2s ease}.ann-input:focus{outline:none;border-color:var(--ai);box-shadow:0 0 0 3px var(--ai-tint)}@media (prefers-reduced-motion:reduce){.ann-item,.ann-card,.ann-overlay{animation:none;transition:none}}.ann-body-wrap{overscroll-behavior:contain}.ann-overlay{overscroll-behavior:none;touch-action:none}.ann-body-wrap{touch-action:pan-y}.bab-gem{position:absolute;top:11px;right:12px;z-index:3;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#2f9bc4;background:#3fb0d61f;box-shadow:0 0 0 1px #3fb0d647;pointer-events:none;animation:babGemGlint 3s ease-in-out infinite}.bab-gem svg{display:block}@keyframes babGemGlint{0%,to{box-shadow:0 0 0 1px #3fb0d647,0 0 #3fb0d600}50%{box-shadow:0 0 0 1px #3fb0d680,0 0 10px 2px #3fb0d659}}@media (prefers-reduced-motion:reduce){.bab-gem{animation:none}}.quiz-choice{position:relative}.wrong-mascot-fx{position:absolute;right:14px;top:50%;width:48px;height:48px;margin-top:-24px;pointer-events:none;opacity:0;transform-origin:50% 100%;animation:wrongMascotFx 2.8s cubic-bezier(.22,.9,.28,1) forwards;will-change:opacity,transform}.wrong-mascot-fx img{position:absolute;left:0;bottom:0;width:100%;height:100%;object-fit:contain}.wrong-mascot-fx .wm-drops{position:absolute;left:8px;top:-8px;width:32px;height:16px;fill:#5bb6e6;opacity:.9;animation:wmDrops 1.1s ease-in infinite}.wrong-mascot-fx.has-art .wm-drops{display:none}@keyframes wrongMascotFx{0%{opacity:0;transform:translateY(8px) scale(.85)}12%{opacity:.78;transform:translateY(0) scale(1.05)}22%{transform:scale(1)}60%{opacity:.55}to{opacity:0;transform:translateY(-4px) scale(.96)}}@keyframes wmDrops{0%{transform:translateY(-3px);opacity:0}30%{opacity:.95}to{transform:translateY(7px);opacity:0}}@media (prefers-reduced-motion:reduce){.wrong-mascot-fx{animation:wrongMascotFxRM 2.4s linear forwards}.wrong-mascot-fx .wm-drops{animation:none}@keyframes wrongMascotFxRM{0%{opacity:.75}80%{opacity:.6}to{opacity:0}}}header{position:relative}.themefx{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.themefx-p{position:absolute;top:-24px;opacity:0;background-repeat:no-repeat;background-size:no-repeat;will-change:transform,opacity;animation:themefxFall linear infinite}.themefx-p.sprite{background-size:300% 200%}.themefx-p:not(.sprite){background-size:contain;background-position:center}.themefx-p.v0{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='12' cy='6.2' rx='3.6' ry='4.6' transform='rotate%280 12 12%29' fill='%23F8A6BF' stroke='%23D6607F' stroke-width='.8'/%3E%3Cellipse cx='12' cy='6.2' rx='3.6' ry='4.6' transform='rotate%2872 12 12%29' fill='%23F8A6BF' stroke='%23D6607F' stroke-width='.8'/%3E%3Cellipse cx='12' cy='6.2' rx='3.6' ry='4.6' transform='rotate%28144 12 12%29' fill='%23F8A6BF' stroke='%23D6607F' stroke-width='.8'/%3E%3Cellipse cx='12' cy='6.2' rx='3.6' ry='4.6' transform='rotate%28216 12 12%29' fill='%23F8A6BF' stroke='%23D6607F' stroke-width='.8'/%3E%3Cellipse cx='12' cy='6.2' rx='3.6' ry='4.6' transform='rotate%28288 12 12%29' fill='%23F8A6BF' stroke='%23D6607F' stroke-width='.8'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23F7C948'/%3E%3C/svg%3E")}.themefx-p.v1{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2 4.2 3.2-1.2-1 4.4 4.3-.9-3 3.9 3 1.8-5.2 1.1.9 4.7-4.2-2-4.2 2 .9-4.700-5.200-1.100 3-1.800-3-3.900 4.300.9-1-4.400L10 6.200z' fill='%23D8382E' stroke='%238E1F1A' stroke-width='.9' stroke-linejoin='round'/%3E%3Cpath d='M12 21v-8' stroke='%238E1F1A' stroke-width='.9' stroke-linecap='round'/%3E%3C/svg%3E")}.themefx-p.v2{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='5.600' r='2.700' transform='rotate%280 12 12%29' fill='%23fff' stroke='%23E0708F' stroke-width='.9'/%3E%3Ccircle cx='12' cy='5.600' r='2.700' transform='rotate%2872 12 12%29' fill='%23fff' stroke='%23E0708F' stroke-width='.9'/%3E%3Ccircle cx='12' cy='5.600' r='2.700' transform='rotate%28144 12 12%29' fill='%23fff' stroke='%23E0708F' stroke-width='.9'/%3E%3Ccircle cx='12' cy='5.600' r='2.700' transform='rotate%28216 12 12%29' fill='%23fff' stroke='%23E0708F' stroke-width='.9'/%3E%3Ccircle cx='12' cy='5.600' r='2.700' transform='rotate%28288 12 12%29' fill='%23fff' stroke='%23E0708F' stroke-width='.9'/%3E%3Ccircle cx='12' cy='12' r='1.800' fill='%23E0708F'/%3E%3C/svg%3E")}.themefx-p.v3{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cellipse cx='12' cy='6.2' rx='3.6' ry='4.6' transform='rotate%280 12 12%29' fill='%23FFD3DF' stroke='%23EE8FAB' stroke-width='.8'/%3E%3Cellipse cx='12' cy='6.2' rx='3.6' ry='4.6' transform='rotate%2872 12 12%29' fill='%23FFD3DF' stroke='%23EE8FAB' stroke-width='.8'/%3E%3Cellipse cx='12' cy='6.2' rx='3.6' ry='4.6' transform='rotate%28144 12 12%29' fill='%23FFD3DF' stroke='%23EE8FAB' stroke-width='.8'/%3E%3Cellipse cx='12' cy='6.2' rx='3.6' ry='4.6' transform='rotate%28216 12 12%29' fill='%23FFD3DF' stroke='%23EE8FAB' stroke-width='.8'/%3E%3Cellipse cx='12' cy='6.2' rx='3.6' ry='4.6' transform='rotate%28288 12 12%29' fill='%23FFD3DF' stroke='%23EE8FAB' stroke-width='.8'/%3E%3Ccircle cx='12' cy='12' r='2' fill='%23F7C948'/%3E%3C/svg%3E")}.themefx-p.v4{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2l2 4.2 3.2-1.2-1 4.4 4.3-.9-3 3.9 3 1.8-5.2 1.1.9 4.7-4.2-2-4.2 2 .9-4.700-5.200-1.100 3-1.800-3-3.900 4.300.9-1-4.400L10 6.200z' fill='%23E8593A' stroke='%23A4281C' stroke-width='.9' stroke-linejoin='round'/%3E%3Cpath d='M12 21v-8' stroke='%23A4281C' stroke-width='.9' stroke-linecap='round'/%3E%3C/svg%3E")}.themefx-p.v5{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='5.600' r='2.700' transform='rotate%280 12 12%29' fill='%23fff' stroke='%23D8382E' stroke-width='.9'/%3E%3Ccircle cx='12' cy='5.600' r='2.700' transform='rotate%2872 12 12%29' fill='%23fff' stroke='%23D8382E' stroke-width='.9'/%3E%3Ccircle cx='12' cy='5.600' r='2.700' transform='rotate%28144 12 12%29' fill='%23fff' stroke='%23D8382E' stroke-width='.9'/%3E%3Ccircle cx='12' cy='5.600' r='2.700' transform='rotate%28216 12 12%29' fill='%23fff' stroke='%23D8382E' stroke-width='.9'/%3E%3Ccircle cx='12' cy='5.600' r='2.700' transform='rotate%28288 12 12%29' fill='%23fff' stroke='%23D8382E' stroke-width='.9'/%3E%3Ccircle cx='12' cy='12' r='1.800' fill='%23D8382E'/%3E%3C/svg%3E")}@keyframes themefxFall{0%{opacity:0;transform:translateZ(0) rotate(0)}10%{opacity:calc(.9 * var(--op,1))}25%{transform:translate3d(calc(var(--dx) * .15 + var(--sw,0px)),calc(var(--h) * .25),0) rotate(calc(var(--rot) * .25))}50%{transform:translate3d(calc(var(--dx) * .6),calc(var(--h) * .5),0) rotate(calc(var(--rot) * .5))}75%{transform:translate3d(calc(var(--dx) * .85 - var(--sw,0px)),calc(var(--h) * .75),0) rotate(calc(var(--rot) * .75))}90%{opacity:calc(.85 * var(--op,1))}to{opacity:0;transform:translate3d(var(--dx),calc(var(--h) + 20px),0) rotate(var(--rot))}}.eco-fx-art{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--washi),var(--card-bg));min-height:64px}.eco-fx-art i{position:absolute;top:-10px;width:11px;height:11px;border-radius:70% 0;background:#f7b6c8;opacity:.85;animation:themefxFall linear infinite;--h:70px;--rot:200deg}.eco-fx-art i:nth-child(1){left:10%;--dx:12px;animation-duration:4.2s}.eco-fx-art i:nth-child(2){left:28%;--dx:-10px;animation-duration:5.4s;animation-delay:-1.2s}.eco-fx-art i:nth-child(3){left:46%;--dx:14px;animation-duration:4.8s;animation-delay:-2.4s;background:#ffd3df}.eco-fx-art i:nth-child(4){left:62%;--dx:-14px;animation-duration:5.8s;animation-delay:-.6s}.eco-fx-art i:nth-child(5){left:78%;--dx:10px;animation-duration:4.6s;animation-delay:-3s;background:#f49ab4}.eco-fx-art i:nth-child(6){left:90%;--dx:-8px;animation-duration:5.2s;animation-delay:-1.8s}@media (prefers-reduced-motion:reduce){.themefx{display:none}.eco-fx-art i{animation:none;opacity:.7;top:30%}}.profile-drawer-bio{display:block;max-width:100%;margin:6px auto 0;padding:2px 12px;font-size:13px;line-height:1.4;color:var(--label-primary);text-align:center;word-break:break-word}.profile-drawer-name{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .12s,opacity .12s}.profile-drawer-name:active{transform:scale(.97);opacity:.7}.onboarding-modal.onboarding-compact .onboarding-char{display:none!important}.onboarding-modal.onboarding-compact{padding-top:16px}.onb-lock{overflow:hidden!important;overscroll-behavior:none}.onboarding-bg{touch-action:none;overscroll-behavior:contain}.onboarding-bg .onboarding-modal{touch-action:pan-y}.usagi-perch.theme-char.theme-wide,.bunpou-perch.theme-char.theme-wide,.landak-perch.theme-char.theme-wide{width:clamp(76px,24vw,118px)}.profile-drawer-cover.cover-tall,.profile-drawer-header.has-cover .profile-drawer-cover.cover-tall{height:216px}html.mascot-pending .usagi-perch,html.mascot-pending .landak-perch,html.mascot-pending .bunpou-perch,html.mascot-pending .bear-peek{visibility:hidden;animation:mascotReveal 0s 3s forwards}@keyframes mascotReveal{to{visibility:visible}}.onboarding-bg{z-index:3000}html{background:var(--washi)}body{padding-top:env(safe-area-inset-top)}.theme-toggle{top:calc(env(safe-area-inset-top) + 14px)}.notif-bell{top:calc(env(safe-area-inset-top) + 10px)}@media (max-width:600px){.theme-toggle{top:calc(env(safe-area-inset-top) + 10px)}}.cfx-cv{position:absolute;top:0;left:0;width:100%;height:auto;pointer-events:none;z-index:1;-webkit-mask-image:linear-gradient(to bottom,#000 94%,transparent 100%);mask-image:linear-gradient(to bottom,#000 94%,transparent 100%)}.cfx-cv.cfx-cover{height:100%;object-fit:cover;object-position:center 30%;-webkit-mask-image:none;mask-image:none}.pc-cover{position:relative;overflow:hidden}header:has(>.themefx-k)>:not(.themefx){position:relative;z-index:1}.profile-drawer-header.has-cover .profile-drawer-cover.cover-fit{height:calc(min(82vw,320px)/2)}.profile-drawer-cover.cover-fit img,.profile-drawer-cover.cover-fit video{object-fit:cover;object-position:center}html.dark .header-photo img{filter:drop-shadow(1.5px 0 0 #FBF6EE) drop-shadow(-1.5px 0 0 #FBF6EE) drop-shadow(0 1.5px 0 #FBF6EE) drop-shadow(0 -1.5px 0 #FBF6EE) drop-shadow(0 6px 14px rgba(0,0,0,.45))}html.dark .nuance-modal{background:var(--card-bg);box-shadow:0 24px 60px -18px #000000b3,0 0 0 1px var(--line)}html.dark .nuance-modal-glow{background:radial-gradient(circle,var(--ai-tint) 0%,rgba(0,0,0,0) 70%)}html.dark .nuance-modal-pattern{border-bottom-color:var(--line)}html.dark .nuance-modal-icon{background:linear-gradient(145deg,var(--ai-light),var(--ai));box-shadow:0 4px 10px -3px #00000080;color:#121315}html.dark .nuance-modal-title,html.dark .nuance-section-title{color:var(--ai)}html.dark .nuance-modal-text{color:var(--sumi)}html.dark .nuance-modal-text strong,html.dark .nuance-modal-text b{color:var(--ai-deep)}html.dark .nuance-modal-close{background:var(--washi-2);color:var(--label-secondary,#A3A7AE)}html.dark .nuance-synonym-item{background:var(--washi-2)}html.dark .nuance-synonym-word{color:var(--ai-deep)}html.dark .nuance-synonym-arti{color:var(--ai-deep);background:var(--ai-tint)}html.dark .nuance-synonym-explain{color:var(--sumi)}html.dark .nuance-extra-example .example-pair{border-color:var(--line)!important}html.dark .nuance-lamp-btn{background:var(--ai-tint);border-color:var(--line)}html.dark .nuance-lamp-btn:after{border-color:var(--ai-light)}.profile-drawer-bg{transition:opacity .45s ease,background .45s ease,backdrop-filter .45s ease,visibility 0s linear .5s}.profile-drawer-bg.show{transition:opacity .45s ease,background .45s ease,backdrop-filter .45s ease}.notif-bell{position:absolute}.theme-toggle{position:fixed}.profile-drawer{transition:transform .5s cubic-bezier(.4,0,.6,1)}.profile-drawer-bg.show .profile-drawer{transition:transform .8s cubic-bezier(.35,.05,.2,1)}.profile-drawer-bg{transition:opacity .6s ease,background .6s ease,backdrop-filter .6s ease,visibility 0s linear .5s}.profile-drawer-bg.show{transition:opacity .7s ease,background .7s ease,backdrop-filter .7s ease}@keyframes pdItemIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:none}}.profile-drawer-bg.show .profile-drawer-page-main>*{animation:pdItemIn .5s cubic-bezier(.25,.8,.3,1) both}.profile-drawer-bg.show .profile-drawer-page-main>:nth-child(1){animation-delay:.18s}.profile-drawer-bg.show .profile-drawer-page-main>:nth-child(2){animation-delay:.24s}.profile-drawer-bg.show .profile-drawer-page-main>:nth-child(3){animation-delay:.3s}.profile-drawer-bg.show .profile-drawer-page-main>:nth-child(4){animation-delay:.36s}.profile-drawer-bg.show .profile-drawer-page-main>:nth-child(n+5){animation-delay:.42s}@media (prefers-reduced-motion:reduce){.profile-drawer-bg.show .profile-drawer-page-main>*{animation:none}}body{padding-top:calc(env(safe-area-inset-top,0px) + 22px)}.theme-toggle,.notif-bell{top:calc(env(safe-area-inset-top,0px) + 22px)}.profile-drawer-header.has-cover{padding-top:env(safe-area-inset-top,0px)}.profile-drawer{transition:transform .28s cubic-bezier(.4,0,.6,1)}.profile-drawer-bg.show .profile-drawer{transition:transform .36s cubic-bezier(.2,.75,.25,1)}.profile-drawer-bg{transition:opacity .26s ease,background .26s ease,backdrop-filter .26s ease,visibility 0s linear .28s}.profile-drawer-bg.show{transition:opacity .5s ease,background .5s ease,backdrop-filter .5s ease}.profile-drawer-bg.show .profile-drawer-page-main>*{animation-duration:.4s}.profile-drawer-bg.show .profile-drawer-page-main>:nth-child(1){animation-delay:.1s}.profile-drawer-bg.show .profile-drawer-page-main>:nth-child(2){animation-delay:.14s}.profile-drawer-bg.show .profile-drawer-page-main>:nth-child(3){animation-delay:.18s}.profile-drawer-bg.show .profile-drawer-page-main>:nth-child(4){animation-delay:.22s}.profile-drawer-bg.show .profile-drawer-page-main>:nth-child(n+5){animation-delay:.26s}.cam-cv{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;-webkit-mask-image:linear-gradient(to bottom,#000 94%,transparent 100%);mask-image:linear-gradient(to bottom,#000 94%,transparent 100%)}.pc-cover .cam-cv{-webkit-mask-image:none;mask-image:none}.ann-item.has-pose{display:flex;gap:11px;align-items:flex-start}.ann-main{flex:1;min-width:0}.ann-pose{flex:0 0 auto;width:52px;max-height:60px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 2px 4px rgba(0,0,0,.12));pointer-events:none;user-select:none}.ann-empty .ann-pose{display:block;margin:0 auto 8px;width:64px;max-height:74px}body{padding-top:calc(env(safe-area-inset-top,0px) + 34px)}.theme-toggle,.notif-bell{top:calc(env(safe-area-inset-top,0px) + 34px)}.profile-drawer-header{padding-top:70px}.profile-drawer-header.has-cover{padding-top:calc(env(safe-area-inset-top,0px) + 12px)}.profile-drawer-page-sub{padding-top:max(70px,calc(env(safe-area-inset-top,0px) + 26px))}.review-scope{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin:-4px 0 12px}.review-scope[hidden]{display:none}.review-scope button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:16px;border:1.5px solid var(--washi-2);background:var(--card-bg);color:var(--label-secondary);font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;box-shadow:var(--shadow-1);transition:all .15s var(--ease-spring)}.review-scope button b{font-weight:800}.review-scope button.on{border-color:var(--hanko);color:var(--hanko-deep);background:#c1544b14}.review-scope button:disabled{opacity:.45;cursor:default}.review-scope button:active:not(:disabled){transform:scale(.96)}.review-scope-note{flex-basis:100%;text-align:right;font-size:11.5px;font-weight:600;color:var(--label-tertiary)}.review-scope-note[hidden]{display:none}.leech-dot{display:inline-block;width:7px;height:7px;margin-left:4px;border-radius:50%;background:#e0a23b;box-shadow:0 0 0 2px var(--card-bg)}.weak-filter-btn.on .leech-dot{box-shadow:0 0 0 2px var(--hanko)}.leech-tag{position:absolute;top:44px;left:16px;z-index:3;border:none;border-radius:10px;padding:3px 9px;background:#e0a23b29;color:#9a6a12;font:inherit;font-size:11px;font-weight:800;cursor:pointer}html.dark .leech-tag{color:#e8b95e;background:#e0a23b2e}html.ngk-protect :is(#stage,#cardBrowse,#cardList,#cardListContainer,#searchResults,#nuanceModalBg,#completionModal){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html.ngk-protect :is(#stage,#cardBrowse,#cardList,#cardListContainer,#searchResults,#nuanceModalBg) :is(input,textarea){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}
