:root{--c-washi-base:#fcfbfa;--c-washi-surface:#f7f5f0;--c-washi-card:#fff;--c-shiraki-border:#e5dfd3;--c-shiraki-dark:#d8d0c2;--c-sumi-ink:#1a1a1a;--c-sumi-secondary:#4a453e;--c-sumi-tertiary:#7d7569;--c-sumi-faint:#a39c90;--c-aizome-indigo:#2c4f7c;--c-aizome-hover:#1e3656;--c-aizome-pale:#e6f0fa;--c-aizome-glow:#2c4f7c2e;--c-hon-ake:#c53d2d;--c-hon-ake-soft:#fbf0ee;--c-hon-ake-hover:#b03425;--c-bamboo-green:#2d6a4f;--c-bamboo-soft:#eaf4ef;--font-serif-jp:"Noto Serif JP", serif;--font-serif-en:"Newsreader", Georgia, serif;--font-sans-jp:"Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--font-sans-en:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-washi:0 4px 20px -2px #2c28230a, 0 1px 4px -1px #2c282305;--shadow-card:0 8px 30px -4px #2c28230f, 0 2px 8px -2px #2c282308;--shadow-floating:0 16px 36px -6px #2c282317, 0 4px 12px -2px #2c28230a;--shadow-glow-aizome:0 0 18px var(--c-aizome-glow)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans-jp);background-color:var(--c-washi-base);color:var(--c-sumi-ink);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.8;position:relative;overflow-x:hidden}.washi-background{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.sunlight-orb{filter:blur(140px);opacity:.38;will-change:transform;border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,#fff2db 0%,#fff2db00 70%);width:600px;height:600px;top:-120px;right:-80px}.orb-2{background:radial-gradient(circle,#edf5fc 0%,#edf5fc00 70%);width:700px;height:700px;bottom:-150px;left:-100px}.washi-fiber-overlay{opacity:.025;background-image:radial-gradient(#1a1a1a 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.header-nav{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--c-shiraki-border);background:#fcfbfaf5;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;margin:0 auto;padding:.85rem 1.5rem;display:flex}.brand-group{color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex}.hanko-seal{background:var(--c-hon-ake-soft);width:34px;height:34px;color:var(--c-hon-ake);font-family:var(--font-serif-jp);border:1.5px solid var(--c-hon-ake);-webkit-user-select:none;user-select:none;border-radius:4px;justify-content:center;align-items:center;font-size:1.15rem;font-weight:900;line-height:1;display:inline-flex;box-shadow:inset 0 0 4px #c53d2d2e,0 2px 6px #c53d2d1f}.brand-text{flex-direction:column;display:flex}.brand-kanji{font-family:var(--font-serif-jp);letter-spacing:.08em;color:var(--c-sumi-ink);font-size:1.2rem;font-weight:700;line-height:1.2}.brand-romaji{font-family:var(--font-sans-en);letter-spacing:.16em;color:var(--c-sumi-tertiary);text-transform:uppercase;font-size:.7rem;font-weight:600}.nav-center{align-items:center;gap:1.5rem;display:flex}.nav-link{color:var(--c-sumi-secondary);border-radius:var(--radius-sm);white-space:nowrap;padding:.4rem .6rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s}.nav-link:hover,.nav-link.active{color:var(--c-aizome-indigo);background:var(--c-aizome-pale)}.nav-actions{white-space:nowrap;flex-shrink:0;align-items:center;gap:.85rem;display:flex}.auth-group{flex-shrink:0;align-items:center;gap:.5rem;margin-left:.25rem;display:inline-flex}.auth-btn-signin{font-family:var(--font-sans-jp);letter-spacing:.04em;color:var(--c-sumi-primary,#2d3748);border-radius:var(--radius-full,9999px);cursor:pointer;white-space:nowrap;background:#b4966e1f;border:1px solid #b4966e59;padding:.35rem .85rem;font-size:.8rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1)}.auth-btn-signin:hover{color:#1a202c;background:#b4966e3d;border-color:#b4966e99;transform:translateY(-1px)}.cl-modalBackdrop{-webkit-backdrop-filter:blur(4px)!important;background-color:#1a1a1a61!important}.cl-modalContent,.cl-modalContent>div,.cl-card,.cl-userProfile-root{border-radius:16px!important;overflow:hidden!important}.cl-card{border:1px solid var(--c-shiraki-border)!important;background-color:#fff!important;border-radius:16px!important;box-shadow:0 24px 48px -10px #2c282329!important}.cl-userProfile-root .cl-pageScrollBox,.cl-userProfile-root .cl-scrollBox,.cl-userProfile-root .cl-profilePage,.cl-userProfile-root .cl-main,.cl-userProfile-root .cl-header,.cl-userProfile-root .cl-footer{box-shadow:none!important;border-radius:0!important;margin:0!important}.cl-navbar{background-color:var(--c-washi-surface)!important;border-right:1px solid var(--c-shiraki-border)!important;border-radius:0!important}.cl-navbarButton{color:var(--c-sumi-secondary)!important;border-radius:8px!important;font-weight:500!important;transition:all .15s!important}.cl-navbarButton:hover{color:var(--c-sumi-ink)!important;background-color:#ede9e1!important}.cl-navbarButtonActive{color:var(--c-sumi-ink)!important;background-color:#fff!important;font-weight:600!important;box-shadow:0 1px 3px #2c28230f!important}.cl-profilePage,.cl-scrollBox,.cl-pageScrollBox{background-color:#fff!important}.cl-userProfile-root .cl-profilePage .cl-header,.cl-userProfile-root .cl-scrollBox .cl-header,.cl-userProfile-root .cl-pageScrollBox .cl-header,.cl-userProfile-root .cl-page .cl-header{box-shadow:none!important;background-color:#0000!important;border:none!important}.cl-modalContent>.cl-header,.cl-userProfile-root>.cl-header{background-color:var(--c-washi-surface)!important;border-bottom:1px solid var(--c-shiraki-border)!important;padding:.85rem 1.25rem!important}.cl-userProfile-root .cl-footer{background-color:var(--c-washi-surface)!important;border-top:1px solid var(--c-shiraki-border)!important;border-radius:0!important}.cl-headerTitle{font-family:var(--font-serif-jp), serif!important;color:var(--c-sumi-ink)!important;letter-spacing:.02em!important;font-size:1.25rem!important;font-weight:600!important}.cl-headerSubtitle{color:var(--c-sumi-secondary)!important;margin-top:.25rem!important;font-size:.85rem!important}.cl-profileSectionTitle,.cl-profileSectionTitleText{color:var(--c-sumi-ink)!important;font-weight:600!important}.cl-profileSectionPrimaryButton{color:var(--c-aizome-indigo)!important;font-weight:500!important;transition:color .15s!important}.cl-profileSectionPrimaryButton:hover{color:var(--c-aizome-hover)!important}.cl-fileDropAreaButton,.cl-profileSectionContent button:not(.cl-formButtonPrimary):not(.cl-formButtonReset){background-color:var(--c-washi-surface)!important;border:1px solid var(--c-shiraki-border)!important;color:var(--c-sumi-ink)!important;border-radius:8px!important;padding:6px 14px!important;font-size:.85rem!important;font-weight:600!important;transition:all .15s!important}.cl-fileDropAreaButton:hover,.cl-profileSectionContent button:not(.cl-formButtonPrimary):not(.cl-formButtonReset):hover{border-color:var(--c-shiraki-dark)!important;color:var(--c-sumi-ink)!important;background-color:#ede9e1!important}.cl-fileDropAreaDestructiveButton,button[data-localization-key="userProfile.profilePage.imageForm.removeButton"],button[data-variant=danger]{color:var(--c-hon-ake)!important;font-weight:600!important}button[data-localization-key="userProfile.profilePage.imageForm.removeButton"]:hover{background-color:var(--c-hon-ake-soft)!important;color:var(--c-hon-ake-hover)!important}.cl-formFieldInput{border:1px solid var(--c-shiraki-border)!important;color:var(--c-sumi-ink)!important;background-color:#fff!important;border-radius:8px!important}.cl-formFieldInput:focus{border-color:var(--c-aizome-indigo)!important;box-shadow:0 0 0 2px #2c4f7c1f!important}.cl-formFieldLabel{color:var(--c-sumi-secondary)!important;font-weight:500!important}.cl-formButtonPrimary{background-color:var(--c-aizome-indigo)!important;color:#fff!important;border-radius:8px!important;font-weight:500!important;transition:background-color .15s!important}.cl-formButtonPrimary:hover{background-color:var(--c-aizome-hover)!important}.cl-formButtonReset{background-color:var(--c-washi-surface)!important;border:1px solid var(--c-shiraki-border)!important;color:var(--c-sumi-secondary)!important;border-radius:8px!important;transition:all .15s!important}.cl-formButtonReset:hover{color:var(--c-sumi-ink)!important;background-color:#ede9e1!important}.cl-userButtonPopoverCard{-webkit-backdrop-filter:blur(16px)!important;background-color:#fffffffa!important;border:1px solid #2c4f7c3d!important;border-radius:12px!important;overflow:hidden!important;box-shadow:0 16px 36px -4px #1a1a1a33,0 4px 12px -2px #1a1a1a14!important}.cl-userButtonPopoverMain,.cl-userButtonPopoverActions{box-shadow:none!important;background-color:#0000!important;border:none!important;border-radius:0!important;margin:0!important}.cl-userButtonPopoverActions{border-bottom:none!important;padding:.25rem .5rem .4rem!important}.cl-userButtonPopoverActionButton{color:var(--c-sumi-ink)!important;border-radius:8px!important;transition:all .15s!important}.cl-userButtonPopoverActionButton:hover{color:var(--c-sumi-ink)!important;background-color:#f0ece1!important}.cl-userButtonPopoverActionButtonText{color:var(--c-sumi-ink)!important;font-size:.88rem!important;font-weight:500!important}.cl-userButtonPopoverActionButtonIcon,.cl-userButtonPopoverActionButtonIcon svg{color:var(--c-aizome-indigo)!important;opacity:1!important}.cl-userButtonPopoverFooter{background-color:var(--c-washi-surface)!important;border:none!important;border-top:1px solid var(--c-shiraki-border)!important;border-radius:0!important;margin:0!important}.cl-userPreviewMainIdentifier{color:var(--c-sumi-ink)!important;font-weight:600!important}.cl-userPreviewSecondaryIdentifier{color:var(--c-sumi-tertiary)!important}.badge{border-radius:var(--radius-xs);letter-spacing:.02em;white-space:nowrap;flex-shrink:0;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;line-height:1;display:inline-flex}.badge-streak{background:var(--c-hon-ake-soft);color:var(--c-hon-ake);border:1px solid #c53d2d33}.tag-elem{color:#b07000;background:#fef7e6;border:1px solid #b0700033}.tag-jh{color:#1a56db;background:#eef4fe;border:1px solid #1a56db33}.tag-hs{color:#1e7e48;background:#edf8f3;border:1px solid #1e7e4833}.tag-gen{color:#6932b5;background:#f3eefc;border:1px solid #6932b533}.tag-adv{color:#c53030;background:#fdeeee;border:1px solid #c5303033}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.1rem;font-family:inherit;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:var(--c-aizome-indigo);color:#fff;box-shadow:0 2px 8px #2c4f7c33}.btn-primary:hover:not(:disabled){background:var(--c-aizome-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2c4f7c4d;color:#fff!important}.btn-outline{color:var(--c-sumi-secondary);border-color:var(--c-shiraki-border);background:#fff}.btn-outline:hover:not(:disabled){border-color:var(--c-shiraki-dark);color:var(--c-sumi-ink);background:var(--c-washi-surface)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.reader-container{max-width:900px;margin:2rem auto 8rem;padding:0 1.5rem}.article-card{background:var(--c-washi-card);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:2.25rem 2.5rem;transition:border-color .2s;position:relative}.article-card:hover{border-color:var(--c-shiraki-dark)}.article-header{border-bottom:1px solid var(--c-shiraki-border);margin-bottom:2rem;padding-bottom:1.5rem}.article-meta-row{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.85rem;display:flex}.category-lead{letter-spacing:.04em;color:var(--c-aizome-indigo);white-space:nowrap;font-size:.78rem;font-weight:700}.article-title{font-family:var(--font-serif-jp);color:var(--c-sumi-ink);margin-bottom:.5rem;font-size:1.75rem;font-weight:700;line-height:1.35}.article-subtitle{color:var(--c-sumi-secondary);font-size:.95rem;line-height:1.6}.reader-bottom-toolbar{border-top:1px solid var(--c-shiraki-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:2.5rem;padding-top:1.25rem;display:flex}.custom-text-toggle-btn{white-space:nowrap;flex-shrink:0;padding:.4rem .85rem;font-size:.82rem}.reader-hint-text{color:var(--c-sumi-tertiary);font-size:.78rem;line-height:1.5}.passage-box{-webkit-user-select:text;user-select:text;margin-bottom:2rem;line-height:2.3;position:relative}.passage-text{font-family:var(--font-serif-en);color:var(--c-sumi-ink);letter-spacing:.01em;word-spacing:normal;white-space:pre-wrap;word-break:break-word;font-size:1.42rem}.token-delimiter{white-space:pre-wrap}.sentence-unit{border-radius:var(--radius-xs);-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-color .25s,box-shadow .25s;display:inline}.sentence-unit.current-sentence{background-color:#2c4f7c0f;box-shadow:0 0 0 2px #2c4f7c0f}.word-span{-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:3px;padding:1px 2px;transition:background-color .15s,color .15s,box-shadow .15s;display:inline;position:relative}.word-span.plain-word{color:var(--c-sumi-ink);cursor:pointer;border-radius:3px}.word-span.plain-word:hover{background-color:var(--c-shiraki-hover);color:var(--c-aizome-indigo);-webkit-text-decoration:underline dotted;text-decoration:underline dotted;text-decoration-thickness:1px}.word-span.current-word{color:var(--c-aizome-indigo);background-color:#2c4f7c29;border-radius:3px;box-shadow:0 0 0 1px #2c4f7c38}.word-span.target-vocab{color:var(--c-sumi-ink);border-bottom:1.5px dashed var(--c-aizome-indigo);cursor:pointer}.word-span.target-vocab:hover{background-color:var(--c-aizome-pale);color:var(--c-aizome-indigo)}.word-span.target-vocab.current-word{color:var(--c-aizome-indigo);border-bottom:1.5px dashed var(--c-aizome-indigo);background-color:#2c4f7c38;box-shadow:0 0 0 1px #2c4f7c47}.parallel-translation{background:var(--c-washi-surface);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-md);margin-top:2rem;padding:1.2rem 1.5rem}.trans-header{color:var(--c-sumi-tertiary);letter-spacing:.05em;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:flex}.trans-body{color:var(--c-sumi-secondary);font-size:.95rem;line-height:1.75}.audio-dock-wrapper{z-index:90;pointer-events:none;width:100%;max-width:900px;padding:0 1.25rem;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%)}.audio-dock{pointer-events:auto;-webkit-backdrop-filter:blur(24px);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-xl);background:#fffffffa;justify-content:space-between;align-items:center;gap:1.25rem;padding:.85rem 1.5rem;display:flex;box-shadow:0 12px 36px #2c28231f,0 2px 8px #2c28230a}.dock-primary-group{align-items:center;gap:1.25rem;display:flex}.dock-controls-left{flex-shrink:0;align-items:center;gap:.6rem;display:flex}.dock-icon-btn{border-radius:var(--radius-full);width:38px;height:38px;color:var(--c-sumi-secondary);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.dock-icon-btn:hover:not(:disabled){background:var(--c-washi-surface);color:var(--c-sumi-ink);border-color:var(--c-shiraki-border)}.dock-icon-btn:disabled{opacity:.35;cursor:not-allowed}.dock-play-btn{background:var(--c-aizome-indigo);color:#fff;border-radius:var(--radius-full);cursor:pointer;border:none;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px #2c4f7c4d}.dock-play-btn:hover{background:var(--c-aizome-hover);transform:scale(1.05)}.dock-progress-info{font-family:var(--font-mono);color:var(--c-sumi-secondary);white-space:nowrap;flex-shrink:0;align-items:center;gap:.75rem;font-size:.82rem;display:flex}.dock-word-counter{font-variant-numeric:tabular-nums;display:inline-block;white-space:nowrap!important}.audio-wave{flex-shrink:0;align-items:center;gap:3px;height:20px;display:flex}.wave-bar{background:var(--c-sumi-tertiary);border-radius:2px;width:3px;height:4px;transition:height .2s,background-color .2s}.audio-wave.active .wave-bar,.zen-audio-wave.active .wave-bar{background:var(--c-aizome-indigo);animation:1s ease-in-out infinite alternate wavePulse}.audio-wave.active .wave-bar:first-child,.zen-audio-wave.active .wave-bar:first-child{height:12px;animation-delay:0s}.audio-wave.active .wave-bar:nth-child(2),.zen-audio-wave.active .wave-bar:nth-child(2){height:18px;animation-delay:.2s}.audio-wave.active .wave-bar:nth-child(3),.zen-audio-wave.active .wave-bar:nth-child(3){height:8px;animation-delay:.4s}.audio-wave.active .wave-bar:nth-child(4),.zen-audio-wave.active .wave-bar:nth-child(4){height:16px;animation-delay:.1s}.audio-wave.active .wave-bar:nth-child(5),.zen-audio-wave.active .wave-bar:nth-child(5){height:10px;animation-delay:.3s}@keyframes wavePulse{0%{height:4px}50%{height:18px}to{height:6px}}.dock-settings-right{white-space:nowrap;flex-shrink:0;align-items:center;gap:.75rem;display:flex}.dock-selects-group{align-items:center;gap:.5rem;display:flex}.dock-action-btn{white-space:nowrap!important;flex-shrink:0!important}.dock-select{border-radius:var(--radius-sm);border:1px solid var(--c-shiraki-border);color:var(--c-sumi-secondary);cursor:pointer;box-sizing:border-box;background:#fff;outline:none;padding:.35rem .65rem;font-family:inherit;font-size:.8rem}.dock-select:hover{border-color:var(--c-shiraki-dark)}.dock-select-rate{flex-shrink:0;width:78px}.dock-select-voice{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.dict-popup{z-index:100;border:1px solid var(--c-shiraki-border);border-radius:var(--radius-md);box-shadow:var(--shadow-floating);background:#fff;width:320px;padding:1rem 1.25rem;animation:.2s popupFade;position:absolute}.dict-popup.placement-top{animation:.2s popupFadeTop}@keyframes popupFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes popupFadeTop{0%{opacity:0;transform:translateY(calc(4px - 100%))}to{opacity:1;transform:translateY(-100%)}}.dict-header{border-bottom:1px solid var(--c-shiraki-border);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.4rem;display:flex}.dict-phonetic{font-family:var(--font-mono);color:var(--c-sumi-tertiary);font-size:.8rem}.dict-meaning{margin-bottom:.5rem}.pos-tag{border-radius:var(--radius-xs);background:var(--c-washi-surface);color:var(--c-sumi-secondary);margin-right:.4rem;padding:.1rem .4rem;font-size:.7rem;font-weight:600;display:inline-block}.meaning-text{color:var(--c-sumi-ink);font-size:.88rem;line-height:1.5}.dict-nuance{color:var(--c-sumi-secondary);background:var(--c-washi-surface);border-radius:var(--radius-xs);margin-bottom:.65rem;padding:.5rem;font-size:.8rem}.dict-footer{justify-content:space-between;align-items:center;display:flex}.mastery-chip{color:var(--c-aizome-indigo);background:var(--c-aizome-pale);border-radius:var(--radius-full);padding:.2rem .5rem;font-size:.72rem;font-weight:600}.dict-backdrop{display:none}@media (max-width:1024px){.nav-center{display:none}.nav-container{padding:.65rem 1rem}.article-meta-row{flex-direction:column;align-items:stretch;gap:.65rem}.article-meta-row>div:last-child{width:100%}.article-meta-row select{width:100%!important;max-width:100%!important}.reader-container{padding:0 1rem 11.5rem}.audio-dock{border-radius:var(--radius-lg);flex-direction:column;align-items:stretch;gap:.65rem;padding:.8rem 1.1rem}.dock-primary-group{justify-content:space-between;align-items:center;gap:.75rem;width:100%;display:flex}.dock-settings-right{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.dock-selects-group{flex:1;align-items:center;gap:.4rem;min-width:0;display:flex}.dock-select-rate{flex-shrink:0;width:78px}.dock-select-voice{flex:1;min-width:0;max-width:170px}}@media (max-width:640px){.dict-backdrop{-webkit-backdrop-filter:blur(3px);z-index:94;background:#1a1a1a59;animation:.2s fadeIn;display:block;position:fixed;inset:0}.nav-container{padding:.65rem .85rem}.brand-kanji{font-size:1.05rem}.hanko-seal{width:28px;height:28px;font-size:.95rem}.reader-container{margin-top:.5rem;padding:0 .65rem 12rem}.article-card{border-radius:var(--radius-md);padding:1.25rem .85rem}.article-title{font-size:1.35rem;line-height:1.3}.article-subtitle{font-size:.85rem}.passage-box{margin-bottom:1.5rem;line-height:2.05}.passage-text{font-size:1.22rem}.word-span{padding:2px}.reader-bottom-toolbar{flex-direction:column;align-items:flex-start;gap:.75rem}.audio-dock-wrapper{bottom:max(.65rem, env(safe-area-inset-bottom));padding:0 .5rem}.dock-select-voice{max-width:130px}.dict-popup{border-radius:var(--radius-lg);z-index:96;animation:.25s cubic-bezier(.16,1,.3,1) sheetSlideUp;box-shadow:0 -8px 32px #2c282338,0 2px 8px #00000014;top:auto!important;bottom:max(.85rem, env(safe-area-inset-bottom))!important;background:#fff!important;width:auto!important;max-width:500px!important;margin:0 auto!important;position:fixed!important;left:.65rem!important;right:.65rem!important}body:has(.dict-backdrop) .audio-dock-wrapper{opacity:0;pointer-events:none;transition:all .2s;transform:translate(-50%)translateY(24px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes sheetSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mode-switch-bar{background:var(--c-washi-surface);border-radius:var(--radius-full);border:1px solid var(--c-shiraki-border);justify-content:center;align-items:center;gap:.5rem;width:fit-content;margin-bottom:2rem;margin-left:auto;margin-right:auto;padding:.35rem;display:flex}.mode-tab-btn{border-radius:var(--radius-full);color:var(--c-sumi-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.45rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.mode-tab-btn:hover{color:var(--c-sumi-ink);background:#fff9}.mode-tab-btn.active{background:var(--c-aizome-indigo);color:#fff;box-shadow:0 2px 8px #2c4f7c40}.dictation-container{flex-direction:column;gap:1.5rem;max-width:960px;margin:0 auto 5rem;display:flex}.dictation-header-bar{border-bottom:1px solid var(--c-shiraki-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1rem;display:flex}.dictation-header-left{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.dictation-back-btn{white-space:nowrap;padding:.4rem .85rem;font-size:.825rem}.dictation-title-group{align-items:center;gap:.6rem;display:flex}.dictation-badge{border-radius:var(--radius-xs);background:var(--c-hon-ake-soft);color:var(--c-hon-ake);white-space:nowrap;border:1px solid #c53d2d33;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.dictation-article-title{font-family:var(--font-serif-en);color:var(--c-sumi-ink);margin:0;font-size:1.25rem;font-weight:600}.dictation-header-right{align-items:center;gap:.75rem;display:flex}.dictation-toggle-group{background:var(--c-washi-surface);border-radius:var(--radius-sm);border:1px solid var(--c-shiraki-border);padding:.2rem;display:inline-flex}.dictation-toggle-group .toggle-btn{color:var(--c-sumi-secondary);border-radius:var(--radius-xs);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.775rem;font-weight:500;transition:all .15s;display:inline-flex}.dictation-toggle-group .toggle-btn.active{color:var(--c-sumi-ink);background:#fff;font-weight:600;box-shadow:0 1px 4px #0000000f}.dictation-progress-strip{border-radius:var(--radius-md);border:1px solid var(--c-shiraki-border);box-shadow:var(--shadow-washi);background:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.sentence-dots-list{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.sentence-dot{border:1.5px solid var(--c-shiraki-border);background:var(--c-washi-surface);width:28px;height:28px;color:var(--c-sumi-tertiary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.sentence-dot:hover{border-color:var(--c-aizome-indigo);color:var(--c-aizome-indigo)}.sentence-dot.current{background:var(--c-aizome-indigo);color:#fff;border-color:var(--c-aizome-indigo);box-shadow:0 0 10px var(--c-aizome-glow);transform:scale(1.08)}.sentence-dot.completed{background:var(--c-bamboo-soft);color:var(--c-bamboo-green);border-color:var(--c-bamboo-green)}.progress-metrics{align-items:center;gap:.75rem;display:flex}.metrics-text{color:var(--c-sumi-secondary);white-space:nowrap;font-size:.8rem;font-weight:500}.progress-bar-bg{background:var(--c-washi-surface);border-radius:var(--radius-full);border:1px solid var(--c-shiraki-border);width:110px;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--c-aizome-indigo), var(--c-bamboo-green));border-radius:var(--radius-full);height:100%;transition:width .3s}.dictation-zen-card{border-radius:var(--radius-lg);border:1.5px solid var(--c-shiraki-border);box-shadow:var(--shadow-card);background:#fff;padding:2.25rem 2.5rem;transition:all .3s;position:relative}.dictation-zen-card.sentence-completed{border-color:var(--c-bamboo-green);box-shadow:0 8px 32px #2d6a4f1f}.zen-card-header{border-bottom:1px solid var(--c-shiraki-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.25rem;display:flex}.zen-card-meta{align-items:center;gap:.75rem;display:flex}.zen-sentence-badge{color:var(--c-aizome-indigo);background:var(--c-aizome-pale);border-radius:var(--radius-full);white-space:nowrap;padding:.25rem .75rem;font-size:.85rem;font-weight:700}.zen-blanks-count{color:var(--c-sumi-tertiary);white-space:nowrap;font-size:.8rem}.zen-audio-controls{align-items:center;gap:.6rem;display:flex}.zen-audio-wave{align-items:flex-end;gap:2.5px;height:18px;padding:0 4px;display:flex}.zen-rate-select{border:1px solid var(--c-shiraki-border);border-radius:var(--radius-sm);background:var(--c-washi-surface);color:var(--c-sumi-secondary);cursor:pointer;outline:none;padding:.35rem .6rem;font-size:.8rem}.zen-play-btn{white-space:nowrap;align-items:center;gap:.45rem;padding:.45rem .95rem;font-size:.85rem;transition:all .2s;display:inline-flex}.zen-stop-btn{color:var(--c-hon-ake)!important;background:var(--c-hon-ake-soft)!important;border-color:#c53d2d66!important}.zen-stop-btn:hover{border-color:var(--c-hon-ake)!important;background:#fff!important}.zen-kbd-hint{font-family:var(--font-mono);border-radius:var(--radius-xs);background:#ffffff38;margin-left:.25rem;padding:.1rem .35rem;font-size:.68rem}.zen-sentence-body{padding:2.5rem 0}.zen-sentence-text{font-family:var(--font-serif-en);color:var(--c-sumi-ink);word-break:break-word;font-size:1.65rem;line-height:2.2}.cloze-blank-wrapper{transition:all .2s}.cloze-blank-input{font-family:var(--font-mono);text-align:center;color:var(--c-sumi-ink);border:none;border-bottom:2.5px solid var(--c-shiraki-dark);border-radius:var(--radius-xs) var(--radius-xs) 0 0;background:#fff;outline:none;padding:.2rem .4rem;font-size:1.35rem;font-weight:600;transition:all .15s}.cloze-blank-input::placeholder{color:var(--c-sumi-faint);letter-spacing:.05em}.cloze-blank-wrapper.active .cloze-blank-input{border-bottom-color:var(--c-aizome-indigo);background:var(--c-aizome-pale);box-shadow:0 4px 12px var(--c-aizome-glow)}.cloze-blank-wrapper.solved .cloze-blank-input{border-bottom-color:var(--c-bamboo-green);background:var(--c-bamboo-soft);color:var(--c-bamboo-green);cursor:default}.cloze-solved-check{background:var(--c-bamboo-green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;animation:.2s cubic-bezier(.175,.885,.32,1.275) popCheck;display:flex;position:absolute;top:-6px;right:-8px}@keyframes popCheck{0%{transform:scale(0)}to{transform:scale(1)}}.cloze-blank-wrapper.shake{animation:.4s ease-in-out clozeShake}.cloze-blank-wrapper.shake .cloze-blank-input{border-bottom-color:var(--c-hon-ake);background:var(--c-hon-ake-soft);color:var(--c-hon-ake)}@keyframes clozeShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.zen-card-footer{border-top:1px solid var(--c-shiraki-border);flex-direction:column;gap:1rem;padding-top:1.25rem;display:flex}.zen-word-hint-pill{background:var(--c-washi-surface);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-sm);align-items:center;gap:.5rem;width:fit-content;padding:.4rem .85rem;font-size:.825rem;display:inline-flex}.zen-hint-icon{color:var(--c-aizome-indigo)}.zen-hint-pos{color:var(--c-sumi-secondary);font-weight:600}.zen-hint-meaning{color:var(--c-sumi-ink)}.zen-translation-wrapper{flex-direction:column;gap:.5rem;display:flex}.zen-trans-toggle-btn{color:var(--c-sumi-tertiary);cursor:pointer;background:0 0;border:none;align-items:center;gap:.45rem;width:fit-content;padding:.25rem 0;font-size:.825rem;transition:color .15s;display:inline-flex}.zen-trans-toggle-btn:hover{color:var(--c-aizome-indigo)}.zen-translation-box{background:var(--c-washi-surface);border-radius:var(--radius-sm);border-left:3px solid var(--c-aizome-indigo);padding:.85rem 1.15rem;animation:.2s fadeIn}.zen-translation-text{font-family:var(--font-serif-jp);color:var(--c-sumi-secondary);margin:0;font-size:.95rem;line-height:1.8}.zen-nav-buttons{justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.zen-nav-btn{padding:.35rem .75rem;font-size:.8rem}.word-bank-container{border-radius:var(--radius-md);border:1px solid var(--c-shiraki-border);box-shadow:var(--shadow-washi);background:#fff;padding:1.25rem 1.5rem}.word-bank-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.word-bank-title{color:var(--c-sumi-ink);align-items:center;gap:.6rem;font-size:.85rem;font-weight:600;display:flex}.word-bank-hint-text{color:var(--c-aizome-indigo);font-size:.78rem;font-weight:400}.word-bank-actions{align-items:center;gap:.5rem;display:flex}.word-bank-tool-btn{padding:.3rem .65rem;font-size:.775rem}.word-bank-chips-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.6rem;display:grid}.word-bank-chip{background:var(--c-washi-surface);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-sm);min-height:44px;color:var(--c-sumi-ink);font-family:var(--font-mono);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.95rem;font-weight:500;transition:all .15s;display:inline-flex}.word-bank-chip:hover{border-color:var(--c-aizome-indigo);color:var(--c-aizome-indigo);background:#fff;transform:translateY(-1px);box-shadow:0 2px 8px #2c4f7c1a}.word-bank-chip:active{transform:translateY(0)}.chip-num{color:var(--c-sumi-tertiary);border-radius:var(--radius-xs);background:#0000000d;padding:.1rem .35rem;font-size:.7rem}.dictation-shortcuts-guide{color:var(--c-sumi-tertiary);justify-content:center;align-items:center;gap:.75rem;padding:.5rem;font-size:.78rem;display:flex}.dictation-shortcuts-guide kbd{font-family:var(--font-mono);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-xs);color:var(--c-sumi-secondary);background:#fff;padding:.15rem .4rem;box-shadow:0 1px 2px #0000000d}.shortcut-divider{color:var(--c-shiraki-dark)}.dictation-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#1a1a1a73;justify-content:center;align-items:center;padding:1.5rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.dictation-result-card{border-radius:var(--radius-lg);border:1.5px solid var(--c-shiraki-border);box-shadow:var(--shadow-floating);background:#fff;flex-direction:column;gap:1.75rem;width:100%;max-width:680px;max-height:90vh;padding:2.5rem;animation:.3s cubic-bezier(.16,1,.3,1) sheetSlideUp;display:flex;overflow-y:auto}.result-header{text-align:center;flex-direction:column;align-items:center;gap:.5rem;display:flex}.result-hanko-seal{border-radius:var(--radius-xs);background:var(--c-hon-ake);color:#fff;width:48px;height:48px;font-family:var(--font-serif-jp);justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;display:flex;box-shadow:0 4px 12px #c53d2d4d}.dictation-result-card .result-title{font-family:var(--font-serif-jp);color:var(--c-sumi-ink);white-space:normal;overflow-wrap:break-word;word-break:break-word;letter-spacing:.05em;margin:0;font-size:clamp(1.35rem,4.5vw,1.75rem)}.result-subtitle{color:var(--c-sumi-secondary);word-break:break-word;max-width:92%;font-size:.9rem;line-height:1.5}.result-stats-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.result-stat-item{background:var(--c-washi-surface);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-md);text-align:center;flex-direction:column;align-items:center;gap:.35rem;padding:.85rem;display:flex}.result-stat-item .stat-label{color:var(--c-sumi-tertiary);white-space:nowrap;align-items:center;gap:.3rem;font-size:.75rem;display:flex}.result-stat-item .stat-value{font-size:clamp(1.15rem,3.5vw,1.35rem);font-weight:700;font-family:var(--font-mono);color:var(--c-sumi-ink);white-space:nowrap}.result-stat-item .stat-value.text-green{color:var(--c-bamboo-green)}.result-stat-item .stat-value.text-indigo{color:var(--c-aizome-indigo)}.result-missed-box{background:var(--c-hon-ake-soft);border-radius:var(--radius-md);border:1px solid #c53d2d33;padding:1rem 1.25rem}.missed-header{color:var(--c-hon-ake);white-space:nowrap;align-items:center;gap:.45rem;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:flex}.missed-tags{flex-wrap:wrap;gap:.45rem;display:flex}.missed-tag{border-radius:var(--radius-xs);color:var(--c-sumi-ink);white-space:nowrap;background:#fff;border:1px solid #c53d2d26;padding:.25rem .6rem;font-size:.8rem}.result-passage-section{background:var(--c-washi-surface);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-md);padding:1.25rem 1.5rem}.result-passage-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.passage-title-group{color:var(--c-sumi-ink);white-space:nowrap;align-items:center;gap:.45rem;font-size:.95rem;font-weight:600;display:flex}.passage-audio-btn{white-space:nowrap;align-items:center;gap:.45rem;padding:.4rem .85rem;font-size:.825rem;transition:all .2s;display:inline-flex}.result-passage-text{font-family:var(--font-serif-en);color:var(--c-sumi-ink);font-size:1.05rem;line-height:1.8}.result-passage-ja{border-top:1px dashed var(--c-shiraki-border);font-family:var(--font-serif-jp);color:var(--c-sumi-secondary);margin-top:.75rem;padding-top:.75rem;font-size:.88rem;line-height:1.8}.result-footer-actions{justify-content:center;align-items:center;gap:1rem;display:flex}.result-action-btn{white-space:nowrap;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.5rem;font-size:.9rem;display:inline-flex}@media (max-width:640px){.dictation-container{padding:0 .25rem}.dictation-header-bar{flex-direction:column;align-items:flex-start}.dictation-header-right{justify-content:space-between;width:100%}.dictation-zen-card{padding:1.5rem 1.25rem}.zen-card-header{flex-direction:column;align-items:stretch;gap:.85rem}.zen-card-meta{justify-content:space-between;width:100%}.zen-audio-controls{justify-content:space-between;align-items:center;gap:.5rem;width:100%;display:flex}.zen-play-btn{white-space:nowrap;flex:1;justify-content:center;padding:.45rem .75rem;font-size:.82rem}.zen-sentence-text{font-size:1.25rem;line-height:2}.cloze-blank-input{font-size:1.1rem}.hide-on-mobile{display:none}.word-bank-chips-grid{grid-template-columns:repeat(2,1fr)}.dictation-modal-backdrop{padding:1rem .75rem}.dictation-result-card{gap:1.25rem;max-height:94vh;padding:1.6rem 1.15rem}.result-stats-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.result-stat-item{padding:.75rem .5rem}.result-passage-section{padding:1rem 1.1rem}.result-passage-header{flex-direction:column;align-items:stretch;gap:.65rem}.passage-title-group{justify-content:flex-start}.passage-audio-btn{justify-content:center;width:100%;padding:.65rem 1rem;font-size:.88rem}.result-passage-text{font-size:.98rem;line-height:1.75}.result-footer-actions{flex-direction:column;gap:.65rem;width:100%}.result-action-btn{justify-content:center;width:100%;padding:.75rem 1rem;font-size:.88rem}.dictation-shortcuts-guide{display:none}}.flashcard-sanctuary{flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:760px;margin:0 auto;padding:1.5rem 1rem 3rem;animation:.4s ease-out fadeInSanctuary;display:flex}@keyframes fadeInSanctuary{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.flashcard-top-bar{justify-content:space-between;align-items:center;width:100%;margin-bottom:1.5rem;padding:0 .5rem;display:flex}.source-label{color:var(--c-sumi-tertiary);letter-spacing:.04em;font-size:.82rem;font-weight:600}.progress-info{align-items:center;gap:.75rem;display:flex}.progress-fraction{font-family:var(--font-serif-en);color:var(--c-sumi-ink);white-space:nowrap;font-size:1.05rem;font-weight:600}.fraction-divider{color:var(--c-sumi-faint);margin:0 .15rem}.progress-dots{align-items:center;gap:.35rem;display:flex}.dot-pill{border-radius:var(--radius-full);background-color:var(--c-shiraki-border);cursor:pointer;border:none;width:7px;height:7px;padding:0;transition:all .25s}.dot-pill.active{background-color:var(--c-aizome-indigo);width:22px}.dot-pill.completed{background-color:var(--c-aizome-hover);opacity:.6}.card-stage{perspective:1400px;perspective-origin:50%;width:100%;margin-bottom:2rem}@keyframes washiCardEnter{0%{opacity:.75;transform:scale(.985)}to{opacity:1;transform:scale(1)}}.washi-card-enter{animation:.22s ease-out washiCardEnter}.washi-flip-card{width:100%;min-height:460px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform;cursor:pointer;-webkit-user-select:none;user-select:none;outline:none;transition:transform .52s cubic-bezier(.2,.8,.2,1);position:relative}.washi-flip-card.is-flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;width:100%;height:100%;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;border-radius:var(--radius-lg);background-color:var(--c-washi-surface);border:1px solid var(--c-shiraki-border);box-shadow:var(--shadow-card);transition:border-color .3s,box-shadow .3s;position:absolute;inset:0}.card-front{pointer-events:auto;transform:rotateY(0)translateZ(1px)}.washi-flip-card.is-flipped .card-front{pointer-events:none}.washi-flip-card:hover .card-face{border-color:var(--c-shiraki-dark);box-shadow:var(--shadow-floating)}.washi-flip-card:focus-visible .card-face{border-color:var(--c-aizome-indigo);box-shadow:0 0 0 2px var(--c-aizome-pale)}.card-back{background:linear-gradient(180deg, #fff 0%, var(--c-washi-surface) 100%);pointer-events:none;transform:rotateY(180deg)translateZ(1px)}.washi-flip-card.is-flipped .card-back{pointer-events:auto}.card-inner-frame{border-radius:calc(var(--radius-lg) - 1px);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b4aa9b73 transparent;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:2.2rem 2.4rem 1.8rem;display:flex;position:relative;overflow-y:auto}.card-inner-frame::-webkit-scrollbar{width:5px}.card-inner-frame::-webkit-scrollbar-thumb{background-color:#b4aa9b73;border-radius:4px}.card-inner-frame::-webkit-scrollbar-track{background:0 0}.card-header-meta{justify-content:space-between;align-items:center;width:100%;display:flex}.pos-badge{color:var(--c-aizome-indigo);background-color:var(--c-aizome-pale);border-radius:var(--radius-xs);letter-spacing:.03em;white-space:nowrap;padding:.2rem .65rem;font-size:.76rem;font-weight:600}.hanko-mini{font-family:var(--font-serif-jp);color:var(--c-hon-ake);border:1px solid var(--c-hon-ake);letter-spacing:.1em;border-radius:2px;padding:.15rem .4rem;font-size:.72rem;font-weight:700;line-height:1.1}.headword-echo{font-family:var(--font-serif-en);color:var(--c-sumi-tertiary);font-size:1.15rem;font-style:italic;font-weight:500}.card-main-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:1.5rem 0;display:flex}.card-label-sub{color:var(--c-sumi-tertiary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem;font-size:.72rem;font-weight:600}.card-headword{font-family:var(--font-serif-en);color:var(--c-sumi-ink);letter-spacing:-.015em;margin-bottom:.75rem;font-size:2.85rem;font-weight:500;line-height:1.15}.phonetic-group{border-radius:var(--radius-xs);background-color:#f1ede480;border:1px solid #e5dfd3b3;align-items:center;gap:.6rem;padding:.35rem .85rem;display:inline-flex}.phonetic-text{font-family:var(--font-mono);color:var(--c-sumi-secondary);font-size:.92rem}.audio-trigger-btn{color:var(--c-aizome-indigo);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;align-items:center;gap:.25rem;padding:.2rem .4rem;transition:all .2s;display:inline-flex}.audio-trigger-btn:hover{background-color:var(--c-aizome-pale)}.audio-lang-label{letter-spacing:.04em;font-size:.68rem;font-weight:700}.card-footer-cue{color:var(--c-sumi-tertiary);border-top:1px dashed var(--c-shiraki-border);justify-content:center;align-items:center;gap:.5rem;padding-top:1rem;font-size:.8rem;display:flex}.cue-icon{color:var(--c-aizome-indigo);align-items:center;display:flex}.cue-kbd,.control-kbd,.btn-kbd{font-family:var(--font-mono);background-color:var(--c-washi-surface);border:1px solid var(--c-shiraki-border);color:var(--c-sumi-secondary);border-radius:3px;padding:.1rem .4rem;font-size:.72rem;box-shadow:0 1px #00000014}.card-back-scroll-body{flex-direction:column;gap:1.15rem;width:100%;display:flex}.card-back-meaning{margin-bottom:0}.primary-meaning{font-family:var(--font-serif-jp);color:var(--c-sumi-ink);margin-top:.25rem;font-size:1.55rem;font-weight:600;line-height:1.4}.card-back-context{border:1px solid var(--c-shiraki-border);border-radius:var(--radius-md);background-color:#f7f5f0bf;margin-bottom:0;padding:1.1rem 1.25rem}.context-quote{font-family:var(--font-serif-en);color:var(--c-sumi-secondary);margin:.4rem 0 .6rem;font-size:1.05rem;font-style:normal;line-height:1.6}.context-word-highlight{color:#854d0e;background-color:#fef08a;border-radius:3px;padding:.05rem .35rem;font-weight:600}.sentence-audio-btn{border:1px solid var(--c-shiraki-border);border-radius:var(--radius-xs);color:var(--c-aizome-indigo);cursor:pointer;background:0 0;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.78rem;transition:all .2s;display:inline-flex}.sentence-audio-btn:hover{background-color:var(--c-aizome-pale);border-color:var(--c-aizome-indigo)}.card-nuance-note{color:var(--c-sumi-secondary);border:1px solid #e1d9cbe6;border-left:3px solid var(--c-aizome-indigo);border-radius:var(--radius-xs);background-color:#f3efe6bf;align-items:flex-start;gap:.65rem;margin:0;padding:.75rem 1rem;font-size:.84rem;line-height:1.6;display:flex}.nuance-badge{font-family:var(--font-serif-jp);color:var(--c-aizome-indigo);background-color:var(--c-aizome-pale);white-space:nowrap;letter-spacing:.05em;border-radius:2px;margin-top:.1rem;padding:.1rem .45rem;font-size:.74rem;font-weight:700}.nuance-text{flex:1}.card-footer-cue.flipped{border-top:1px dashed var(--c-shiraki-border);flex-shrink:0;margin-top:1.4rem;padding-top:1rem}.flashcard-controls{justify-content:center;align-items:center;gap:1rem;width:100%;display:flex}.control-nav-btn{border-radius:var(--radius-sm);background-color:var(--c-washi-surface);border:1px solid var(--c-shiraki-border);color:var(--c-sumi-secondary);cursor:pointer;white-space:nowrap;align-items:center;gap:.45rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .2s;display:inline-flex}.control-nav-btn:hover:not(:disabled){border-color:var(--c-shiraki-dark);color:var(--c-sumi-ink);background-color:#fff}.control-nav-btn:disabled{opacity:.35;cursor:not-allowed}.control-nav-btn.finish{background-color:var(--c-aizome-indigo);border-color:var(--c-aizome-indigo);color:#fff}.control-nav-btn.finish:hover,.control-nav-btn.finish:hover:not(:disabled){background-color:var(--c-aizome-hover);border-color:var(--c-aizome-hover);color:#fff!important}.control-flip-btn{border-radius:var(--radius-sm);background-color:var(--c-aizome-indigo);border:1px solid var(--c-aizome-indigo);color:#fff;cursor:pointer;box-shadow:0 2px 8px -1px var(--c-aizome-glow);white-space:nowrap;align-items:center;gap:.5rem;padding:.65rem 1.6rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.control-flip-btn:hover,.control-flip-btn:hover:not(:disabled){background-color:var(--c-aizome-hover);border-color:var(--c-aizome-hover);color:#fff!important}.flashcard-shortcuts-legend,.quiz-shortcuts-legend{color:var(--c-sumi-tertiary);align-items:center;gap:.75rem;margin-top:2rem;font-size:.78rem;display:flex}.shortcut-sep{color:var(--c-sumi-faint)}.quiz-sanctuary{flex-direction:column;align-items:center;width:100%;max-width:760px;margin:0 auto;padding:1.5rem 1rem 3.5rem;animation:.4s ease-out fadeInSanctuary;display:flex}.quiz-top-bar{justify-content:space-between;align-items:center;width:100%;margin-bottom:1.5rem;padding:0 .5rem;display:flex}.quiz-progress-header{align-items:center;gap:.8rem;display:flex}.question-counter{font-family:var(--font-serif-en);color:var(--c-sumi-ink);white-space:nowrap;font-size:1.05rem;font-weight:600}.quiz-stage{flex-direction:column;gap:1.4rem;width:100%;display:flex}.target-word-header{background-color:var(--c-washi-surface);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-md);flex-direction:column;gap:.65rem;padding:1.35rem 1.5rem;display:flex}.word-header-meta{justify-content:space-between;align-items:center;width:100%;display:flex}.word-audio-btn{border:1px solid var(--c-shiraki-border);border-radius:var(--radius-xs);color:var(--c-aizome-indigo);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.8rem;transition:all .2s;display:inline-flex}.word-audio-btn:hover{background-color:var(--c-aizome-pale);border-color:var(--c-aizome-indigo)}.target-headword{font-family:var(--font-serif-en);color:var(--c-sumi-ink);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(1.8rem,5.5vw,2.3rem);font-weight:500;line-height:1.15;overflow:hidden}.word-phonetic-wrap{align-items:center;display:flex}.word-phonetic-wrap .phonetic-text{font-family:var(--font-sans);color:var(--c-sumi-secondary);letter-spacing:.03em;white-space:nowrap;font-size:.95rem}.context-sentence-card{border:1px solid var(--c-shiraki-border);border-radius:var(--radius-md);box-shadow:var(--shadow-washi);background-color:#fff;padding:1.4rem 1.6rem}.card-label-row{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.sentence-audio-btn-inline{color:var(--c-aizome-indigo);cursor:pointer;background:0 0;border:none;align-items:center;gap:.3rem;font-size:.78rem;display:inline-flex}.sentence-audio-btn-inline:hover{text-decoration:underline}.context-sentence-text{font-family:var(--font-serif-en);color:var(--c-sumi-secondary);font-size:1.22rem;line-height:1.7}.cloze-bracket{color:var(--c-aizome-indigo);background-color:var(--c-aizome-pale);border-bottom:2px solid var(--c-aizome-indigo);border-radius:4px;margin:0 .2rem;padding:.05rem .45rem;font-weight:700;display:inline-block}.cloze-bracket.revealed{background-color:var(--c-bamboo-soft);color:var(--c-bamboo-green);border-bottom-color:var(--c-bamboo-green)}.quiz-options-grid{flex-direction:column;gap:.75rem;width:100%;display:flex}.quiz-option-card{background-color:var(--c-washi-surface);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;box-shadow:var(--shadow-washi);-webkit-user-select:none;user-select:none;font-family:var(--font-sans-jp);align-items:center;gap:1rem;padding:1.1rem 1.4rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.quiz-option-card:hover:not(:disabled){border-color:var(--c-aizome-indigo);box-shadow:var(--shadow-card);background-color:#fff;transform:translateY(-1px)}.option-key-badge{font-family:var(--font-mono);color:var(--c-sumi-tertiary);white-space:nowrap;background-color:#e5dfd366;border-radius:4px;padding:.2rem .5rem;font-size:.85rem;font-weight:700}.option-text{color:var(--c-sumi-ink);flex:1;font-size:1.05rem;font-weight:500;line-height:1.45}.quiz-option-card.is-correct{background-color:var(--c-bamboo-soft);border-color:var(--c-bamboo-green);color:var(--c-bamboo-green)}.quiz-option-card.is-correct .option-text{color:var(--c-bamboo-green);font-weight:600}.quiz-option-card.is-correct .option-key-badge{background-color:var(--c-bamboo-green);color:#fff}.quiz-option-card.is-wrong{background-color:var(--c-hon-ake-soft);border-color:var(--c-hon-ake);color:var(--c-hon-ake)}.quiz-option-card.is-wrong .option-text{color:var(--c-hon-ake);text-decoration:line-through}.quiz-option-card.is-wrong .option-key-badge{background-color:var(--c-hon-ake);color:#fff}.quiz-option-card.is-dimmed{opacity:.4;cursor:default}.option-feedback-icon{border-radius:var(--radius-full);justify-content:center;align-items:center;width:28px;height:28px;display:flex}.option-feedback-icon.correct{background-color:var(--c-bamboo-green);color:#fff}.option-feedback-icon.wrong{background-color:var(--c-hon-ake);color:#fff}.quiz-feedback-box{border-radius:var(--radius-md);padding:1.4rem 1.6rem;animation:.3s ease-out fadeInSanctuary}.quiz-feedback-box.correct{background-color:#f0fdf4;border:1px solid #bbf7d0}.quiz-feedback-box.wrong{background-color:#fef2f2;border:1px solid #fecaca}.feedback-header{align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.feedback-seal{font-family:var(--font-serif-jp);white-space:nowrap;border-radius:3px;padding:.15rem .5rem;font-size:.8rem;font-weight:700}.quiz-feedback-box.correct .feedback-seal{background-color:var(--c-bamboo-green);color:#fff}.quiz-feedback-box.wrong .feedback-seal{background-color:var(--c-hon-ake);color:#fff}.feedback-title{color:var(--c-sumi-ink);font-size:1.02rem;font-weight:600}.feedback-explanation{color:var(--c-sumi-secondary);margin-bottom:1.2rem;font-size:.92rem;line-height:1.7}.feedback-action-row{justify-content:flex-end;display:flex}.next-q-btn{border-radius:var(--radius-sm);background-color:var(--c-aizome-indigo);color:#fff;cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.5rem;padding:.75rem 1.6rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.next-q-btn:hover{background-color:var(--c-aizome-hover);color:#fff!important}.quiz-result-sanctuary{justify-content:center;align-items:center;width:100%;max-width:640px;margin:2rem auto;padding:0 1rem;animation:.5s ease-out fadeInSanctuary;display:flex}.result-card{border:1px solid var(--c-shiraki-border);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:600px;box-shadow:var(--shadow-floating);box-sizing:border-box;background-color:#fff;padding:2.8rem 2.4rem;overflow:hidden}.result-hanko-wrap{margin-bottom:1rem}.hanko-seal.large{width:64px;height:64px;font-family:var(--font-serif-jp);color:var(--c-hon-ake);border:2.5px solid var(--c-hon-ake);border-radius:var(--radius-sm);letter-spacing:.1em;justify-content:center;align-items:center;font-size:1.35rem;font-weight:700;display:inline-flex}.result-subtitle{color:var(--c-sumi-tertiary);letter-spacing:.05em;font-size:.85rem;font-weight:600}.result-title{font-family:var(--font-serif-en);color:var(--c-sumi-ink);white-space:normal;overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;margin:.35rem 0 1.8rem;font-size:1.45rem;font-weight:600;line-height:1.35}.result-score-block{background-color:var(--c-washi-surface);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:2.5rem;margin-bottom:1.8rem;padding:1.4rem 2rem;display:flex}.score-stat{flex-direction:column;gap:.25rem;display:flex}.stat-value{font-family:var(--font-serif-en);color:var(--c-aizome-indigo);font-size:2.2rem;font-weight:600;line-height:1.1}.stat-total{color:var(--c-sumi-tertiary);font-size:1.2rem}.stat-label{color:var(--c-sumi-secondary);font-size:.82rem;font-weight:600}.score-divider{background-color:var(--c-shiraki-border);width:1px;height:48px}.result-words-box{text-align:left;border-radius:var(--radius-md);margin-bottom:1rem;padding:1.1rem 1.3rem}.result-words-box.upgraded{background-color:var(--c-bamboo-soft);border:1px solid #cce5d7}.result-words-box.missed{background-color:var(--c-hon-ake-soft);border:1px solid #f9d2cd}.box-header{align-items:center;gap:.45rem;margin-bottom:.6rem;font-size:.85rem;font-weight:600;display:flex}.result-words-box.upgraded .box-header{color:var(--c-bamboo-green)}.result-words-box.missed .box-header{color:var(--c-hon-ake)}.word-chips-flow{flex-wrap:wrap;gap:.45rem;display:flex}.word-chip{font-family:var(--font-serif-en);border-radius:var(--radius-xs);white-space:nowrap;padding:.2rem .65rem;font-size:.88rem;font-weight:500}.word-chip.success{color:var(--c-bamboo-green);background-color:#fff;border:1px solid #bbf7d0}.word-chip.warning{color:var(--c-hon-ake);background-color:#fff;border:1px solid #fecaca}.result-action-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:.85rem;margin-top:2rem;display:flex}.action-btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;align-items:center;gap:.45rem;padding:.75rem 1.4rem;font-size:.92rem;font-weight:600;transition:all .2s;display:inline-flex}.action-btn.primary{background-color:var(--c-aizome-indigo);border:1px solid var(--c-aizome-indigo);color:#fff}.action-btn.primary:hover{background-color:var(--c-aizome-hover);color:#fff!important}.action-btn.secondary{background-color:var(--c-washi-surface);border:1px solid var(--c-shiraki-border);color:var(--c-sumi-ink)}.action-btn.secondary:hover{border-color:var(--c-shiraki-dark);background-color:#fff}@media (max-width:768px){.card-headword{font-size:2.25rem}.target-headword{font-size:1.9rem}.context-sentence-text{font-size:1.08rem}.quiz-option-card{padding:.95rem 1.15rem}.option-text{font-size:.98rem}.flashcard-shortcuts-legend,.quiz-shortcuts-legend{display:none}}@media (max-width:640px){.washi-flip-card{min-height:420px}.card-inner-frame{padding:1.4rem 1.2rem 1.2rem 1.4rem}.card-back-scroll-body{gap:.85rem}.card-back-context{padding:.85rem 1rem}.card-nuance-note{padding:.6rem .85rem;font-size:.8rem}.card-footer-cue.flipped{margin-top:.9rem;padding-top:.75rem}.card-headword{font-size:1.95rem}.primary-meaning{font-size:1.3rem}.flashcard-controls{gap:.45rem}.control-nav-btn{padding:.6rem .75rem;font-size:.82rem}.control-flip-btn{padding:.6rem .85rem;font-size:.86rem}.flashcard-controls.is-last-card{flex-wrap:wrap;gap:.6rem}.flashcard-controls.is-last-card .control-nav-btn.prev,.flashcard-controls.is-last-card .control-flip-btn{flex:calc(50% - .3rem);justify-content:center;padding:.65rem .75rem}.flashcard-controls.is-last-card .control-nav-btn.finish,.flashcard-controls.is-last-card .control-nav-btn.next{flex:100%;justify-content:center;width:100%;padding:.8rem 1.25rem;font-size:.92rem;font-weight:600;box-shadow:0 3px 12px #1e3a8a29}.control-kbd{display:none}.target-word-header{gap:.55rem;padding:1.1rem 1.25rem}.target-headword{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(1.6rem,5.2vw,2rem);overflow:hidden}.word-phonetic-wrap .phonetic-text{white-space:nowrap;font-size:.88rem}.context-sentence-card{padding:1.1rem 1.2rem}.context-sentence-text{font-size:1.02rem;line-height:1.6}.result-card{padding:2.2rem 1.4rem}.result-title{white-space:normal;overflow-wrap:break-word;word-break:break-word;margin:.35rem 0 1.4rem;font-size:1.25rem;line-height:1.35}.result-action-buttons{flex-direction:column;gap:.75rem;width:100%;max-width:300px;margin:1.8rem auto 0}.result-action-buttons .action-btn{box-sizing:border-box;justify-content:center;width:100%;padding:.8rem 1.25rem;font-size:.92rem}.result-score-block{gap:1.5rem;padding:1.1rem 1.4rem}.stat-value{font-size:1.8rem}.mode-switch-bar{scrollbar-width:none;-webkit-overflow-scrolling:touch;justify-content:flex-start;gap:.3rem;width:100%;max-width:100%;padding:.3rem .4rem;overflow-x:auto}.mode-switch-bar::-webkit-scrollbar{display:none}.mode-tab-btn{white-space:nowrap;flex-shrink:0;gap:.35rem;padding:.45rem .7rem;font-size:.8rem}}.article-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#141414a6;justify-content:center;align-items:center;padding:1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.article-modal-container{overscroll-behavior:contain;border:1px solid var(--c-shiraki-border);border-radius:var(--radius-lg);background-color:#fff;width:100%;max-width:680px;max-height:90vh;padding:1.8rem;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 20px 40px -10px #00000040,0 0 0 1px #e1d9cb80}.article-modal-container::-webkit-scrollbar{width:6px}.article-modal-container::-webkit-scrollbar-track{background:0 0}.article-modal-container::-webkit-scrollbar-thumb{background:#b4966e59;border-radius:3px}.article-modal-container::-webkit-scrollbar-thumb:hover{background:#b4966e99}.article-modal-header{border-bottom:1px solid var(--c-shiraki-border);justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.4rem;padding-bottom:1.2rem;display:flex}.article-modal-title-group{align-items:center;gap:.85rem;display:flex}.article-modal-icon-badge{border-radius:var(--radius-sm);background-color:var(--c-aizome-pale);width:38px;height:38px;color:var(--c-aizome-indigo);flex-shrink:0;justify-content:center;align-items:center;display:flex}.article-modal-title{font-family:var(--font-serif-jp);color:var(--c-sumi-ink);letter-spacing:-.01em;margin:0;font-size:1.3rem;font-weight:700}.article-modal-subtitle{color:var(--c-sumi-tertiary);margin:.25rem 0 0;font-size:.82rem;line-height:1.4}.article-modal-close-btn{color:var(--c-sumi-tertiary);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;padding:.4rem;transition:all .15s}.article-modal-close-btn:hover{background-color:var(--c-washi-surface);color:var(--c-sumi-ink)}.article-modal-error{border-radius:var(--radius-sm);color:#b91c1c;background-color:#fef2f2;border:1px solid #fecaca;align-items:center;gap:.6rem;margin-bottom:1.2rem;padding:.75rem 1rem;font-size:.88rem;display:flex}.article-modal-form{flex-direction:column;gap:1.2rem;display:flex}.form-group{flex-direction:column;gap:.45rem;display:flex}.form-label-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.form-label{color:var(--c-sumi-secondary);align-items:center;gap:.35rem;font-size:.88rem;font-weight:600;display:flex}.required-mark{color:#dc2626;font-weight:700}.optional-badge{background-color:var(--c-washi-surface);border:1px solid var(--c-shiraki-border);color:var(--c-sumi-tertiary);border-radius:3px;padding:.1rem .4rem;font-size:.72rem;font-weight:400}.ratio-indicator{white-space:nowrap;border-radius:4px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.78rem;font-weight:600;display:inline-flex}.ratio-valid{color:#065f46;background-color:#ecfdf5;border:1px solid #a7f3d0}.ratio-invalid{color:#92400e;background-color:#fffbeb;border:1px solid #fde68a}.form-input,.form-textarea,.form-select{width:100%;color:var(--c-sumi-ink);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-sm);background-color:#fff;outline:none;padding:.75rem .9rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}textarea{resize:vertical}.form-textarea{font-family:var(--font-serif-en);resize:vertical;font-size:1.05rem;line-height:1.6}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--c-aizome-indigo);box-shadow:0 0 0 3px #1e40af1a}.form-helper{color:var(--c-sumi-tertiary);font-size:.78rem;line-height:1.4}.form-grid-2col{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.visibility-selector{gap:.5rem;display:flex}.vis-option-btn{border:1px solid var(--c-shiraki-border);background-color:var(--c-washi-surface);border-radius:var(--radius-sm);color:var(--c-sumi-secondary);cursor:pointer;white-space:nowrap;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.65rem .75rem;font-size:.82rem;transition:all .15s;display:inline-flex}.vis-option-btn:hover:not(:disabled){border-color:var(--c-shiraki-dark);background-color:#fff}.vis-option-btn:disabled{opacity:.4;cursor:not-allowed}.vis-option-btn.vis-active{background-color:var(--c-aizome-pale);border-color:var(--c-aizome-indigo);color:var(--c-aizome-indigo);font-weight:600}.article-modal-footer{-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--c-shiraki-border);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);z-index:10;background:#fffffff5;justify-content:flex-end;align-items:center;gap:.8rem;margin:1.4rem -1.8rem -1.8rem;padding:1rem 1.8rem;display:flex;position:sticky;bottom:-1.8rem}.modal-cancel-btn{white-space:nowrap;padding:.65rem 1.2rem;font-size:.88rem}.modal-submit-btn{white-space:nowrap;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-size:.92rem;font-weight:600;display:inline-flex}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:640px){.article-modal-container{max-height:94vh;padding:1.2rem}.form-grid-2col{grid-template-columns:1fr}.article-modal-title{font-size:1.15rem}.article-modal-footer{flex-direction:column-reverse;gap:.5rem;margin:1.2rem -1.2rem -1.2rem;padding:.8rem 1.2rem;bottom:-1.2rem}.modal-cancel-btn,.modal-submit-btn{justify-content:center;width:100%}}.btn-header-create{color:#fff;background-color:var(--c-aizome-indigo);border:1px solid var(--c-aizome-indigo);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;align-items:center;gap:.35rem;padding:.35rem .85rem;font-size:.84rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 1px 4px #1e40af33}.btn-header-create:hover{background-color:var(--c-aizome-hover);border-color:var(--c-aizome-hover);transform:translateY(-1px);color:#fff!important}.library-container{max-width:1080px;margin:0 auto;padding:2rem 1.5rem 5rem}.library-toolbar{background-color:var(--c-washi-surface);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-md);flex-direction:column;gap:1rem;margin-bottom:2rem;padding:1rem 1.25rem;display:flex}.library-search-box{border:1px solid var(--c-shiraki-border);border-radius:var(--radius-sm);background-color:#fff;align-items:center;gap:.65rem;padding:.6rem .9rem;display:flex}.library-search-input{width:100%;color:var(--c-sumi-ink);background:0 0;border:none;outline:none;font-size:.95rem}.library-filter-tabs{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.library-filter-btn{color:var(--c-sumi-secondary);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;padding:.4rem .85rem;font-size:.84rem;font-weight:500;transition:all .15s}.library-filter-btn:hover{color:var(--c-sumi-ink);background-color:#ffffffb3}.library-filter-btn.active{border-color:var(--c-shiraki-border);color:var(--c-aizome-indigo);background-color:#fff;font-weight:600;box-shadow:0 1px 3px #0000000d}.library-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.library-card{border:1px solid var(--c-shiraki-border);border-radius:var(--radius-md);background-color:#fff;flex-direction:column;justify-content:space-between;padding:1.4rem;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px -2px #0000000a}.library-card:hover{border-color:var(--c-shiraki-dark);transform:translateY(-3px);box-shadow:0 12px 24px -6px #00000014,0 0 0 1px #e1d9cbb3}.library-card-top{flex-direction:column;gap:.65rem;display:flex}.library-card-meta{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.library-card-title{font-family:var(--font-serif-jp);color:var(--c-sumi-ink);margin:0;font-size:1.22rem;font-weight:700;line-height:1.4}.library-card-author{color:var(--c-sumi-tertiary);margin:0;font-size:.8rem}.library-card-preview{font-family:var(--font-serif-en);color:var(--c-sumi-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:.5rem 0 0;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.library-card-bottom{border-top:1px solid var(--c-shiraki-border);justify-content:space-between;align-items:center;margin-top:1.25rem;padding-top:1rem;display:flex}.library-word-count{color:var(--c-sumi-tertiary);align-items:center;gap:.35rem;font-size:.82rem;display:flex}.library-start-btn{color:var(--c-aizome-indigo);background-color:var(--c-aizome-pale);border-radius:var(--radius-sm);white-space:nowrap;border:1px solid #2b547e33;align-items:center;gap:.4rem;padding:.45rem .95rem;font-size:.86rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.library-start-btn:hover{background-color:var(--c-aizome-indigo);color:#fff}.library-card-header{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.library-card-badges{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.library-card-actions{flex-shrink:0;align-items:center;gap:.35rem;display:inline-flex}.card-action-btn{border-radius:var(--radius-sm);border:1px solid var(--c-shiraki-border);color:var(--c-sumi-secondary);cursor:pointer;white-space:nowrap;background-color:#fff;justify-content:center;align-items:center;gap:.25rem;padding:.28rem .55rem;font-size:.75rem;font-weight:500;line-height:1;transition:all .15s;display:inline-flex}.card-action-btn:hover{background-color:var(--c-washi-surface);border-color:var(--c-sumi-tertiary);color:var(--c-sumi-ink)}.card-action-btn.delete-btn{color:#dc2626;border-color:#dc262640}.card-action-btn.delete-btn:hover{background-color:#fef2f2;border-color:#dc2626}@media (max-width:640px){.library-container{padding:1.2rem 1rem 4rem}.library-title{font-size:1.4rem}.library-grid{grid-template-columns:1fr;gap:1rem}}.badge-guest-limit{color:var(--c-hanko-red,#b91c1c);cursor:pointer;white-space:nowrap;background:#b91c1c14;border:1px solid #b91c1c40;border-radius:20px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.75rem;font-weight:600;line-height:1.2;transition:all .15s;display:inline-flex}.badge-guest-limit:hover{background:#b91c1c24;border-color:#b91c1c66}.badge-guest-limit.is-exhausted{color:#dc2626;background:#fef2f2;border-color:#f87171;animation:2s infinite subtle-pulse}.dock-guest-tag{color:var(--c-hanko-red,#b91c1c);white-space:nowrap;letter-spacing:-.01em;background:#b91c1c14;border:1px solid #b91c1c33;border-radius:12px;padding:.15rem .5rem;font-size:.72rem;font-weight:600}.dock-guest-tag.is-zero{color:#dc2626;background:#fef2f2;border-color:#f87171}@keyframes subtle-pulse{0%,to{opacity:1}50%{opacity:.75}}.signup-modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(8px);background:#1a2332a6;justify-content:center;align-items:center;padding:1.2rem 1rem;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.signup-modal-card{background:var(--c-washi-surface,#fbfaf7);border:1px solid var(--c-shiraki-border,#e4ded5);border-radius:var(--radius-lg,16px);width:100%;max-width:500px;max-height:94vh;padding:1.8rem 1.8rem 1.4rem;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto;box-shadow:0 24px 48px -12px #0f172a40,inset 0 0 0 1px #fffc}.signup-modal-close-btn{width:32px;height:32px;color:var(--c-sumi-tertiary,#777);cursor:pointer;background:#0000000a;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:1.1rem;right:1.1rem}.signup-modal-close-btn:hover{color:var(--c-sumi-ink,#2c2c2c);background:#00000014}.signup-modal-header{text-align:center;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.signup-modal-hanko-seal{border:2px solid var(--c-hanko-red,#b91c1c);width:42px;height:42px;color:var(--c-hanko-red,#b91c1c);font-family:var(--font-serif-jp,"Shippori Mincho", serif);background:#b91c1c0d;border-radius:8px;justify-content:center;align-items:center;font-size:1.35rem;font-weight:700;display:flex;box-shadow:0 2px 6px #b91c1c1a}.signup-modal-badge{color:var(--c-aizome-indigo,#1e293b);white-space:nowrap;background:#2b547e14;border:1px solid #2b547e26;border-radius:20px;align-items:center;gap:.35rem;padding:.18rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.signup-modal-title{font-family:var(--font-serif-jp,"Shippori Mincho", serif);color:var(--c-sumi-ink,#2c2c2c);letter-spacing:-.01em;margin:0;font-size:1.3rem;font-weight:600;line-height:1.35}.signup-modal-desc{color:var(--c-sumi-secondary,#555);max-width:430px;margin:0;font-size:.85rem;line-height:1.55}.signup-modal-features{border:1px solid var(--c-shiraki-border,#e4ded5);border-radius:var(--radius-md,10px);background:#fff;flex-direction:column;gap:.65rem;margin-bottom:1.25rem;padding:.95rem 1.15rem;display:flex;box-shadow:0 1px 3px #00000005}.signup-feature-item{align-items:flex-start;gap:.85rem;display:flex}.signup-feature-icon{background:var(--c-washi-surface,#fbfaf7);border:1px solid var(--c-shiraki-border,#e4ded5);width:32px;height:32px;color:var(--c-aizome-indigo,#2b547e);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:.15rem;display:flex}.signup-feature-text{flex:1}.signup-feature-text h4{color:var(--c-sumi-ink,#2c2c2c);white-space:nowrap;margin:0 0 .15rem;font-size:.88rem;font-weight:600}.signup-feature-text p{color:var(--c-sumi-tertiary,#777);margin:0;font-size:.78rem;line-height:1.4}.signup-modal-actions{flex-direction:column;align-items:stretch;gap:.65rem;display:flex}.signup-btn-primary{color:#fff;border-radius:var(--radius-sm,8px);cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1c2e4a 0%,#2b4263 100%);border:1px solid #1c2e4a;justify-content:center;align-items:center;gap:.65rem;width:100%;padding:.85rem 1.2rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 12px #1c2e4a33}.signup-btn-primary:hover{background:linear-gradient(135deg,#15243b 0%,#203550 100%);transform:translateY(-1px);box-shadow:0 6px 16px #1c2e4a47;color:#fff!important}.signup-modal-footer-nav{justify-content:center;align-items:center;gap:.4rem;margin-top:.4rem;font-size:.82rem;display:flex}.signup-footnote-text{color:var(--c-sumi-secondary,#555)}.signup-login-link{color:var(--c-aizome-indigo,#2b547e);cursor:pointer;background:0 0;border:none;padding:0;font-size:.82rem;font-weight:600;text-decoration:underline}.signup-login-link:hover{color:#1c2e4a}.signup-modal-cancel-row{text-align:center;margin-top:.2rem}.signup-later-btn{color:var(--c-sumi-tertiary,#777);cursor:pointer;background:0 0;border:none;padding:.3rem .6rem;font-size:.8rem;transition:color .15s}.signup-later-btn:hover{color:var(--c-sumi-secondary,#555);text-decoration:underline}.signup-modal-security-note{color:var(--c-sumi-tertiary,#777);text-align:center;justify-content:center;align-items:center;gap:.4rem;margin-top:1.1rem;font-size:.74rem;line-height:1.35;display:flex}.test-limit-locked-card{background:var(--c-washi-surface,#fbfaf7);border:1px solid var(--c-shiraki-border,#e4ded5);border-radius:var(--radius-lg,16px);text-align:center;flex-direction:column;align-items:center;gap:1.25rem;max-width:580px;margin:2rem auto;padding:3.5rem 1.5rem;display:flex;box-shadow:0 4px 16px #0000000a}.test-limit-locked-icon{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5rem;display:flex}.test-limit-locked-title{font-family:var(--font-serif-jp,"Shippori Mincho", serif);color:var(--c-sumi-ink,#2c2c2c);margin:0;font-size:1.3rem}.test-limit-locked-desc{color:var(--c-sumi-secondary,#555);max-width:440px;margin:0;font-size:.92rem;line-height:1.6}@media (max-width:640px){.signup-modal-card{padding:1.75rem 1.25rem 1.4rem}.signup-modal-title{font-size:1.2rem}.signup-modal-features{gap:.65rem;padding:.9rem 1rem}.signup-btn-primary{padding:.75rem 1rem;font-size:.88rem}.signup-feature-text h4{white-space:normal}.test-limit-locked-card{margin:1rem auto;padding:2.5rem 1.2rem}}.tag-input-container{background:var(--c-washi-surface,#f9f8f5);border:1px solid var(--c-shiraki-border,#e5e0d8);border-radius:var(--radius-sm,6px);flex-wrap:wrap;align-items:center;gap:.45rem;min-height:42px;padding:.45rem .65rem;transition:border-color .2s,box-shadow .2s;display:flex}.tag-input-container:focus-within{border-color:var(--c-aizome-indigo,#2c4f7c);box-shadow:0 0 0 2px var(--c-aizome-pale,#2c4f7c1f);background:#fff}.tag-chip{background:var(--c-aizome-pale,#eef3f8);color:var(--c-aizome-indigo,#2c4f7c);border-radius:var(--radius-full,9999px);white-space:nowrap;border:1px solid #2c4f7c33;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.82rem;font-weight:500;display:inline-flex}.tag-chip-remove{color:var(--c-aizome-indigo,#2c4f7c);cursor:pointer;opacity:.65;background:0 0;border:none;justify-content:center;align-items:center;margin-left:.1rem;padding:0;font-size:.95rem;line-height:1;transition:opacity .15s;display:flex}.tag-chip-remove:hover{opacity:1}.tag-bare-input{color:var(--c-sumi-ink,#2c2c2c);background:0 0;border:none;outline:none;flex:1;min-width:120px;padding:.2rem .1rem;font-size:.85rem}.tag-bare-input::placeholder{color:var(--c-sumi-tertiary,#888)}.tag-suggestions-row{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.45rem;display:flex}.tag-suggestion-label{color:var(--c-sumi-tertiary,#888);white-space:nowrap;font-size:.75rem}.tag-suggestion-btn{border:1px solid var(--c-shiraki-border,#e5e0d8);border-radius:var(--radius-full,9999px);color:var(--c-sumi-secondary,#555);cursor:pointer;white-space:nowrap;background:#fff;padding:.15rem .5rem;font-size:.75rem;transition:all .15s}.tag-suggestion-btn:hover:not(:disabled){border-color:var(--c-aizome-indigo,#2c4f7c);color:var(--c-aizome-indigo,#2c4f7c);background:var(--c-aizome-pale,#eef3f8)}.tag-suggestion-btn.tag-selected,.tag-suggestion-btn:disabled{opacity:.45;cursor:not-allowed}.advanced-accordion{margin-top:.25rem}.advanced-toggle-btn{width:100%;color:var(--c-sumi-tertiary,#888);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:.4rem .1rem;font-size:.8rem;transition:color .15s;display:flex}.advanced-toggle-btn:hover{color:var(--c-sumi-ink,#2c2c2c)}.advanced-content{margin-top:.45rem;animation:.2s fadeIn}.remove-card-btn{border-radius:var(--radius-sm,6px);width:32px;height:32px;color:var(--c-sumi-tertiary,#999);cursor:pointer;z-index:50;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex;position:relative;transform:translateZ(10px);pointer-events:auto!important}.remove-card-btn:hover{color:#dc2626;background:#dc262614;border-color:#dc262640;transform:translateZ(10px)scale(1.1)}.remove-card-btn:active{transform:translateZ(10px)scale(.95)}.popup-remove-btn{border:1px solid var(--c-shiraki-border,#e2e8f0);border-radius:var(--radius-xs,4px);width:30px;height:30px;color:var(--c-sumi-tertiary,#888);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:inline-flex}.popup-remove-btn:hover:not(:disabled){color:#dc2626;background:#dc262614;border-color:#dc26264d;transform:scale(1.08)}.popup-remove-btn:disabled{opacity:.5;cursor:not-allowed}.header-search-container{flex:1;align-items:center;max-width:440px;margin:0 1.5rem;display:flex}.header-search-form{width:100%}.header-search-wrapper{align-items:center;width:100%;display:flex;position:relative}.header-search-icon{color:var(--c-sumi-tertiary);pointer-events:none;position:absolute;left:.85rem}.header-search-input{width:100%;height:38px;color:var(--c-sumi-ink);background-color:var(--c-washi-surface);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-full);outline:none;padding:0 2.2rem 0 2.4rem;font-size:.88rem;transition:all .2s;box-shadow:inset 0 1px 2px #00000008}.header-search-input:focus{border-color:var(--c-aizome-indigo);box-shadow:0 0 0 3px var(--c-aizome-glow);background-color:#fff}.header-search-input::placeholder{color:var(--c-sumi-tertiary);font-size:.82rem}.header-search-clear{width:20px;height:20px;color:var(--c-sumi-secondary);cursor:pointer;background:#0000000f;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex;position:absolute;right:.75rem}.header-search-clear:hover{color:var(--c-sumi-ink);background:#0000001f}.nav-link-about{color:var(--c-sumi-secondary);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;padding:.4rem .8rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.nav-link-about:hover{color:var(--c-aizome-indigo);background-color:var(--c-washi-surface)}.portal-page-container{min-height:calc(100vh - 70px);margin:0 auto;padding:1.5rem 1.5rem 4rem}.portal-layout-wrapper{align-items:flex-start;gap:2rem;display:flex}.portal-sidebar{scrollbar-width:thin;scrollbar-color:var(--c-shiraki-border) transparent;flex-shrink:0;width:250px;max-height:calc(100vh - 100px);position:sticky;top:80px;overflow-y:auto}.portal-sidebar-inner{flex-direction:column;gap:1.5rem;padding-right:.5rem;display:flex}.sidebar-group{flex-direction:column;gap:.35rem;display:flex}.sidebar-group-title{letter-spacing:.05em;color:var(--c-sumi-tertiary);text-transform:uppercase;align-items:center;gap:.45rem;padding:.25rem .6rem;font-size:.76rem;font-weight:600;display:flex}.sidebar-item{width:100%;color:var(--c-sumi-ink);border-radius:var(--radius-md);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:.6rem;padding:.55rem .75rem;font-size:.88rem;font-weight:600;transition:all .15s;display:flex}.sidebar-item:hover{background-color:var(--c-washi-surface);color:var(--c-aizome-indigo)}.sidebar-item.active{background-color:var(--c-aizome-pale);color:var(--c-aizome-indigo);border-color:#2c4f7c2e}.sidebar-item-icon{color:var(--c-sumi-tertiary);align-items:center;display:flex}.sidebar-item.active .sidebar-item-icon{color:var(--c-aizome-indigo)}.sidebar-item-label{text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar-item-count{border-radius:var(--radius-full);background:var(--c-washi-surface);color:var(--c-sumi-tertiary);padding:.1rem .45rem;font-size:.75rem;font-weight:500}.sidebar-item.active .sidebar-item-count{color:var(--c-aizome-indigo);background:#2c4f7c1f}.sidebar-reset-btn{color:var(--c-sumi-tertiary);border:1px dashed var(--c-shiraki-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.35rem;margin-top:.35rem;padding:.35rem .6rem;font-size:.76rem;font-weight:500;transition:all .2s;display:inline-flex}.sidebar-reset-btn:hover{border-color:var(--c-aizome-indigo);color:var(--c-aizome-indigo);background-color:var(--c-washi-surface)}.sidebar-list{flex-direction:column;gap:.15rem;display:flex}.sidebar-subitem{width:100%;color:var(--c-sumi-secondary);border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;padding:.45rem .75rem;font-size:.83rem;transition:all .15s;display:flex}.sidebar-subitem:hover{background-color:var(--c-washi-surface);color:var(--c-sumi-ink)}.sidebar-subitem.active{background-color:var(--c-aizome-pale);color:var(--c-aizome-indigo);border-color:#2c4f7c26;font-weight:600}.sidebar-dot{background-color:var(--c-sumi-faint);border-radius:50%;flex-shrink:0;width:5px;height:5px;transition:all .2s}.sidebar-subitem.active .sidebar-dot{background-color:var(--c-aizome-indigo);transform:scale(1.4)}.sidebar-subitem-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar-subitem-count{color:var(--c-sumi-tertiary);font-size:.72rem}.sidebar-tags-cloud{flex-wrap:wrap;gap:.35rem;padding:.25rem .25rem 0;display:flex}.sidebar-tag-chip{color:var(--c-sumi-secondary);background-color:var(--c-washi-surface);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;align-items:center;gap:.25rem;padding:.22rem .55rem;font-size:.76rem;transition:all .15s;display:inline-flex}.sidebar-tag-chip:hover{border-color:var(--c-aizome-indigo);color:var(--c-aizome-indigo);background-color:#fff}.sidebar-tag-chip.active{background-color:var(--c-aizome-indigo);border-color:var(--c-aizome-indigo);color:#fff}.sidebar-tag-chip .tag-count{opacity:.75;font-size:.68rem}.portal-content-area{flex:1;width:100%;min-width:0}.portal-header-bar{border-bottom:1px solid var(--c-shiraki-border);justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;margin-bottom:1.25rem;padding-bottom:.85rem;display:flex}.portal-header-heading-wrapper{flex:1;min-width:0}.portal-filter-heading{font-size:1.25rem;font-weight:700;font-family:var(--font-serif-jp);color:var(--c-sumi-ink);flex-wrap:wrap;align-items:center;gap:.2rem .35rem;margin:0;line-height:1.45;display:flex}.breadcrumb-part{white-space:nowrap;word-break:keep-all;display:inline-block}.breadcrumb-separator{color:var(--c-sumi-tertiary);opacity:.6;-webkit-user-select:none;user-select:none;margin:0 .15rem;font-size:.85rem}.portal-header-actions{flex-shrink:0;align-items:center;gap:.75rem;display:inline-flex}.portal-result-count{color:var(--c-sumi-tertiary);white-space:nowrap;font-size:.85rem;font-weight:500}.portal-mobile-filter-btn{color:var(--c-sumi-ink);background:var(--c-washi-surface);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;align-items:center;gap:.4rem;padding:.45rem .85rem;font-size:.82rem;font-weight:600;transition:all .2s;display:none}.portal-mobile-filter-btn:hover{border-color:var(--c-aizome-indigo);color:var(--c-aizome-indigo);background:#fff}.portal-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;display:grid}.portal-card{background:var(--c-washi-card,#fff);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-md);box-shadow:var(--shadow-washi);flex-direction:column;justify-content:space-between;padding:1.25rem;transition:all .2s;display:flex;position:relative}.portal-card:hover{border-color:var(--c-shiraki-dark);box-shadow:var(--shadow-floating);transform:translateY(-2px)}.portal-card-main{flex-direction:column;gap:.6rem;display:flex}.portal-card-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.portal-card-category{color:var(--c-aizome-indigo);letter-spacing:.03em;white-space:nowrap;font-size:.75rem;font-weight:600}.portal-card-actions{align-items:center;gap:.35rem;display:flex}.card-action-icon-btn{color:var(--c-sumi-tertiary);border-radius:var(--radius-xs);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.2rem;padding:.2rem .45rem;font-size:.72rem;transition:all .15s;display:inline-flex}.card-action-icon-btn:hover{background:var(--c-washi-surface);color:var(--c-sumi-ink)}.card-action-icon-btn.delete:hover{color:#dc2626;background:#dc262614}.portal-card-badges{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.badge-my-article{border-radius:var(--radius-sm);color:var(--c-aizome-indigo);white-space:nowrap;background-color:#38736e1a;border:1px solid #38736e33;padding:.12rem .45rem;font-size:.68rem;font-weight:500}.portal-card-title{font-size:1.08rem;font-weight:700;font-family:var(--font-serif-jp);color:var(--c-sumi-ink);margin:0;line-height:1.45}.portal-card-title a{color:inherit;text-decoration:none;transition:color .15s}.portal-card-title a:hover{color:var(--c-aizome-indigo)}.portal-card-author{color:var(--c-sumi-tertiary);align-items:center;gap:.35rem;margin:0;font-size:.78rem;display:inline-flex}.source-ext-link{color:var(--c-sumi-tertiary);transition:color .15s}.source-ext-link:hover{color:var(--c-aizome-indigo)}.portal-card-preview{color:var(--c-sumi-secondary);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.85rem;line-height:1.65;display:-webkit-box;overflow:hidden}.portal-card-tags{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.25rem;display:flex}.portal-tag-chip{color:var(--c-sumi-tertiary);background-color:var(--c-washi-surface);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-xs);white-space:nowrap;padding:.1rem .4rem;font-size:.72rem}.portal-tag-more{color:var(--c-sumi-faint);font-size:.72rem}.portal-card-footer{border-top:1px solid var(--c-shiraki-border);justify-content:space-between;align-items:center;margin-top:1.1rem;padding-top:.85rem;display:flex}.portal-card-metrics{color:var(--c-sumi-tertiary);align-items:center;gap:.35rem;font-size:.78rem;display:flex}.metric-item{white-space:nowrap;align-items:center;gap:.3rem;display:inline-flex}.metric-sep{color:var(--c-sumi-faint)}.portal-start-link{color:#fff;background-color:var(--c-aizome-indigo);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.portal-start-link:hover{background-color:var(--c-aizome-hover);box-shadow:0 2px 8px -1px var(--c-aizome-glow)}.portal-loading-container{color:var(--c-sumi-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:5rem 1rem;display:flex}.portal-loading-spinner{border:3px solid var(--c-shiraki-border);border-top-color:var(--c-aizome-indigo);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.portal-empty-card{text-align:center;background-color:var(--c-washi-surface);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-md);flex-direction:column;align-items:center;padding:4rem 2rem;display:flex}.empty-icon-box{opacity:.6;margin-bottom:1rem}.empty-primary-msg{color:var(--c-sumi-secondary);margin:0 0 .5rem;font-size:1.05rem;font-weight:600}.empty-sub-msg{color:var(--c-sumi-tertiary);max-width:480px;margin:0;font-size:.85rem;line-height:1.6}.about-page-container{max-width:1140px;margin:0 auto;padding:2rem 1.5rem 5rem}.about-hero{text-align:center;padding:3rem 0 4rem}.about-hero-inner{flex-direction:column;align-items:center;display:flex}.hero-tag{color:var(--c-aizome-indigo);background-color:var(--c-aizome-pale);border-radius:var(--radius-full);white-space:nowrap;border:1px solid #2c4f7c2e;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.35rem .95rem;font-size:.82rem;font-weight:600;display:inline-flex}.tag-dot{background-color:var(--c-aizome-indigo);border-radius:50%;width:6px;height:6px}.hero-title{font-size:clamp(2rem,5vw,3.2rem);font-weight:900;font-family:var(--font-serif-jp);color:var(--c-sumi-ink);letter-spacing:-.01em;margin:0 0 1.25rem;line-height:1.35}.hero-subtitle{color:var(--c-sumi-secondary);max-width:680px;margin:0 0 2rem;font-size:clamp(1rem,2vw,1.15rem);line-height:1.8}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-bottom:3.5rem;display:flex}.btn-hero-primary{color:#fff;background-color:var(--c-aizome-indigo);border:1px solid var(--c-aizome-indigo);border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 4px 14px -2px var(--c-aizome-glow);white-space:nowrap;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.98rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-hero-primary:hover{background-color:var(--c-aizome-hover);transform:translateY(-1px)}.btn-hero-secondary{color:var(--c-sumi-ink);background-color:var(--c-washi-surface);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;align-items:center;padding:.75rem 1.75rem;font-size:.98rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-hero-secondary:hover{border-color:var(--c-shiraki-dark);background-color:#fff}.hero-mockup-wrapper{width:100%;max-width:860px}.mockup-frame{background-color:var(--c-washi-card,#fff);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-floating);text-align:left;overflow:hidden}.mockup-header{background-color:var(--c-washi-surface);border-bottom:1px solid var(--c-shiraki-border);justify-content:space-between;align-items:center;padding:.85rem 1.5rem;display:flex}.mockup-breadcrumb{color:var(--c-sumi-secondary);white-space:nowrap;align-items:center;gap:.4rem;font-size:.82rem;display:flex}.breadcrumb-sep{color:var(--c-sumi-faint)}.reader-preview-card{padding:2rem}.reader-meta{margin-bottom:1.5rem}.category-label{letter-spacing:.08em;color:var(--c-aizome-indigo);font-size:.72rem;font-weight:700}.reader-title{font-size:1.5rem;font-family:var(--font-serif-en);color:var(--c-sumi-ink);margin:.35rem 0 .25rem;font-weight:700}.reader-subtitle{color:var(--c-sumi-secondary);margin:0;font-size:.9rem}.passage-box{margin-bottom:1.5rem;position:relative}.passage-text{font-family:var(--font-serif-en);color:var(--c-sumi-ink);margin:0;font-size:1.15rem;line-height:1.9}.word-target{color:var(--c-hon-ake);border-radius:var(--radius-xs);background-color:#c53d2d1f;padding:.1rem .3rem;font-weight:600}.word-active{background-color:var(--c-aizome-pale);color:var(--c-aizome-indigo);border-radius:var(--radius-xs);padding:.1rem .3rem;font-weight:600}.dict-popup-preview{border:1px solid var(--c-shiraki-border);border-radius:var(--radius-md);box-shadow:var(--shadow-washi);background-color:#fff;margin-top:1.25rem;padding:1.15rem}.dict-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.dict-word-group{align-items:baseline;gap:.5rem;display:flex}.dict-word{font-family:var(--font-serif-en);color:var(--c-sumi-ink);font-size:1.2rem;font-weight:700}.dict-phonetic{color:var(--c-sumi-tertiary);font-size:.82rem;font-family:var(--font-mono)}.dict-audio-icon{color:var(--c-aizome-indigo)}.dict-meaning{color:var(--c-sumi-secondary);align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.88rem;display:flex}.pos-tag{background:var(--c-washi-surface);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-xs);color:var(--c-sumi-secondary);white-space:nowrap;padding:.1rem .4rem;font-size:.72rem}.dict-nuance{color:var(--c-sumi-tertiary);font-size:.78rem;line-height:1.6}.parallel-translation-box{border-left:3px solid var(--c-aizome-indigo);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background-color:#2c4f7c0a;margin-bottom:1.5rem;padding:1rem 1.25rem}.trans-title{color:var(--c-aizome-indigo);margin-bottom:.35rem;font-size:.76rem;font-weight:600;display:block}.trans-body{color:var(--c-sumi-secondary);margin:0;font-size:.92rem;line-height:1.7}.mock-audio-dock{background-color:var(--c-washi-surface);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-full);align-items:center;gap:1rem;padding:.85rem 1.25rem;display:flex}.mock-play-btn{background-color:var(--c-aizome-indigo);color:#fff;border-radius:var(--radius-full);white-space:nowrap;align-items:center;padding:.3rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.audio-speed{color:var(--c-sumi-tertiary);white-space:nowrap;font-size:.78rem}.dock-action{margin-left:auto}.btn-mock-step{color:var(--c-aizome-indigo);white-space:nowrap;font-size:.82rem;font-weight:600}.about-section{border-top:1px solid var(--c-shiraki-border);padding:4rem 0}.section-inner{max-width:1000px;margin:0 auto}.section-header{text-align:center;margin-bottom:3rem}.section-lead{letter-spacing:.1em;color:var(--c-aizome-indigo);text-transform:uppercase;margin-bottom:.4rem;font-size:.75rem;font-weight:700;display:block}.section-title{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:700;font-family:var(--font-serif-jp);color:var(--c-sumi-ink);margin:0 0 1rem}.section-desc{color:var(--c-sumi-secondary);margin:0 auto;font-size:.95rem;line-height:1.8}.principles-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.principle-card{background:var(--c-washi-card,#fff);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-md);box-shadow:var(--shadow-washi);flex-direction:column;padding:2rem 1.5rem;transition:all .2s;display:flex}.principle-card:hover{box-shadow:var(--shadow-floating);border-color:var(--c-shiraki-dark);transform:translateY(-2px)}.principle-card-accent{border-top:3px solid var(--c-aizome-indigo)}.principle-icon-box{color:var(--c-aizome-indigo);margin-bottom:1.25rem}.principle-clause{align-items:center;gap:.4rem;margin-bottom:.5rem;display:flex}.clause-badge{background:var(--c-washi-surface);border-radius:var(--radius-xs);color:var(--c-sumi-secondary);padding:.1rem .4rem;font-size:.72rem;font-weight:600}.clause-sound{font-size:.88rem;font-weight:700;font-family:var(--font-serif-en);color:var(--c-aizome-indigo)}.principle-name{font-size:1.25rem;font-weight:700;font-family:var(--font-serif-jp);color:var(--c-sumi-ink);margin:0 0 .35rem}.principle-tagline{color:var(--c-aizome-indigo);margin:0 0 .75rem;font-size:.85rem;font-weight:600}.principle-text{color:var(--c-sumi-secondary);flex:1;margin:0 0 1.25rem;font-size:.88rem;line-height:1.7}.principle-features{flex-direction:column;gap:.35rem;display:flex}.feature-tag{color:var(--c-sumi-secondary);background:var(--c-washi-surface);border-radius:var(--radius-xs);border:1px solid var(--c-shiraki-border);white-space:nowrap;padding:.25rem .6rem;font-size:.76rem;font-weight:500}.seamless-card{background-color:var(--c-washi-surface);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-lg);padding:2.5rem}.seamless-list{flex-direction:column;gap:.85rem;margin-top:1.5rem;display:flex}.seamless-item{color:var(--c-sumi-ink);align-items:center;gap:.75rem;font-size:.95rem;font-weight:500;display:flex}.faq-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.faq-item{background:var(--c-washi-card,#fff);border:1px solid var(--c-shiraki-border);border-radius:var(--radius-md);box-shadow:var(--shadow-washi);padding:1.5rem}.faq-question{font-size:1rem;font-weight:700;font-family:var(--font-serif-jp);color:var(--c-sumi-ink);align-items:center;gap:.5rem;margin:0 0 .65rem;display:flex}.faq-question svg{color:var(--c-aizome-indigo);flex-shrink:0}.faq-answer{color:var(--c-sumi-secondary);margin:0;font-size:.88rem;line-height:1.7}.about-final-cta{text-align:center;border-top:1px solid var(--c-shiraki-border);margin-top:2rem;padding:5rem 1.5rem}.final-cta-inner{flex-direction:column;align-items:center;max-width:600px;margin:0 auto;display:flex}.hanko-seal-lg{border:2px solid var(--c-hon-ake);width:44px;height:44px;color:var(--c-hon-ake);font-family:var(--font-serif-jp);border-radius:var(--radius-xs);justify-content:center;align-items:center;margin-bottom:1.25rem;font-size:1.4rem;font-weight:900;display:inline-flex}.cta-title{font-size:1.8rem;font-family:var(--font-serif-jp);color:var(--c-sumi-ink);margin:0 0 .75rem;font-weight:700}.cta-desc{color:var(--c-sumi-secondary);margin:0 0 2rem;font-size:.95rem;line-height:1.75}.cta-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.portal-sidebar-backdrop{-webkit-backdrop-filter:blur(6px);z-index:999;background:#1e191473;animation:.22s cubic-bezier(.16,1,.3,1) forwards fadeInBackdrop;position:fixed;inset:0}@keyframes fadeInBackdrop{0%{opacity:0}to{opacity:1}}.portal-sidebar-mobile-header{border-bottom:1px solid var(--c-shiraki-border);justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.85rem;display:none}.portal-sidebar-mobile-title{font-size:.95rem;font-weight:700;font-family:var(--font-serif-jp);color:var(--c-sumi-ink)}.portal-sidebar-close-btn{border-radius:var(--radius-full);border:1px solid var(--c-shiraki-border);background:var(--c-washi-surface);width:32px;height:32px;color:var(--c-sumi-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.portal-sidebar-close-btn:hover{color:var(--c-sumi-ink);border-color:var(--c-aizome-indigo);background:#fff}@media (max-width:1024px){.portal-sidebar-mobile-header{display:flex}.portal-sidebar{background-color:var(--c-washi-card,#fff);border-right:1px solid var(--c-shiraki-border);z-index:1000;width:290px;height:100vh;max-height:100vh;padding:1.5rem 1.1rem;transition:left .28s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:-300px;box-shadow:4px 0 24px #0000001f}.portal-sidebar.portal-sidebar-mobile-open{left:0}.portal-mobile-filter-btn{display:inline-flex}.portal-layout-wrapper{flex-direction:column;gap:1rem;width:100%}.portal-content-area{width:100%;max-width:100%}.portal-header-bar{width:100%}.principles-grid,.faq-grid{grid-template-columns:1fr}}@media (max-width:640px){.portal-header-bar{flex-direction:column;align-items:stretch;gap:.65rem;padding-bottom:.75rem}.portal-filter-heading{font-size:1.05rem;line-height:1.45}.portal-header-actions{border-top:1px dashed #e5e0d8bf;justify-content:space-between;align-items:center;width:100%;padding-top:.5rem}}@media (max-width:768px){.header-search-container{max-width:220px;margin:0 .5rem}.header-search-input{height:34px;padding:0 1.8rem 0 2rem;font-size:.8rem}.header-search-icon{left:.65rem}.nav-link-about{display:none}.portal-page-container{padding:1rem 1rem 3rem}.portal-grid{grid-template-columns:1fr}.reader-preview-card{padding:1.25rem}.mock-audio-dock{flex-wrap:wrap;gap:.5rem}}@media (max-width:501px){.header-search-container{max-width:150px;margin:0 .35rem}.header-search-input::placeholder{font-size:.72rem}.btn-header-create{white-space:nowrap;padding:.4rem .65rem;font-size:.8rem}.portal-filter-heading{font-size:1.1rem}.hero-title{font-size:1.75rem}.hero-actions,.cta-buttons{flex-direction:column;width:100%}.btn-hero-primary,.btn-hero-secondary{justify-content:center;width:100%}}@media (max-width:390px){.brand-romaji{display:none}.header-search-container{max-width:120px}.btn-header-create{padding:.35rem .5rem;font-size:.75rem}}.article-modal-relative{position:relative!important}.article-modal-relative:has(.article-loading-overlay){overflow:hidden!important}.article-loading-overlay{z-index:150;-webkit-backdrop-filter:blur(8px);background:#fdfcf8f5;border-radius:1rem;justify-content:center;align-items:center;padding:1.5rem;animation:.25s ease-out fadeInOverlay;display:flex;position:absolute;inset:0}@keyframes fadeInOverlay{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.article-loading-content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:440px;display:flex}.loading-spinner-wrapper{justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:1.25rem;display:flex;position:relative}.loading-spinner-icon{color:var(--c-ai-indigo,#1e3a8a);animation:1.4s linear infinite spinSlow}.loading-spinner-ring{border:2px dashed #1e3a8a2e;border-radius:50%;animation:12s linear infinite spinReverse;position:absolute;inset:0}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinReverse{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.loading-title{font-family:var(--font-shippori,var(--font-serif)), serif;color:var(--c-sumi-ink,#1f2937);letter-spacing:.02em;margin:0 0 .5rem;font-size:1.28rem;font-weight:700}.loading-subtitle{color:var(--c-sumi-muted,#64748b);margin:0 0 1.5rem;font-size:.85rem;line-height:1.55}.loading-steps-list{text-align:left;background:#f5f3eea6;border:1px solid #e2ddd4cc;border-radius:.75rem;flex-direction:column;gap:.5rem;width:100%;margin-bottom:1.2rem;padding:.85rem;display:flex}.loading-step-item{color:var(--c-sumi-muted,#64748b);border-radius:.5rem;align-items:center;gap:.65rem;padding:.45rem .6rem;font-size:.85rem;transition:all .3s;display:flex}.loading-step-item.step-done{color:var(--c-sumi-ink,#1f2937);background:#ffffffbf}.loading-step-item.step-current{color:var(--c-ai-indigo,#1e3a8a);background:#1e3a8a0d;font-weight:600}.step-icon-area{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.step-check-icon{color:#10b981;animation:.3s ease-out popIn}.step-loading-icon{color:var(--c-ai-indigo,#1e3a8a);animation:1s linear infinite spinSlow}.step-pending-dot{background:#64748b4d;border-radius:50%;width:6px;height:6px}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.step-label{white-space:normal;flex:1;line-height:1.4}.loading-note{color:#94a3b8;letter-spacing:.01em;font-size:.76rem}@media (max-width:430px){.article-loading-overlay{padding:1rem .75rem}.loading-title{font-size:1.15rem}.loading-subtitle{margin-bottom:1.1rem;font-size:.78rem}.loading-step-item{padding:.35rem .45rem;font-size:.78rem}}