@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@400;700&display=swap";:root{--primary-red: #d92b2b;--ink-black: #1a1a1b;--official-gray: #4a4a4a;--paper-bg: #ffffff;--header-bg: #e2e1d9;--body-bg: #d1d5db;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--border-light: #e2e8f0;--border-default: #cbd5e1;--border-dark: #94a3b8;--success: #10b981;--warning: #f59e0b;--error: #ef4444}*,*::before,*::after{box-sizing:border-box}*{margin:0;padding:0}html{height:100%;font-size:16px}body{min-height:100%;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}html{font-size:14px}body{font-family:"Noto Sans JP",sans-serif;font-weight:400;color:var(--text-primary)}.trix-content{font-family:"Noto Sans JP",sans-serif;line-height:1.7}.learning-layout{font-family:"Noto Serif JP",serif;background-color:var(--body-bg);color:var(--ink-black)}@media(max-width: 767px){.learning-layout{padding-top:160px}}.blank-input{border-bottom:2px solid var(--ink-black);background:rgba(0,0,0,0);text-align:center;transition:all .2s ease;outline:none;color:#1e40af;font-weight:700;padding:4px 8px;border-radius:0;font-family:"Noto Serif JP",serif;font-size:1.75rem;line-height:1.5}.blank-input:focus{background-color:rgba(0,0,0,.03);outline:2px solid var(--primary-red);outline-offset:2px}.blank-input.correct{border-bottom-color:rgba(0,0,0,0);color:var(--primary-red);font-family:"Noto Serif JP",serif;cursor:default}.blank-input.incorrect{background-color:rgba(239,68,68,.1);border-bottom-color:var(--error)}.blank-input.blank-input--review{display:inline;padding:4px 8px;border:none;border-bottom:2px solid var(--ink-black);background:rgba(0,0,0,0);white-space:normal;word-wrap:break-word;overflow-wrap:break-word}.blank-input.blank-input--review.correct{border-bottom-color:rgba(0,0,0,0);color:var(--primary-red);background:rgba(0,0,0,0)}.blank-input.blank-input--review.incorrect{background-color:rgba(239,68,68,.1);border-bottom-color:var(--error)}.blank-input.blank-input--review.unanswered{background-color:rgba(156,163,175,.1);border-bottom-color:#9ca3af;color:#6b7280}.app-header{background:linear-gradient(135deg, #1e40af 0%, #0b1f3a 100%);padding:12px 0;border-bottom:1px solid hsla(0,0%,100%,.08);box-shadow:0 6px 16px rgba(15,23,42,.25);position:sticky;top:0;z-index:1000}.app-header__container{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.app-header__container{padding:0 1rem}}@media(min-width: 1024px){.app-header__container{padding:0 .5rem}}.app-header__container{display:flex;align-items:center;gap:24px}.app-header__brand{flex:0 0 auto}.app-header__logo{display:inline-flex;align-items:center;text-decoration:none}.app-header__logo:hover{opacity:.9}.app-header__logo-text{font-size:1.6rem;font-weight:800;color:#fff;font-family:"Noto Serif JP",serif}.app-header__logo-image{height:60px;width:auto;max-width:180px;display:block}.app-header__menu-button{display:none;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border-radius:999px;border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.12);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.app-header__menu-button span{display:block;width:22px;height:3px;background:#fff;border-radius:999px;box-shadow:0 2px 6px rgba(15,23,42,.35)}.app-header__menu-button:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.35)}.app-header__menu{display:flex;align-items:center;gap:24px;flex:1}.app-header__nav{display:flex;gap:8px;flex:1}.app-header__nav-item{position:relative;display:inline-flex;align-items:center}.app-header__nav-submenu{display:none}.app-header__nav-link{padding:8px 16px;color:hsla(0,0%,100%,.85);text-decoration:none;border-radius:6px;font-weight:600;transition:all .2s ease}.app-header__nav-link:hover{background:hsla(0,0%,100%,.1);color:#fff}.app-header__nav-link--active{background:hsla(0,0%,100%,.18);color:#fff;font-weight:700}.app-header__nav-link--mobile-only{display:none}.app-header__nav-label--mobile{display:none}.app-header__nav-label--desktop{display:inline}.app-header__nav-link--with-caret{display:inline-flex;align-items:center;gap:8px}.app-header__nav-caret{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-bottom:2px}.app-header__nav-dropdown{position:absolute;top:calc(100% + 10px);left:0;min-width:320px;display:none;padding:16px;background:#fff;border-radius:14px;border:1px solid #e2e8f0;box-shadow:0 18px 36px rgba(15,23,42,.18);z-index:1002}.app-header__nav-dropdown::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px}.app-header__nav-dropdown-group+.app-header__nav-dropdown-group{margin-top:14px;padding-top:12px;border-top:1px solid #eef2f7}.app-header__nav-dropdown-label{font-size:.78rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.app-header__nav-dropdown-item{display:block;padding:8px 12px;border-radius:10px;color:#0f172a;text-decoration:none;font-weight:600;transition:background-color .2s ease,color .2s ease}.app-header__nav-dropdown-item:hover{background:#eff6ff;color:#1e40af}.app-header__nav-item--study:hover .app-header__nav-dropdown,.app-header__nav-item--study:focus-within .app-header__nav-dropdown{display:block}.app-header__controls{flex:0 0 auto}.app-header__user{flex:0 0 auto}.app-header__user-info{display:flex;align-items:center;gap:12px}.app-header__user-email{color:hsla(0,0%,100%,.75);font-size:.9rem}.app-header__user-menu{position:relative}.app-header__user-actions{display:none;flex-direction:column;gap:8px}.app-header__user-action{padding:10px 12px;border-radius:10px;text-align:center;font-weight:700;text-decoration:none;color:#0b1f3a;background:hsla(0,0%,100%,.8);border:1px solid rgba(148,163,184,.3);transition:background-color .2s ease,color .2s ease}.app-header__user-action:hover{background:rgba(226,232,255,.95);color:#0b1f3a}.app-header__user-action--danger{color:#b91c1c;background:rgba(254,242,242,.9);border-color:rgba(248,113,113,.35)}.app-header__user-action--danger:hover{background:rgba(254,226,226,.95);color:#b91c1c}.app-header__user-trigger{border:1px solid hsla(0,0%,100%,.2);background:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.9);padding:6px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.app-header__user-trigger:hover{background:hsla(0,0%,100%,.16);border-color:hsla(0,0%,100%,.35)}.app-header__user-caret{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-bottom:2px}.app-header__user-dropdown{position:absolute;right:0;top:100%;margin-top:6px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 16px 28px rgba(15,23,42,.18);padding:8px;display:none;min-width:180px;z-index:1001}.app-header__user-dropdown::before{content:"";position:absolute;top:-6px;left:0;right:0;height:6px}.app-header__user-item{display:block;padding:8px 12px;border-radius:8px;color:#0f172a;text-decoration:none;font-weight:600;transition:background-color .2s ease,color .2s ease}.app-header__user-item:hover{background:#eff6ff;color:#1e40af}.app-header__user-item--danger{color:#b91c1c}.app-header__user-item--danger:hover{background:#fee2e2;color:#b91c1c}.app-header__user-menu:hover .app-header__user-dropdown,.app-header__user-menu:focus-within .app-header__user-dropdown,.app-header__user-trigger:hover+.app-header__user-dropdown,.app-header__user-dropdown:hover{display:block}.app-header__logout{color:hsla(0,0%,100%,.9);text-decoration:none;padding:6px 12px;border-radius:999px;font-size:.9rem;transition:background-color .2s ease}.app-header__logout:hover{background:hsla(0,0%,100%,.12);color:#fff}.app-header__auth-links{display:flex;gap:8px}.app-header__auth-link{padding:8px 16px;color:hsla(0,0%,100%,.9);text-decoration:none;border-radius:6px;font-weight:600;transition:all .2s ease;border:1px solid rgba(0,0,0,0)}.app-header__auth-link:hover{background:hsla(0,0%,100%,.1);color:#fff}.app-header__auth-link--primary{background:hsla(0,0%,100%,.2);color:#fff;border-color:hsla(0,0%,100%,.3)}.app-header__auth-link--primary:hover{background:hsla(0,0%,100%,.3)}.app-header__backdrop{display:none}@media(max-width: 768px){.app-header{padding:8px 0}.app-header__container{gap:12px}.app-header__logo-text{font-size:1.4rem}.app-header__logo-image{height:42px}.app-header__menu-button{display:inline-flex;margin-left:auto;border-radius:14px;background:rgba(15,23,42,.18);border-color:rgba(191,219,254,.6);box-shadow:0 10px 18px rgba(15,23,42,.28)}.app-header__menu-button span{width:18px;height:2px;box-shadow:none;background:#f8fafc}.app-header__menu{display:none;position:fixed;top:0;right:0;height:100vh;width:min(78vw,320px);flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px;padding:72px 20px calc(48px + env(safe-area-inset-bottom));background:#f6f8ff;background-image:radial-gradient(8px 8px at 18% 20%, rgba(59, 130, 246, 0.08) 0 60%, rgba(246, 248, 255, 0) 62%),radial-gradient(10px 10px at 78% 28%, rgba(14, 165, 233, 0.06) 0 60%, rgba(246, 248, 255, 0) 62%),radial-gradient(12px 12px at 28% 76%, rgba(59, 130, 246, 0.05) 0 60%, rgba(246, 248, 255, 0) 62%),linear-gradient(145deg, rgba(226, 232, 255, 0.9), rgba(255, 255, 255, 0.95));box-shadow:-16px 0 30px rgba(15,23,42,.4);transform:translateX(100%);transition:transform .2s ease;z-index:1100;overflow-y:auto;overscroll-behavior:contain}.app-header.app-header--menu-open .app-header__menu{display:flex;transform:translateX(0)}.app-header__backdrop{display:block;position:fixed;inset:0;background:rgba(15,23,42,.45);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:1050}.app-header.app-header--menu-open .app-header__backdrop{opacity:1;pointer-events:auto}.app-header__nav{flex-direction:column;gap:6px}.app-header__nav-item{display:block}.app-header__nav-submenu{display:flex;flex-direction:column;gap:8px;max-height:0;opacity:0;transform:translateY(-6px);overflow:hidden;padding:0 10px;margin-top:0;border-radius:12px;background:hsla(0,0%,100%,.7);border:1px solid rgba(0,0,0,0);box-shadow:0 10px 20px rgba(15,23,42,.08);pointer-events:none;transition:max-height .25s ease,opacity .2s ease,transform .25s ease,margin-top .25s ease,padding .25s ease,border-color .25s ease}.app-header__nav-item--study.is-open .app-header__nav-submenu{max-height:520px;opacity:1;transform:translateY(0);padding:8px 10px 6px;margin-top:6px;border-color:rgba(148,163,184,.2);pointer-events:auto}.app-header__nav-submenu-group+.app-header__nav-submenu-group{padding-top:6px;border-top:1px solid rgba(148,163,184,.2)}.app-header__nav-submenu-label{font-size:.65rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#64748b;margin-bottom:4px}.app-header__nav-submenu-item{display:block;padding:6px 8px;border-radius:10px;color:#0b1f3a;text-decoration:none;font-weight:700;font-size:.92rem;transition:background-color .2s ease,color .2s ease}.app-header__nav-submenu-item:hover{background:rgba(226,232,255,.9);color:#0b1f3a}.app-header__nav-dropdown{display:none !important}.app-header__nav-link--with-caret{gap:6px}.app-header__nav-caret{display:none}.app-header__nav-link{display:flex;align-items:center;padding:10px 12px;font-size:.95rem;color:#0b1f3a;background:hsla(0,0%,100%,.75);border:1px solid rgba(148,163,184,.25);width:100%}.app-header__nav-link:hover{background:rgba(226,232,255,.9);color:#0b1f3a}.app-header__nav-link--active{background:rgba(30,64,175,.12);color:#1e3a8a;border-color:rgba(30,64,175,.35)}.app-header__nav-link--mobile-only{display:flex}.app-header__nav-label--mobile{display:inline}.app-header__nav-label--desktop{display:none}.app-header__user-email{display:none}.app-header__user-menu{display:none}.app-header__user-actions{display:flex}.app-header__auth-links{flex-direction:column;align-items:stretch}.app-header__auth-link{width:100%;text-align:center;color:#0b1f3a;background:hsla(0,0%,100%,.8);border-color:rgba(148,163,184,.3)}.app-header__auth-link:hover{background:rgba(226,232,255,.95);color:#0b1f3a}.app-header__auth-link--primary{background:rgba(30,64,175,.12);color:#1e3a8a;border-color:rgba(30,64,175,.35)}.app-header__auth-link--primary:hover{background:rgba(30,64,175,.18)}}.app-main{min-height:80vh}.static-page{padding:2rem 0 3rem}.static-page__container{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.static-page__container{padding:0 1rem}}@media(min-width: 1024px){.static-page__container{padding:0 .5rem}}.static-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 16px 32px rgba(15,23,42,.08);padding:32px}@media(max-width: 767px){.static-card{padding:24px}}.static-card__title{font-size:2rem;font-weight:800;color:#0b1f3a;margin-bottom:12px}.static-card__lead{color:#64748b;margin-bottom:20px}.static-faq{display:flex;flex-direction:column;gap:18px}.static-faq__category{font-size:.9rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-top:24px;padding-bottom:8px;border-bottom:2px solid #1e3a8a}.static-faq__category:first-child{margin-top:0}.static-faq__item{border-bottom:1px solid #e2e8f0;padding-bottom:16px}.static-faq__question{font-size:1.1rem;font-weight:700;color:#1e3a8a;margin-bottom:8px}.static-faq__answer{color:#475569}.static-form{display:flex;flex-direction:column;gap:16px}.static-form__alert{border:1px solid #fecaca;border-radius:12px;background:#fee2e2;color:#b91c1c;font-weight:600;padding:12px 14px}.static-form__field{display:flex;flex-direction:column;gap:8px}.static-form__label{font-weight:600;color:#1f2937}.static-form__input,.static-form__textarea{border:1px solid #e2e8f0;border-radius:10px;padding:12px 14px;font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}@media(max-width: 767px){.static-form__input,.static-form__textarea{font-size:16px}}.static-form__input:focus,.static-form__textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}.static-form__submit{align-self:flex-start}.app-footer{background:linear-gradient(180deg, #1e40af 0%, #0b1f3a 100%);color:hsla(0,0%,100%,.85);padding:2rem 0 1.5rem;margin-top:auto;border-top:1px solid hsla(0,0%,100%,.08)}.app-footer__container{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.app-footer__container{padding:0 1rem}}@media(min-width: 1024px){.app-footer__container{padding:0 .5rem}}.app-footer__container{text-align:left;display:flex;flex-direction:column;gap:20px}.app-footer__content{display:grid;grid-template-columns:minmax(220px, 1fr) minmax(360px, 2.2fr);gap:48px}@media(max-width: 767px){.app-footer__content{grid-template-columns:1fr}}.app-footer__brand{display:flex;flex-direction:column;gap:12px;justify-content:flex-end}.app-footer__logo{width:160px;height:auto;display:block}.app-footer__title{font-size:1.1rem;font-weight:700;color:#fff}.app-footer__lead{color:hsla(0,0%,100%,.7);max-width:380px}.app-footer__nav{display:grid;grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));gap:24px 32px;font-weight:600;font-size:.95rem}@media(max-width: 767px){.app-footer__nav{grid-template-columns:1fr}}.app-footer__nav-group{display:flex;flex-direction:column;gap:10px}.app-footer__nav-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.16em;color:hsla(0,0%,100%,.6)}.app-footer__link{color:hsla(0,0%,100%,.85);text-decoration:none;transition:color .2s ease,text-decoration-color .2s ease;width:fit-content}.app-footer__link:hover{color:#fff;text-decoration:underline;text-decoration-color:hsla(0,0%,100%,.7)}.app-footer__copyright{font-size:.95rem;letter-spacing:.02em;border-top:1px solid hsla(0,0%,100%,.08);padding-top:16px;text-align:center}.custom-select{position:relative;min-width:220px}.custom-select.is-enhanced select{position:absolute;opacity:0;pointer-events:none;height:0;width:0}.custom-select__trigger{width:100%;text-align:left;border:1px solid #e2e8f0;border-radius:999px;padding:8px 34px 8px 12px;background:#f8fafc;font-size:.9rem;font-weight:600;color:#1f2937;cursor:pointer;position:relative}.custom-select__trigger::after{content:"";position:absolute;right:14px;top:50%;width:8px;height:8px;border-right:2px solid #64748b;border-bottom:2px solid #64748b;transform:translateY(-60%) rotate(45deg);transition:transform .2s ease}.custom-select.is-open .custom-select__trigger::after{transform:translateY(-70%) rotate(-135deg)}.custom-select__menu{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:6px;box-shadow:0 16px 28px rgba(15,23,42,.12);max-height:360px;overflow-y:auto;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease;z-index:2000}.custom-select.is-open .custom-select__menu{opacity:1;pointer-events:auto;transform:translateY(0)}.custom-select__option{width:100%;text-align:left;border:none;background:rgba(0,0,0,0);padding:8px 10px;border-radius:8px;font-weight:600;color:#0f172a;cursor:pointer}.custom-select__option:hover,.custom-select__option.is-selected{background:#eff6ff;color:#1e40af}.custom-select__option:disabled{opacity:.5;cursor:not-allowed}.quick-action{background:linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(15,23,42,.08)}.quick-action__title{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.quick-action__grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:12px}@media(max-width: 767px){.quick-action__grid{grid-template-columns:repeat(2, 1fr);gap:14px;grid-auto-rows:1fr}}.quick-action__item{--quick-accent: #2563eb;--quick-surface: linear-gradient(145deg, #ffffff, #eef2ff);position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:16px;border-radius:14px;text-decoration:none;transition:all .2s ease;border:1px solid rgba(15,23,42,.12);background:var(--quick-surface);box-shadow:0 10px 24px rgba(15,23,42,.1),inset 0 1px 0 hsla(0,0%,100%,.75);overflow:hidden}.quick-action__item::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg, transparent 35%, rgba(255, 255, 255, 0.5) 50%, transparent 65%);opacity:0;transform:translateX(-35%);transition:opacity .2s ease,transform .4s ease;pointer-events:none}.quick-action__item::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, var(--quick-accent), rgba(255, 255, 255, 0));opacity:.7}.quick-action__item:hover,.quick-action__item:focus-visible{transform:translateY(-2px);box-shadow:0 16px 28px rgba(15,23,42,.16),inset 0 1px 0 hsla(0,0%,100%,.85)}.quick-action__item:hover::before,.quick-action__item:focus-visible::before{opacity:1;transform:translateX(10%)}.quick-action__item:focus-visible{outline:2px solid var(--primary-red);outline-offset:2px}@media(max-width: 767px){.quick-action__item{min-height:92px;padding:14px}}.quick-action__item--drill_level1,.quick-action__item--drill_level2,.quick-action__item--kantei_tanto,.quick-action__item--gyosei_tanto{border-color:rgba(15,23,42,.12)}.quick-action__item--drill_level1{--quick-accent: #2563eb;--quick-surface: linear-gradient(145deg, #ffffff, #eff6ff);border-color:rgba(37,99,235,.35)}.quick-action__item--drill_level2{--quick-accent: #0f766e;--quick-surface: linear-gradient(145deg, #ffffff, #ecfeff);border-color:rgba(15,118,110,.35)}.quick-action__item--kantei_tanto{--quick-accent: #b45309;--quick-surface: linear-gradient(145deg, #ffffff, #fff7ed);border-color:rgba(180,83,9,.35)}.quick-action__item--gyosei_tanto{--quick-accent: #15803d;--quick-surface: linear-gradient(145deg, #ffffff, #ecfdf5);border-color:rgba(21,128,61,.35)}.quick-action__item--disabled{background:#f8fafc;border-color:rgba(15,23,42,.08);cursor:default;box-shadow:none}.quick-action__item--disabled::after{opacity:0}.quick-action__item--disabled .quick-action__label{color:var(--text-muted)}.quick-action__item--disabled .quick-action__meta{color:var(--text-muted)}.quick-action__label{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.quick-action__meta{font-size:.75rem;color:var(--text-secondary)}.learning-page{min-height:100vh;background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%)}.learning-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:20px 0;position:sticky;top:0;z-index:10;box-shadow:0 8px 18px rgba(15,23,42,.08);overflow:hidden}.learning-header::before{content:"";position:absolute;top:-30px;right:-120px;width:240px;height:160px;background:linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(14, 165, 233, 0.04));transform:skewX(-12deg);border-radius:28px;z-index:0}.learning-header::after{content:"";position:absolute;bottom:-70px;left:-80px;width:200px;height:200px;border-radius:999px;background:radial-gradient(circle at 30% 30%, rgba(14, 165, 233, 0.16), rgba(59, 130, 246, 0.02) 65%);z-index:0}.learning-header__content{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.learning-header__content{padding:0 1rem}}@media(min-width: 1024px){.learning-header__content{padding:0 .5rem}}.learning-header__content{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:1}@media(max-width: 767px){.learning-header__content{flex-direction:column;gap:12px}}.learning-header__left{flex:1}.learning-header__back{color:#6b7280;text-decoration:none;font-weight:500;font-size:.875rem}.learning-header__back:hover{color:#374151}.learning-header__center{flex:2;text-align:center}.learning-header__select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:8px 16px;font-size:.875rem;min-width:280px}.learning-header__select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}@media(max-width: 767px){.learning-header__select{min-width:100%;font-size:16px}}.learning-header__right{flex:1;display:flex;align-items:center;justify-content:flex-end;gap:16px}@media(max-width: 767px){.learning-header__right{justify-content:center;width:100%}}.learning-header__progress{font-size:.875rem;color:#6b7280;font-weight:500}.learning-header__restart{background:#f3f4f6;color:#6b7280;border:none;padding:6px 12px;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.learning-header__restart:hover{background:#e5e7eb;color:#374151}.learning-main{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.learning-main{padding:0 1rem}}@media(min-width: 1024px){.learning-main{padding:0 .5rem}}.learning-main{padding-top:40px;padding-bottom:40px}.learning-content{background:#fff;border-radius:12px;padding:40px;box-shadow:0 10px 25px rgba(0,0,0,.1);border:1px solid #e5e7eb}@media(max-width: 767px){.learning-content{padding:24px}}.learning-content .chapter-title{font-size:1.875rem;font-weight:700;color:#1e3a8a;margin-bottom:32px;padding-bottom:16px;border-bottom:2px solid #3b82f6;font-family:"Noto Serif JP",serif}@media(max-width: 767px){.learning-content .chapter-title{font-size:1.5rem;margin-bottom:24px}}.learning-show__content{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.learning-show__content{padding:0 1rem}}@media(min-width: 1024px){.learning-show__content{padding:0 .5rem}}.learning-show__content{padding-bottom:4rem}.learning-show__document{background-color:var(--paper-bg);box-shadow:0 20px 25px -5px rgba(0,0,0,.2);background-image:radial-gradient(#e5e1d8 1px, transparent 1px);background-size:20px 20px;min-height:1100px;border:1px solid var(--border-default);margin-top:1.5rem;border-radius:.125rem;padding:4rem 3rem;position:relative;overflow:hidden}@media(max-width: 767px){.learning-show__document{padding:2rem 1.5rem;margin-top:1rem}}.learning-show__document::before{content:"鑑定基準原案";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-30deg);pointer-events:none;opacity:.02;font-size:6rem;font-weight:700;white-space:nowrap;user-select:none;z-index:1}@media(max-width: 767px){.learning-show__document::before{font-size:4rem}}.learning-show__document .chapter-content{position:relative;z-index:2;line-height:2;font-size:1.25rem}@media(max-width: 767px){.learning-show__document .chapter-content{font-size:1.125rem;line-height:1.75}}.learning-show__document .chapter-content .chapter-title{font-size:2.25rem;font-weight:700;color:var(--text-primary);border-bottom:2px solid var(--text-primary);display:inline-block;padding-bottom:.5rem;margin-bottom:2rem}@media(max-width: 767px){.learning-show__document .chapter-content .chapter-title{font-size:1.75rem}}.learning-show__document .chapter-content p{margin-bottom:1.5rem;line-height:1.75}.learning-show__document .chapter-content h1,.learning-show__document .chapter-content h2,.learning-show__document .chapter-content h3,.learning-show__document .chapter-content h4,.learning-show__document .chapter-content h5,.learning-show__document .chapter-content h6{font-family:"Noto Serif JP",serif;font-weight:700;margin-top:2rem;margin-bottom:1rem;color:var(--ink-black)}.learning-show__document .chapter-content h2{font-size:1.75rem;border-bottom:2px solid var(--ink-black);padding-bottom:.5rem;margin-bottom:1.5rem}.learning-show__document .chapter-content h3{font-size:1.5rem;margin-bottom:1rem}.learning-show__document .chapter-content ul{margin:1rem 0;padding-left:2rem;list-style:none}.learning-show__document .chapter-content ul li{position:relative;margin-bottom:.5rem;line-height:1.75}.learning-show__document .chapter-content ol{margin:1rem 0;padding-left:2rem;counter-reset:list-counter}.learning-show__document .chapter-content ol li{position:relative;margin-bottom:.5rem;padding-left:2rem;line-height:1.75;counter-increment:list-counter}.learning-show__document .chapter-content ol li::before{content:"(" counter(list-counter) ")";position:absolute;left:0;color:var(--primary-red);font-weight:700;font-family:"Noto Sans JP",sans-serif}.learning-show__document .chapter-content blockquote{margin:2rem 0;padding:1.5rem 2rem;border-left:4px solid var(--primary-red);background:rgba(253,250,242,.8);font-style:italic;position:relative}.learning-show__document .chapter-content blockquote::before{content:"※";position:absolute;top:-0.5rem;left:-0.5rem;background:var(--primary-red);color:#fff;width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700}.learning-show__document .chapter-content strong,.learning-show__document .chapter-content b{font-weight:700;color:var(--ink-black);font-family:"Noto Serif JP",serif}.learning-show__document .chapter-content em,.learning-show__document .chapter-content i{font-style:italic;color:var(--official-gray)}.kizyun-index__main{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.kizyun-index__main{padding:0 1rem}}@media(min-width: 1024px){.kizyun-index__main{padding:0 .5rem}}.kizyun-index__main{padding-top:60px;padding-bottom:60px}@media(max-width: 767px){.kizyun-index__main{padding-top:40px;padding-bottom:40px}}.kizyun-index__cards{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1200px;margin:0 auto}@media(max-width: 767px){.kizyun-index__cards{grid-template-columns:1fr;gap:30px}}.kizyun-index__card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:32px;box-shadow:0 1px 3px rgba(0,0,0,.1);transition:all .3s ease}.kizyun-index__card:hover{box-shadow:0 10px 25px rgba(0,0,0,.15);transform:translateY(-2px)}.kizyun-index__card--available{border-color:#3b82f6;box-shadow:0 1px 3px rgba(59,130,246,.2)}.kizyun-index__card--available:hover{box-shadow:0 10px 25px rgba(59,130,246,.3)}.kizyun-index__card--disabled{background:#f8fafc;border-color:#e2e8f0;opacity:.7}.kizyun-index__card--disabled:hover{transform:none;box-shadow:0 1px 3px rgba(0,0,0,.1)}.kizyun-index__card-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.kizyun-index__card-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700}.kizyun-index__card-icon--primary{background:linear-gradient(135deg, #3b82f6, #1e3a8a);color:#fff}.kizyun-index__card-icon--disabled{background:#e2e8f0;color:#94a3b8}.kizyun-index__card-title{font-size:1.875rem;font-weight:700;color:#1f2937;margin-bottom:4px}.kizyun-index__card-subtitle{color:#6b7280;font-size:.875rem}.kizyun-index__card-description{color:#374151;line-height:1.6;margin-bottom:32px}.kizyun-index__levels{display:flex;flex-direction:column;gap:16px}.kizyun-index__level{border:1px solid #e5e7eb;border-radius:8px;padding:24px;background:#fff;transition:all .3s ease}.kizyun-index__level--available{border-color:#3b82f6;background:linear-gradient(135deg, #f0f8ff, #ffffff)}.kizyun-index__level--available:hover{box-shadow:0 4px 12px rgba(59,130,246,.15)}.kizyun-index__level--disabled{background:#f8fafc;border-color:#e2e8f0}.kizyun-index__level-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}@media(max-width: 767px){.kizyun-index__level-header{flex-direction:column;align-items:flex-start;gap:16px}}.kizyun-index__level-info{flex:1}.kizyun-index__level-title{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:4px}.kizyun-index__level-description{color:#6b7280;font-size:.875rem;margin-bottom:8px}.kizyun-index__level-stats{display:flex;gap:16px;font-size:.75rem;color:#9ca3af}@media(max-width: 767px){.kizyun-index__level-stats{flex-wrap:wrap;gap:12px}}.kizyun-index__level-actions{display:flex;flex-direction:column;gap:8px}.kizyun-index__btn{padding:12px 24px;border-radius:6px;font-weight:700;text-align:center;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer;font-size:.875rem}.kizyun-index__btn--primary{background:linear-gradient(135deg, #3b82f6, #1e3a8a);color:#fff}.kizyun-index__btn--primary:hover{background:linear-gradient(135deg, #2563eb, #1e40af);transform:translateY(-1px);box-shadow:0 4px 8px rgba(59,130,246,.3)}.kizyun-index__btn--secondary{background:#f1f5f9;color:#475569}.kizyun-index__btn--secondary:hover{background:#e2e8f0}.kizyun-index__btn--disabled{background:#e2e8f0;color:#9ca3af;cursor:not-allowed}.kizyun-index__btn--disabled:hover{transform:none;box-shadow:none}.kizyun-index__chapters{display:none;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.kizyun-index__chapters--visible{display:block}.kizyun-index__chapter{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:8px;text-decoration:none;transition:all .2s ease}.kizyun-index__chapter:hover{border-color:#3b82f6;box-shadow:0 2px 4px rgba(59,130,246,.1)}.kizyun-index__chapter-info{display:flex;flex-direction:column}.kizyun-index__chapter-number{font-weight:700;color:#1f2937}.kizyun-index__chapter-title{color:#6b7280;font-size:.875rem;margin-top:2px}.kizyun-index__chapter-arrow{color:#3b82f6;font-weight:700}.home-exam{background:rgba(0,0,0,0);min-height:100vh}.home-exam__container{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.home-exam__container{padding:0 1rem}}@media(min-width: 1024px){.home-exam__container{padding:0 .5rem}}.home-exam__hero{padding:122px 0 84px}.home-exam__hero--intro{position:relative;overflow:hidden;background:#fff;color:#0f172a}.home-exam__hero--intro::before,.home-exam__hero--intro::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle, rgba(56, 189, 248, 0.18), rgba(255, 255, 255, 0));z-index:0}.home-exam__hero--intro::before{top:-180px;right:-140px}.home-exam__hero--intro::after{bottom:-220px;left:-120px;background:radial-gradient(circle, rgba(99, 102, 241, 0.16), rgba(255, 255, 255, 0))}.home-exam__hero-inner{position:relative;z-index:1;max-width:860px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:18px}.home-exam__flow-visuals{margin:18px auto 28px;display:flex;flex-wrap:wrap;gap:18px;justify-content:center}.home-exam__flow-visual{position:relative;width:min(220px,40vw);aspect-ratio:4/3;border-radius:18px;border:1px solid rgba(148,163,184,.35);box-shadow:0 16px 28px rgba(15,23,42,.16);overflow:hidden;transform:rotate(-3deg);background:#f8fafc}.home-exam__flow-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(160deg, rgba(15, 23, 42, 0.18), rgba(59, 130, 246, 0.08)),var(--flow-image);background-size:cover;background-position:center;opacity:.7}.home-exam__flow-visual::after{content:"";position:absolute;inset:10px;border-radius:14px;border:1px solid hsla(0,0%,100%,.45)}.home-exam__flow-visual span{position:absolute;left:14px;bottom:12px;padding:6px 12px;border-radius:999px;background:rgba(15,23,42,.72);color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.04em}.home-exam__flow-visuals .home-exam__flow-visual:nth-child(2){transform:rotate(2deg) translateY(-6px)}.home-exam__flow-visuals .home-exam__flow-visual:nth-child(3){transform:rotate(-1deg) translateY(4px)}@media(max-width: 767px){.home-exam__flow-visual{width:min(300px,86vw);transform:none}.home-exam__flow-visuals .home-exam__flow-visual:nth-child(2),.home-exam__flow-visuals .home-exam__flow-visual:nth-child(3){transform:none}}.home-exam__hero-title{font-size:clamp(2.2rem,3.4vw,3.6rem);font-weight:800;line-height:1.2;margin-bottom:20px;letter-spacing:.02em}.home-exam__hero-emphasis{display:inline-block;padding:0 6px;color:#1d4ed8;font-weight:800;position:relative}.home-exam__hero-emphasis::after{content:"";position:absolute;left:0;right:0;bottom:.1em;height:.35em;background:rgba(56,189,248,.25);border-radius:6px;z-index:-1}.home-exam__hero-lead{color:#1f2937;font-size:1.2rem;line-height:1.9;font-weight:600;display:grid;gap:6px;margin-top:2px;max-width:720px;margin-left:auto;margin-right:auto}.home-exam__hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:8px;flex-wrap:wrap}.home-exam__hero-cta{padding:14px 48px;border-radius:999px;text-decoration:none;font-weight:700;font-size:1rem;border:none;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.home-exam__hero-cta--primary{background:linear-gradient(90deg, #38bdf8, #2563eb);color:#fff;box-shadow:0 8px 20px -4px rgba(37,99,235,.4)}.home-exam__hero-cta--primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px -4px rgba(37,99,235,.5)}.home-exam__hero-cta--ghost{background:hsla(0,0%,100%,.9);color:#1e293b;box-shadow:0 4px 12px -2px rgba(0,0,0,.1)}.home-exam__hero-cta--ghost:hover{background:#fff;box-shadow:0 6px 16px -2px rgba(0,0,0,.15)}.home-exam__eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;font-weight:700;color:#1d4ed8;margin-bottom:10px}.home-exam__title{font-size:2.2rem;font-weight:800;color:#0f172a;margin-bottom:12px;letter-spacing:.02em}.home-exam__lead{font-size:1.05rem;color:#475569;max-width:720px;line-height:1.9;margin-left:auto;margin-right:auto}.home-exam__hero-meta{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:16px}.home-exam__main{padding:24px 0 72px}.home-exam__learning{margin-top:8px;margin-bottom:36px;text-align:center;max-width:900px;margin-left:auto;margin-right:auto}.home-exam__definition{margin:6px 0 44px;text-align:center;max-width:900px;margin-left:auto;margin-right:auto}.home-exam__definition-title{font-size:clamp(1.7rem,2.2vw,2.3rem);font-weight:800;color:#0f172a;margin-bottom:14px;letter-spacing:.02em;position:relative;display:inline-block;padding-bottom:6px}.home-exam__definition-title::after{content:"";position:absolute;left:50%;bottom:-4px;width:72px;height:3px;background:#0f172a;transform:translateX(-50%)}.home-exam__definition-lead{color:#1f2937;font-size:clamp(1.1rem,1.6vw,1.35rem);line-height:1.9;font-weight:700;max-width:760px;margin:0 auto}.home-exam__empathy{margin:6px 0 36px}.home-exam__empathy-inner{background:#fff;border-radius:20px;border:1px solid rgba(148,163,184,.35);padding:30px 34px;box-shadow:0 16px 28px rgba(15,23,42,.08);position:relative;overflow:hidden;background-image:radial-gradient(120px 120px at 10% 15%, rgba(56, 189, 248, 0.12), rgba(255, 255, 255, 0)),radial-gradient(160px 160px at 90% 20%, rgba(99, 102, 241, 0.1), rgba(255, 255, 255, 0))}.home-exam__empathy-lines{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:14px 16px}.home-exam__empathy-line{background:linear-gradient(140deg, rgba(15, 23, 42, 0.04), rgba(56, 189, 248, 0.08));border:1px solid rgba(148,163,184,.35);border-radius:14px;padding:16px 18px;color:#1f2937;font-weight:700;line-height:1.7;box-shadow:0 10px 18px rgba(15,23,42,.06);backdrop-filter:blur(2px)}.home-exam__grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:20px}.home-exam__card{background:#fff;border-radius:18px;padding:22px;border:1px solid #e2e8f0;box-shadow:0 16px 28px rgba(15,23,42,.08)}.home-exam__card--contact{background:linear-gradient(135deg, rgba(15, 23, 42, 0.02), rgba(59, 130, 246, 0.08))}.home-exam__card--flow{position:relative;overflow:hidden;background:linear-gradient(140deg, rgba(226, 232, 240, 0.55), rgba(255, 255, 255, 0.98));margin-top:20px}.home-exam__card--flow::after{content:"";position:absolute;right:-80px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle, rgba(59, 130, 246, 0.18), rgba(255, 255, 255, 0));pointer-events:none}.home-exam__card-title{font-size:1.2rem;font-weight:800;color:#0b1f3a;margin-bottom:10px}.home-exam__columns{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:16px}.home-exam__label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#1d4ed8;margin-bottom:8px}.home-exam__list{padding-left:18px;color:#334155;line-height:1.7}.home-exam__flow{list-style:none;padding:0;margin:0;position:relative;display:flex;flex-direction:column;gap:16px}.home-exam__flow::before{content:"";position:absolute;left:6px;top:0;bottom:0;width:90px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 720' preserveAspectRatio='none'%3E%3Cpath d='M60 0 C10 80 110 160 60 240 C10 320 110 400 60 480 C10 560 110 640 60 720' stroke='%231d4ed8' stroke-width='10' opacity='0.2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M60 0 C14 80 106 160 60 240 C14 320 106 400 60 480 C14 560 106 640 60 720' stroke='%230ea5e9' stroke-width='3' opacity='0.35' fill='none' stroke-dasharray='2 14' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:repeat-y;background-size:90px 100%;opacity:.85;pointer-events:none;z-index:0}.home-exam__flow-step{display:grid;grid-template-columns:1fr;gap:14px;align-items:flex-start;padding:32px 26px;border-radius:16px;background:linear-gradient(150deg, rgba(255, 255, 255, 0.98), rgba(241, 245, 249, 0.9));border:1px solid rgba(148,163,184,.4);box-shadow:0 14px 24px rgba(15,23,42,.08);position:relative;z-index:1;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.home-exam__flow-step--modal{cursor:pointer}.home-exam__flow-body{--flow-media-width: min(260px, 36vw);display:grid;grid-template-columns:minmax(0, 1fr) var(--flow-media-width);gap:14px;align-items:center;text-align:left;position:relative;z-index:1}.home-exam__flow-copy{display:grid;gap:6px;padding-left:120px;position:relative;z-index:1}.home-exam__flow-step::after{content:none}.home-exam__flow-step:hover{transform:translateY(-2px);box-shadow:0 18px 32px rgba(15,23,42,.12);border-color:rgba(59,130,246,.4)}.home-exam__flow-step::before{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(120deg, rgba(56, 189, 248, 0.08), rgba(99, 102, 241, 0.06));opacity:0;transition:opacity .2s ease;pointer-events:none}.home-exam__flow-step:hover::before{opacity:1}.home-exam__flow-index{position:absolute;top:16px;left:20px;font-family:"Noto Serif JP",serif;font-weight:800;font-size:clamp(3rem,9vw,5.6rem);letter-spacing:.08em;color:rgba(29,78,216,.12);z-index:0;line-height:1;pointer-events:none}.home-exam__flow-title{font-size:clamp(1.6rem,2.4vw,2.2rem);font-weight:800;font-family:"Noto Sans JP",sans-serif;color:#0f172a;margin-bottom:4px}.home-exam__flow-text{color:#475569;line-height:1.6}.home-exam__flow-media{margin:0;background:linear-gradient(135deg, rgba(248, 250, 252, 0.95), rgba(226, 232, 240, 0.7));border-radius:16px;border:1px solid rgba(148,163,184,.35);overflow:hidden;box-shadow:0 16px 26px rgba(15,23,42,.12);position:relative;z-index:2;height:120px}.home-exam__flow-media::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg, transparent 20%, rgba(255, 255, 255, 0.7) 45%, transparent 60%);transform:translateX(-120%);animation:home-exam-skeleton 2s ease-in-out infinite;opacity:.35;pointer-events:none}.home-exam__flow-media::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%, rgba(59, 130, 246, 0.1), transparent 55%);opacity:.6;pointer-events:none}.home-exam__flow-media.is-loaded::before,.home-exam__flow-media.is-loaded::after,.home-exam__flow-media.is-error::before,.home-exam__flow-media.is-error::after{animation:none;opacity:0}.home-exam__flow-image{display:block;width:100%;height:100%;object-fit:cover;opacity:0;filter:blur(8px);transform:scale(1.02);transition:opacity .55s ease,filter .6s ease,transform .6s ease;will-change:opacity,filter,transform}.home-exam__flow-media.is-loaded .home-exam__flow-image{opacity:1;filter:blur(0);transform:scale(1)}.home-exam__flow-media.is-error .home-exam__flow-image{opacity:0}.home-exam__flow-caption{padding:8px 12px;font-size:.75rem;font-weight:700;color:#1e293b;background:rgba(248,250,252,.95);border-top:1px solid rgba(226,232,240,.8)}@keyframes home-exam-skeleton{0%{transform:translateX(-120%)}100%{transform:translateX(120%)}}.home-exam__flow-media--ghost{background:rgba(0,0,0,0);border:1px dashed rgba(99,102,241,.35);box-shadow:none}.home-exam__flow-ghost{height:160px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, rgba(59, 130, 246, 0.12), rgba(14, 165, 233, 0.08)),radial-gradient(circle at 20% 20%, rgba(99, 102, 241, 0.2), transparent 60%);color:#1e3a8a;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.home-exam__flow-ghost--exam{background:linear-gradient(135deg, rgba(16, 185, 129, 0.18), rgba(59, 130, 246, 0.06)),radial-gradient(circle at 80% 20%, rgba(34, 197, 94, 0.2), transparent 60%);color:#065f46}.home-exam__flow-step:nth-child(even) .home-exam__flow-body{grid-template-columns:minmax(200px, 260px) minmax(0, 1fr)}.home-exam__flow-step:nth-child(even) .home-exam__flow-media{order:-1}.home-exam__flow-step:nth-child(even) .home-exam__flow-index{left:auto;right:20px}.home-exam__flow-step:nth-child(even) .home-exam__flow-copy{padding-left:0;padding-right:64px}.home-exam__flow-step--no-media .home-exam__flow-body{grid-template-columns:1fr}.home-exam__flow-body--no-media{display:block;width:100%}.home-exam__flow-step--no-media .home-exam__flow-index{left:auto;right:20px;color:rgba(29,78,216,.08);font-size:clamp(2.8rem,8vw,5.4rem)}.home-exam__flow-copy--no-media{padding-left:0;padding-right:0;max-width:none}@media(max-width: 767px){.home-exam__flow-body{display:flex;flex-direction:column;grid-template-columns:1fr;gap:12px}.home-exam__flow-index{left:16px;font-size:clamp(2.4rem,12vw,3.4rem)}.home-exam__flow-step:nth-child(even) .home-exam__flow-index{left:16px;right:auto}.home-exam__flow-step:nth-child(even) .home-exam__flow-copy{padding-right:0;padding-left:64px;order:1}.home-exam__flow-copy{padding-left:64px}.home-exam__flow-step:nth-child(even) .home-exam__flow-body{display:flex;flex-direction:column}.home-exam__flow-step:nth-child(even) .home-exam__flow-media{order:2;width:100%}.home-exam__flow-media{height:auto;aspect-ratio:16/9;margin-top:6px;width:100%}.home-exam__flow-image{height:100%}.home-exam__flow-step--no-media .home-exam__flow-index{right:16px;left:auto}.home-exam__flow-copy--no-media{padding-right:0;padding-left:0}.home-exam__flow-ghost{height:140px}}.home-exam__lightbox .plan-lightbox__backdrop{background:rgba(15,23,42,.35)}.home-exam__lightbox .plan-lightbox__panel{max-width:min(520px,86vw);max-height:60vh;padding:10px;border-radius:18px}.home-exam__lightbox .plan-lightbox__image{max-height:46vh;border-radius:14px;box-shadow:0 18px 36px rgba(15,23,42,.25);filter:saturate(1.05) contrast(1.04);background:linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%)}.home-exam__lightbox .plan-lightbox__caption{position:absolute;left:18px;bottom:16px;margin:0;padding:8px 14px;border-radius:999px;background:rgba(15,23,42,.7);color:#fff;font-size:1rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.home-exam__overview{margin-top:12px;padding:8px 0}.home-exam__cta{margin:28px auto 0;max-width:880px}.home-exam__cta-card{background:linear-gradient(135deg, rgba(56, 189, 248, 0.12), rgba(37, 99, 235, 0.08));border:1px solid rgba(59,130,246,.25);border-radius:22px;padding:28px 32px;text-align:center;box-shadow:0 18px 32px rgba(15,23,42,.12)}.home-exam__cta-title{font-size:1.6rem;font-weight:800;color:#0f172a;margin-bottom:10px;letter-spacing:.02em}.home-exam__cta-lead{color:#475569;line-height:1.8;font-weight:600;margin-bottom:16px}.home-exam__cta-note{display:grid;gap:6px;margin:12px auto 0;color:#475569;font-weight:600;font-size:.98rem;line-height:1.7;text-align:center;max-width:720px}.home-exam__cta-note-accent{display:inline;color:#0f172a;font-weight:700;letter-spacing:.02em;text-decoration-line:underline;text-decoration-color:rgba(56,189,248,.7);text-decoration-thickness:3px;text-underline-offset:.28em}.home-exam__cta-actions{display:flex;justify-content:center;margin-bottom:8px}.home-exam__hero-appstore{display:inline-flex;align-items:center}.home-exam__hero-appstore-badge{height:44px;width:auto;transition:transform .15s,opacity .15s}.home-exam__hero-appstore-badge:hover{transform:translateY(-2px)}.home-exam__cta-appstore{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px}.home-exam__cta-appstore-label{font-size:.85rem;color:#475569;font-weight:600;margin:0}.home-exam__cta-appstore-badge{height:40px;width:auto;transition:transform .15s}.home-exam__cta-appstore-badge:hover{transform:translateY(-2px)}.home-exam__overview-details{background:hsla(0,0%,100%,.7);border-radius:0;border:0;padding:18px 20px;box-shadow:none}.home-exam__overview-summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0 18px;border-bottom:2px solid #0f172a;background:rgba(0,0,0,0)}.home-exam__overview-summary::before{content:"";position:absolute;left:0;bottom:0;width:72px;height:3px;background:#38bdf8}.home-exam__overview-body{margin-top:20px}.home-exam__section-title{font-size:1.6rem;font-weight:800;color:#0f172a;margin-bottom:6px;margin-top:4px;letter-spacing:.02em}.home-exam__overview-chip{display:inline-flex;align-items:center;padding:4px 0;border-radius:0;background:rgba(0,0,0,0);color:#0f172a;font-weight:700;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase}.home-exam__overview-grid{display:grid;grid-template-columns:1fr;gap:14px;padding:0;border:0}.home-exam__overview-item{padding:0}.home-exam__overview-label{font-size:.8rem;color:#64748b;font-weight:700}.home-exam__overview-value{display:block;margin-top:8px;font-size:1.05rem;color:#0f172a}.home-exam__overview-sections{display:grid;gap:20px;margin-top:24px}.home-exam__overview-split{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:18px}.home-exam__overview-right{border-left:2px solid #0f172a;padding-left:32px}.home-exam__overview-section+.home-exam__overview-section{margin-top:22px;padding-top:22px;border-top:1px solid rgba(15,23,42,.2)}.home-exam__trust{margin-top:0;background:rgba(0,0,0,0);border-radius:0;border:0;padding:0}.home-exam__trust-title{font-size:1.3rem;font-weight:800;color:#0f172a;margin-bottom:16px}.home-exam__trust-grid{display:grid;grid-template-columns:1fr;gap:18px}.home-exam__trust-item{display:grid;gap:6px}.home-exam__trust-label{font-weight:700;color:#1e293b}.home-exam__overview-title{font-size:1rem;font-weight:800;color:#0f172a;margin-bottom:10px}.home-exam__text{color:#334155;line-height:1.7}.home-exam__link{color:#1d4ed8;font-weight:700;text-decoration:none}.home-exam__link:hover{text-decoration:underline}@media(max-width: 767px){.home-exam__hero{padding:44px 0 32px}.home-exam__title{font-size:1.7rem}.home-exam__hero-title{font-size:2rem}.home-exam__lead{font-size:.95rem}.home-exam__hero-actions{gap:12px}.home-exam__hero-art{width:min(420px,90vw);opacity:.22;right:50%;transform:translateX(50%) rotate(-1deg)}.home-exam__overview-split{grid-template-columns:1fr}.home-exam__overview-right{border-left:0;border-top:2px solid #0f172a;padding-left:0;padding-top:20px}.home-exam__cta{margin-top:22px}.home-exam__cta-card{padding:22px 18px}.home-exam__cta-title{font-size:1.4rem}.home-exam__definition-title{font-size:1.5rem}.home-exam__empathy-inner{padding:22px}.home-exam__empathy-lines{grid-template-columns:1fr}}.devise-container{min-height:100vh;background:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);display:flex;align-items:center;justify-content:center;padding:20px}.devise-form{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);padding:48px;width:100%;max-width:480px;border:1px solid #e2e8f0}@media(max-width: 767px){.devise-form{padding:24px 16px;margin:0 12px}}.devise-header{text-align:center;margin-bottom:40px}.devise-flash{border-radius:10px;padding:12px 14px;margin:0 0 20px;font-weight:700;font-size:.95rem;line-height:1.55}.devise-flash--alert{background:rgba(254,242,242,.96);border:1px solid rgba(248,113,113,.45);color:#b91c1c}.devise-flash--notice{background:rgba(239,246,255,.96);border:1px solid rgba(59,130,246,.35);color:#1d4ed8}.devise-title{font-size:2rem;font-weight:700;color:#1e3a8a;margin-bottom:8px;font-family:"Noto Sans JP",sans-serif}.devise-subtitle{color:#64748b;font-size:1rem;font-weight:400}@media(max-width: 767px){.devise-container{align-items:flex-start;min-height:auto;padding:32px 12px 24px}.devise-header{margin-bottom:24px}.devise-title{font-size:1.6rem}.devise-subtitle{font-size:.9rem}.devise-form-content .devise-field{margin-bottom:18px}.devise-form-content .devise-input{padding:10px 12px;font-size:16px}.devise-form-content .devise-help-text{display:block;margin:6px 0 0}.devise-form-content .devise-checkbox-field{margin-bottom:20px}.devise-actions{margin-bottom:20px}.devise-btn{padding:12px 20px;font-size:.95rem}.devise-links{padding-top:16px;gap:8px}}.devise-form-content .devise-field{margin-bottom:24px}.devise-form-content .devise-field-error{margin:8px 0 0;color:#b91c1c;font-size:.9rem;font-weight:700;line-height:1.45}.devise-form-content .devise-label{display:block;font-weight:600;color:#374151;margin-bottom:8px;font-size:.875rem}.devise-form-content .devise-help-text{font-size:.75rem;color:#9ca3af;font-weight:400;margin-left:8px}.devise-form-content .devise-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff}.devise-form-content .devise-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.devise-form-content .devise-input::placeholder{color:#9ca3af}.devise-form-content .devise-checkbox-field{display:flex;align-items:center;gap:12px;margin-bottom:32px}.devise-form-content .devise-checkbox{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}.devise-form-content .devise-checkbox-label{font-size:.875rem;color:#374151;cursor:pointer;margin:0}.devise-form-content .devise-input--invalid{border-color:rgba(248,113,113,.85);background:rgba(254,242,242,.55)}.devise-form-content .devise-disclosure{margin-bottom:24px}.devise-form-content .devise-disclosure__summary{list-style:none;cursor:pointer;user-select:none;border:1px dashed #cbd5f5;border-radius:10px;padding:12px 14px;margin-bottom:12px;background:#f8fafc;display:flex;align-items:center;justify-content:space-between;gap:8px}.devise-form-content .devise-disclosure__summary::after{content:"+";font-weight:800;color:#2563eb}.devise-form-content .devise-disclosure__summary:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.12)}.devise-form-content .devise-disclosure[open] .devise-form-content .devise-disclosure__summary::after{content:"-"}.devise-form-content .devise-disclosure__summary::-webkit-details-marker{display:none}.devise-actions{margin-bottom:32px}.devise-social{margin:16px 0 24px}.devise-social__label{text-align:center;font-size:.8rem;font-weight:700;color:#64748b;margin-bottom:12px}.devise-social__buttons{display:grid;gap:10px}.devise-social__icon{display:inline-flex;width:20px;height:20px;margin-right:10px;align-items:center;justify-content:center}.devise-social__icon svg{width:20px;height:20px;display:block}.devise-btn{width:100%;padding:14px 24px;border-radius:8px;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:all .3s ease;text-align:center;text-decoration:none;display:inline-block}.devise-btn--primary{background:linear-gradient(135deg, #3b82f6, #1e3a8a);color:#fff}.devise-btn--primary:hover{background:linear-gradient(135deg, #2563eb, #1e40af);transform:translateY(-1px);box-shadow:0 10px 25px rgba(59,130,246,.3)}.devise-btn--primary:active{transform:translateY(0)}.devise-btn--apple{background:#111827;color:#fff;display:inline-flex;align-items:center;justify-content:center}.devise-btn--apple:hover{background:#0f172a;transform:translateY(-1px);box-shadow:0 10px 20px rgba(15,23,42,.2)}.devise-btn--google{background:#fff;color:#0f172a;border:1px solid #e2e8f0;box-shadow:0 4px 12px rgba(148,163,184,.15);display:inline-flex;align-items:center;justify-content:center}.devise-btn--google:hover{border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 10px 20px rgba(148,163,184,.2)}.devise-btn--apple .devise-social__icon svg{fill:#fff}.devise-links{text-align:center;border-top:1px solid #e5e7eb;padding-top:24px;display:flex;flex-direction:column;gap:12px}.devise-link{color:#3b82f6;text-decoration:none;font-size:.875rem;font-weight:500;transition:color .2s ease}.devise-link:hover{color:#1e40af;text-decoration:underline}.devise-link--back{color:#6b7280;margin-top:8px}.devise-link--back:hover{color:#374151}#error_explanation{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:16px;margin-bottom:24px}#error_explanation h2{color:#dc2626;font-size:1rem;font-weight:600;margin-bottom:8px}#error_explanation ul{list-style:none;padding:0;margin:0}#error_explanation ul li{color:#dc2626;font-size:.875rem;margin-bottom:4px;padding-left:20px;position:relative}#error_explanation ul li::before{content:"•";position:absolute;left:0;color:#dc2626;font-weight:bold}#error_explanation ul li:last-child{margin-bottom:0}.alert{padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:.875rem;font-weight:500}.alert.alert-notice{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.alert.alert-alert{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.mypage{min-height:100vh;background:linear-gradient(180deg, #eff6ff 0%, #f8fafc 55%, #ffffff 100%)}.mypage__header{background:#f8fafc;border-bottom:1px solid #e2e8f0;box-shadow:0 12px 24px rgba(15,23,42,.08);padding:30px 0;position:relative;overflow:hidden}.mypage__header::before{content:"";position:absolute;top:-36px;right:-120px;width:260px;height:170px;background:linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(14, 165, 233, 0.04));transform:skewX(-12deg);border-radius:28px;z-index:0}.mypage__header::after{content:"";position:absolute;bottom:-70px;left:-80px;width:200px;height:200px;border-radius:999px;background:radial-gradient(circle at 30% 30%, rgba(14, 165, 233, 0.16), rgba(59, 130, 246, 0.02) 65%);z-index:0}.mypage__header-inner{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.mypage__header-inner{padding:0 1rem}}@media(min-width: 1024px){.mypage__header-inner{padding:0 .5rem}}.mypage__header-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;position:relative;z-index:1}@media(max-width: 767px){.mypage__header-inner{flex-direction:column;align-items:flex-start}}.mypage__eyebrow{font-size:.85rem;letter-spacing:.18em;text-transform:uppercase;color:#64748b;margin-bottom:6px;font-weight:700}.mypage__title{font-size:2rem;font-weight:800;color:#0b1f3a;margin-bottom:6px}.mypage__subtitle{color:#475569;font-size:1.05rem}.mypage__ghost-link{border:1px solid #c7d2fe;background:#fff;color:#1e40af;padding:10px 16px;border-radius:999px;text-decoration:none;font-weight:700;font-size:.95rem;transition:all .2s ease}.mypage__ghost-link:hover{background:#eff6ff;border-color:#93c5fd}.mypage__content{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.mypage__content{padding:0 1rem}}@media(min-width: 1024px){.mypage__content{padding:0 .5rem}}.mypage__content{padding:30px 0 60px}.mypage--plan-choice .mypage__content{max-width:1160px;padding-left:12px;padding-right:12px}.mypage__layout{display:grid;grid-template-columns:200px minmax(0, 1fr);gap:24px;align-items:start}@media(max-width: 767px){.mypage__layout{grid-template-columns:1fr}}.mypage__sidebar{position:sticky;top:120px;align-self:start}@media(max-width: 767px){.mypage__sidebar{position:static;top:auto}}.mypage__nav{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 16px 24px rgba(30,64,175,.08);padding:16px;display:flex;flex-direction:column;gap:12px}@media(max-width: 767px){.mypage__nav{flex-direction:row;gap:10px;padding:12px}}.mypage__nav-link{padding:10px 12px;border-radius:10px;text-decoration:none;font-weight:700;color:#1e293b;background:#f8fafc;border:1px solid rgba(0,0,0,0);transition:all .2s ease;text-align:center}.mypage__nav-link:hover{background:#eff6ff;border-color:#c7d2fe;color:#1e40af}.mypage__nav-link.is-active{background:#1e40af;color:#fff;border-color:#1e40af;box-shadow:0 10px 18px rgba(30,64,175,.3)}.mypage__card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 16px 30px rgba(30,64,175,.08);padding:28px 32px}@media(max-width: 767px){.mypage__card{padding:24px 20px}}.mypage__card-header{margin-bottom:24px}.mypage__card-title{font-size:1.4rem;font-weight:800;color:#1e40af;margin-bottom:8px}.mypage__card-lead{color:#64748b}.mypage__social{display:flex;flex-direction:column;gap:16px}.mypage__social-item{display:grid;grid-template-columns:minmax(120px, 180px) 120px minmax(160px, 1fr);align-items:center;gap:16px;padding:12px 14px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}@media(max-width: 767px){.mypage__social-item{grid-template-columns:1fr;gap:10px}}.mypage__social-provider{font-weight:800;color:#0f172a}.mypage__social-status{font-weight:700;font-size:.9rem;padding:6px 12px;border-radius:999px;text-align:center;background:#e2e8f0;color:#334155;width:fit-content}.mypage__social-status.is-linked{background:#dbeafe;color:#1e40af}.mypage__social-status.is-unlinked{background:#eef2ff;color:#475569}.mypage__social-actions{display:flex;align-items:center;gap:12px}@media(max-width: 767px){.mypage__social-actions{flex-direction:column;align-items:flex-start}}.mypage__social-note{color:#64748b;font-size:.85rem;font-weight:600}.mypage__social-hint{margin-top:14px;color:#64748b;font-size:.85rem}.mypage__form{display:flex;flex-direction:column;gap:20px}.mypage__flash{margin-bottom:18px;padding:12px 16px;border-radius:10px;background:#ecfdf3;border:1px solid #86efac;color:#166534;font-weight:700}.mypage__section{padding-top:4px;display:flex;flex-direction:column;gap:12px}.mypage__section-title{font-size:1.1rem;font-weight:800;color:#0f172a}.mypage__section-lead{color:#64748b;font-size:.95rem}.mypage__field{display:flex;flex-direction:column;gap:6px}.mypage__share-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0}.mypage__switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.mypage__switch input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.mypage__switch-track{width:48px;height:26px;border-radius:999px;background:#e2e8f0;border:1px solid #cbd5f5;position:relative;transition:background .2s ease,border-color .2s ease}.mypage__switch-track::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:999px;box-shadow:0 4px 10px rgba(15,23,42,.2);transition:transform .2s ease}.mypage__switch input:checked+.mypage__switch-track{background:#1e40af;border-color:#1e40af}.mypage__switch input:checked+.mypage__switch-track::after{transform:translateX(20px)}.mypage__label{font-size:.9rem;font-weight:700;color:#1f2937}.mypage__input{border:1px solid #cbd5f5;border-radius:10px;padding:12px 14px;font-size:1rem;color:#0f172a;background:#f8fafc;transition:border-color .2s ease,box-shadow .2s ease}.mypage__input:focus{outline:none;border-color:#1e40af;box-shadow:0 0 0 3px rgba(30,64,175,.15);background:#fff}.mypage__input--invalid{border-color:rgba(248,113,113,.8);background:rgba(254,242,242,.55)}.mypage__field-error{margin:6px 0 0;font-size:.9rem;font-weight:700;color:#b91c1c;line-height:1.45}.mypage__textarea{border:1px solid #cbd5f5;border-radius:10px;padding:12px 14px;font-size:1rem;color:#0f172a;background:#f8fafc;resize:vertical;min-height:120px;transition:border-color .2s ease,box-shadow .2s ease}.mypage__textarea:focus{outline:none;border-color:#1e40af;box-shadow:0 0 0 3px rgba(30,64,175,.15);background:#fff}.mypage__hint{font-size:.85rem;color:#64748b}@media(max-width: 767px){.mypage__input,.mypage__textarea{font-size:16px}}.mypage__notice{padding:10px 14px;border-radius:10px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;font-size:.9rem}.mypage__actions{display:flex;gap:12px;flex-wrap:wrap}.mypage__primary-button{background:#1e40af;color:#fff;border:none;padding:12px 20px;border-radius:10px;font-weight:700;cursor:pointer;transition:all .2s ease}.mypage__primary-button:hover{background:#1d4ed8;transform:translateY(-1px)}.mypage__secondary-button{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe;padding:12px 20px;border-radius:10px;font-weight:700;text-decoration:none;transition:all .2s ease}.mypage__secondary-button:hover{background:#dbeafe;color:#1e3a8a}.mypage__secondary-button--neutral{background:#fff;color:#334155;border-color:#cbd5e1}.mypage__secondary-button--neutral:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.mypage__secondary-button--muted{background:#e2e8f0;color:#475569;border-color:#cbd5f5;cursor:default}.mypage__secondary-button--muted:hover{background:#e2e8f0;color:#475569}.mypage__secondary-button--danger{background:#e0f2fe;color:#0f172a;border-color:#bae6fd}.mypage__secondary-button--danger:hover{background:#bae6fd;color:#0b1f3a;border-color:#7dd3fc}.mypage__checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:700;color:#1f2937}.mypage__checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#1e40af;cursor:pointer}.mypage__stack{display:flex;flex-direction:column;gap:20px}@media(max-width: 767px){.mypage .plan-grid{padding:0 8px}}.mypage .plan-grid--compact{grid-template-columns:repeat(2, minmax(0, 1fr))}@media(max-width: 767px){.mypage .plan-grid--compact{grid-template-columns:1fr}}.mypage__card--plan{background:linear-gradient(140deg, #ffffff 0%, #eff6ff 100%)}.mypage__plan-current{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}@media(max-width: 767px){.mypage__plan-current{flex-direction:column;align-items:flex-start}}.mypage__plan-current-main{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mypage__plan-actions-inline{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.mypage__plan-chip{background:#1e40af;color:#fff;font-weight:700;padding:8px 14px;border-radius:999px}.mypage__plan-note{color:#475569;font-weight:600;margin:0}.mypage__plan-usage{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px;margin-bottom:20px}@media(max-width: 767px){.mypage__plan-usage{grid-template-columns:1fr}}.mypage__plan-usage-item{background:#fff;border:1px solid #dbeafe;border-radius:14px;padding:16px}.mypage__plan-usage-label{font-size:.85rem;color:#64748b;margin:0 0 6px 0;font-weight:700}.mypage__plan-usage-value{font-size:1.2rem;font-weight:800;color:#0f172a;margin:0 0 6px 0}.mypage__plan-usage-meta{color:#64748b;margin:0}.mypage__plan-actions{display:grid;gap:12px}.mypage__plan-actions-primary{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.mypage__plan-actions-secondary{display:flex;gap:12px;flex-wrap:wrap;align-items:center;color:#64748b;font-size:.9rem}.mypage__plan-actions-note{color:#64748b}.mypage__plan-status{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;background:#e2e8f0;color:#475569;font-weight:700;font-size:.85rem}.mypage__plan-cancel{background:rgba(0,0,0,0);border:none;padding:0;color:#b91c1c;font-weight:700;text-decoration:underline;cursor:pointer}.mypage__plan-cancel:hover{color:#991b1b}.app-toast{position:fixed;top:110px;right:18px;width:min(420px,100vw - 32px);padding:14px 16px;border-radius:18px;border:1px solid rgba(148,163,184,.22);box-shadow:0 20px 40px rgba(15,23,42,.16);display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:12px;align-items:center;z-index:2200;opacity:0;transform:translateY(-12px) scale(0.96);pointer-events:none;transition:opacity .28s cubic-bezier(0.4, 0, 0.2, 1),transform .28s cubic-bezier(0.4, 0, 0.2, 1);overflow:hidden}.app-toast::before{content:"";position:absolute;top:-40px;right:-30px;width:100px;height:100px;border-radius:999px;pointer-events:none}.app-toast::after{content:"";position:absolute;bottom:-50px;left:-20px;width:80px;height:80px;border-radius:999px;pointer-events:none}.app-toast.is-visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.app-toast__message{font-weight:700;line-height:1.5;position:relative;z-index:1}.app-toast__close{border:none;width:30px;height:30px;border-radius:999px;cursor:pointer;font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease,box-shadow .2s ease;position:relative;z-index:1}.app-toast__close:hover{transform:scale(1.08)}.app-toast--notice{background:radial-gradient(120px 120px at 95% 10%, rgba(59, 130, 246, 0.22) 0%, transparent 70%),radial-gradient(80px 80px at 5% 90%, rgba(14, 165, 233, 0.18) 0%, transparent 70%),linear-gradient(135deg, rgba(239, 246, 255, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);border-color:rgba(59,130,246,.25)}.app-toast--notice::before{background:radial-gradient(circle at 50% 50%, rgba(59, 130, 246, 0.12) 0%, transparent 70%)}.app-toast--notice::after{background:radial-gradient(circle at 50% 50%, rgba(14, 165, 233, 0.1) 0%, transparent 70%)}.app-toast--notice .app-toast__message{color:#1e40af}.app-toast--notice .app-toast__close{background:rgba(59,130,246,.12);color:#1e40af}.app-toast--notice .app-toast__close:hover{background:rgba(59,130,246,.22);box-shadow:0 4px 12px rgba(59,130,246,.2)}.app-toast--alert{background:radial-gradient(120px 120px at 95% 10%, rgba(239, 68, 68, 0.18) 0%, transparent 70%),radial-gradient(80px 80px at 5% 90%, rgba(248, 113, 113, 0.14) 0%, transparent 70%),linear-gradient(135deg, rgba(254, 242, 242, 0.98) 0%, rgba(255, 255, 255, 0.98) 100%);border-color:rgba(239,68,68,.22)}.app-toast--alert::before{background:radial-gradient(circle at 50% 50%, rgba(239, 68, 68, 0.1) 0%, transparent 70%)}.app-toast--alert::after{background:radial-gradient(circle at 50% 50%, rgba(248, 113, 113, 0.08) 0%, transparent 70%)}.app-toast--alert .app-toast__message{color:#b91c1c}.app-toast--alert .app-toast__close{background:rgba(239,68,68,.12);color:#b91c1c}.app-toast--alert .app-toast__close:hover{background:rgba(239,68,68,.22);box-shadow:0 4px 12px rgba(239,68,68,.2)}@media(max-width: 767px){.app-toast{top:76px;left:12px;right:12px;width:auto;padding:12px 14px;border-radius:16px}.app-toast__message{font-size:.92rem}.app-toast__close{width:28px;height:28px;font-size:15px}}@media(prefers-reduced-motion: reduce){.app-toast{transition:none}}.learning-history{min-height:100vh;background:radial-gradient(circle at top, #eef2ff 0%, #f8fafc 50%, #ffffff 100%)}.learning-history__hero{background:#f8fafc;color:#0f172a;padding:36px 0 28px;border-bottom:1px solid #e2e8f0;position:relative;overflow:hidden}.learning-history__hero::before{content:"";position:absolute;top:-40px;right:-120px;width:280px;height:180px;background:linear-gradient(135deg, rgba(59, 130, 246, 0.22), rgba(14, 165, 233, 0.04));transform:skewX(-12deg);border-radius:28px}.learning-history__hero::after{content:"";position:absolute;bottom:-60px;left:-80px;width:200px;height:200px;border-radius:999px;background:radial-gradient(circle at 30% 30%, rgba(14, 165, 233, 0.18), rgba(59, 130, 246, 0.02) 65%)}.learning-history__hero-inner{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.learning-history__hero-inner{padding:0 1rem}}@media(min-width: 1024px){.learning-history__hero-inner{padding:0 .5rem}}.learning-history__hero-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}@media(max-width: 767px){.learning-history__hero-inner{flex-direction:column;align-items:flex-start;padding-left:16px;padding-right:16px}}.learning-history__title{font-size:2.1rem;font-weight:800;margin-bottom:6px;color:#0b1f3a}.learning-history__subtitle{font-size:1rem;color:#64748b}.learning-history__hero-chip{background:#e0f2fe;border:1px solid rgba(14,116,144,.2);padding:10px 18px;border-radius:999px;font-weight:700;font-size:.9rem;color:#0f172a;box-shadow:0 8px 16px rgba(15,23,42,.06)}.learning-history__content{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.learning-history__content{padding:0 1rem}}@media(min-width: 1024px){.learning-history__content{padding:0 .5rem}}.learning-history__content{padding:36px 0 60px;display:flex;flex-direction:column;gap:40px}@media(max-width: 767px){.learning-history__content{padding-left:16px;padding-right:16px}}.learning-history__layout{display:grid;grid-template-columns:220px minmax(0, 1fr);gap:24px;align-items:start}@media(max-width: 767px){.learning-history__layout{grid-template-columns:1fr}}.learning-history__sidebar{position:sticky;top:120px;align-self:start}@media(max-width: 767px){.learning-history__sidebar{position:static;top:auto}}.learning-history__nav{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 16px 24px rgba(30,64,175,.08);padding:16px;display:flex;flex-direction:column;gap:12px}@media(max-width: 767px){.learning-history__nav{flex-direction:row;gap:10px;padding:12px}}.learning-history__nav-link{padding:10px 12px;border-radius:10px;text-decoration:none;font-weight:700;color:#1e293b;background:#f8fafc;border:1px solid rgba(0,0,0,0);transition:all .2s ease;text-align:center}.learning-history__nav-link:hover{background:#eff6ff;border-color:#c7d2fe;color:#1e40af}.learning-history__nav-link.is-active{background:#1e40af;color:#fff;border-color:#1e40af;box-shadow:0 10px 18px rgba(30,64,175,.3)}.learning-history__main{display:flex;flex-direction:column;gap:40px}.learning-history__nav-secondary{margin-top:16px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 12px 20px rgba(30,64,175,.08);padding:14px 16px}.learning-history__nav-title{font-size:.8rem;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.14em;margin-bottom:10px}.learning-history__nav-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;color:#0f172a;font-weight:700;font-size:.9rem}.learning-history__nav-secondary-link{display:block;padding:8px 10px;border-radius:10px;background:#f8fafc;border:1px solid rgba(0,0,0,0);text-decoration:none;color:inherit;transition:all .2s ease}.learning-history__nav-secondary-link:hover{background:#eff6ff;border-color:#c7d2fe;color:#1e40af}.learning-history__nav-secondary-link.is-active{background:#1e40af;color:#fff;border-color:#1e40af;box-shadow:0 10px 18px rgba(30,64,175,.3)}.learning-history__section-title{font-size:1.5rem;font-weight:800;color:#0b1f3a;margin-bottom:6px}.learning-history__section-subtitle{color:#64748b;max-width:520px}.learning-history__section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}@media(max-width: 767px){.learning-history__section-head{flex-direction:column;align-items:flex-start}}.learning-history__summary-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:16px;margin-top:20px}.learning-history__manual{background:#fff;border-radius:18px;border:1px solid #e2e8f0;box-shadow:0 16px 28px rgba(15,23,42,.08);padding:24px}.learning-history__manual-form{margin-top:18px;display:flex;flex-direction:column;gap:16px}.learning-history__manual-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.learning-history__manual-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:14px}.learning-history__manual-field{display:flex;flex-direction:column;gap:8px}.learning-history__manual-label{font-size:.85rem;font-weight:700;color:#475569}.learning-history__manual-input-group{display:flex;align-items:center;gap:8px}.learning-history__manual-input{flex:1;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;font-size:.95rem;font-weight:600;color:#0f172a;transition:border-color .2s ease,box-shadow .2s ease}.learning-history__manual-input:focus{outline:none;border-color:#1e40af;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.learning-history__manual-unit{font-size:.85rem;font-weight:600;color:#64748b}.learning-history__manual-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.learning-history__manual-submit{border:none;padding:10px 18px;border-radius:10px;background:#1e40af;color:#fff;font-weight:700;cursor:pointer;box-shadow:0 10px 18px rgba(30,64,175,.25);transition:transform .2s ease,box-shadow .2s ease}.learning-history__manual-submit:hover{transform:translateY(-1px);box-shadow:0 14px 24px rgba(30,64,175,.3)}.learning-history__manual-note{font-size:.85rem;color:#64748b}@media(max-width: 767px){.learning-history__manual{padding:18px}.learning-history__manual-row{flex-direction:column;align-items:flex-start}}.learning-history__summary-link{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;font-weight:700;font-size:.85rem;text-decoration:none;white-space:nowrap}.learning-history__summary-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}@media(max-width: 767px){.learning-history__summary-links{justify-content:flex-start}}.learning-history__summary-card{background:#fff;border-radius:16px;padding:18px 20px;border:1px solid #e2e8f0;box-shadow:0 12px 20px rgba(15,23,42,.08)}.learning-history__summary-label{font-size:.85rem;color:#64748b;font-weight:700;margin-bottom:8px}.learning-history__summary-value{font-size:1.8rem;font-weight:800;color:#1e40af;margin-bottom:4px}.learning-history__summary-unit{font-size:.85rem;color:#475569;margin-left:4px}.learning-history__summary-note{font-size:.85rem;color:#64748b}.learning-history__overview{background:#fff;border-radius:24px;padding:28px;border:1px solid #e2e8f0;box-shadow:0 20px 36px rgba(15,23,42,.12)}.learning-history__kpi-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:16px;margin-top:20px}.learning-history__kpi-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px 18px}.learning-history__kpi-label{font-size:.85rem;color:#64748b;font-weight:700;margin-bottom:8px}.learning-history__kpi-value{font-size:1.6rem;font-weight:800;color:#1e3a8a;margin-bottom:4px}.learning-history__kpi-unit{font-size:.85rem;color:#64748b;margin-left:4px}.learning-history__kpi-note{font-size:.8rem;color:#64748b}.learning-history__trend-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:18px;margin-top:24px}.learning-history__trend-grid--triple{grid-template-columns:repeat(auto-fit, minmax(240px, 1fr))}.learning-history__trend-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:16px;box-shadow:inset 0 1px 8px rgba(15,23,42,.05);min-height:220px}.learning-history__trend-card canvas{width:100% !important;height:180px !important}.learning-history__yearly-chart{background:#fff;border-radius:18px;border:1px solid #e2e8f0;padding:16px 18px 12px;margin-top:20px;box-shadow:0 18px 30px rgba(15,23,42,.08);position:relative}.learning-history__yearly-chart canvas{width:100% !important;height:220px !important;cursor:pointer}.learning-history__yearly-chart-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:8px;color:#64748b;font-size:.8rem;font-weight:700}.learning-history__yearly-chart-meta strong{color:#0f172a;font-weight:800}.learning-history__trend-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.learning-history__trend-header h3{font-size:1rem;font-weight:800;color:#0f172a}.learning-history__trend-header span{font-size:.8rem;color:#64748b;font-weight:700}.learning-history__progress-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:16px;margin-top:24px}.learning-history__progress-card{background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0;padding:16px 18px;color:#475569}.learning-history__progress-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-weight:800;color:#0f172a;margin-bottom:8px}.learning-history__progress-bar{position:relative;height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden;margin-bottom:8px}.learning-history__progress-bar span{position:absolute;inset:0;background:linear-gradient(90deg, #1d4ed8, #0ea5e9)}.learning-history__drill-trend{background:#fff;border-radius:20px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 18px 32px rgba(15,23,42,.12)}.learning-history__toggle{display:inline-flex;gap:8px;padding:6px;background:#f1f5f9;border-radius:999px;border:1px solid #e2e8f0;margin:0}.learning-history__toggle-btn{appearance:none;border:none;padding:8px 16px;border-radius:999px;font-weight:700;font-size:.85rem;color:#64748b;background:rgba(0,0,0,0);cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.learning-history__toggle-btn.is-active{background:#1d4ed8;color:#fff;box-shadow:0 10px 20px rgba(29,78,216,.2)}.learning-history__bar-empty{margin-top:16px;background:#f8fafc;border:1px dashed #e2e8f0;border-radius:16px;padding:18px;text-align:center;color:#94a3b8;font-weight:700}.learning-history__drill-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:18px;margin-top:20px}.learning-history__drill-card{background:#f8fafc;border-radius:16px;border:1px solid #e2e8f0;padding:16px;box-shadow:inset 0 1px 8px rgba(15,23,42,.05)}.learning-history__drill-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.learning-history__drill-header h3{font-size:1rem;font-weight:800;color:#0f172a}.learning-history__drill-header span{font-size:.8rem;font-weight:700;color:#64748b}.learning-history__drill-chart{background:#fff;border-radius:14px;border:none;padding:20px;min-height:420px;box-shadow:inset 0 0 0 1px rgba(148,163,184,.22)}.learning-history__drill-chart canvas{width:100%;height:360px}.learning-history__map{background:#fff;border-radius:20px;padding:28px;border:1px solid #e2e8f0;box-shadow:0 20px 36px rgba(15,23,42,.12);display:flex;flex-direction:column;gap:18px}.learning-history__map--accordion{padding:0;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease;border:1px solid #d9e2ef}.learning-history__map-summary{list-style:none;cursor:pointer;padding:28px;background:#fff;transition:background .2s ease,transform .2s ease;border-radius:20px}.learning-history__map-summary:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}.learning-history__map-summary::-webkit-details-marker{display:none}.learning-history__map-summary:hover{background:#fff}.learning-history__map--accordion:hover{box-shadow:0 16px 28px rgba(15,23,42,.12);transform:translateY(-2px);border-color:#c7d2fe}.learning-history__map-body{padding:0 28px 28px}.learning-history__map--accordion .learning-history__map-header{border-bottom:none;padding-bottom:0}.learning-history__map--accordion[open] .learning-history__map-header{border-bottom:1px solid #e2e8f0;padding-bottom:12px}.learning-history__map-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:12px;border-bottom:1px solid #e2e8f0;position:relative}@media(max-width: 767px){.learning-history__map-header{flex-direction:column;align-items:flex-start}}.learning-history__map-actions{display:flex;align-items:center;gap:16px}@media(max-width: 767px){.learning-history__map-actions{width:100%;justify-content:space-between}}.learning-history__map-title{display:flex;flex-direction:column;gap:6px}.learning-history__map-cta{display:inline-flex;align-items:center;gap:8px;margin-top:6px;padding:6px 12px;border-radius:999px;font-size:.75rem;font-weight:700;color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;width:fit-content;transition:background .2s ease,color .2s ease,border-color .2s ease}.learning-history__map-cta-icon{width:10px;height:10px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}.learning-history__map--accordion:hover .learning-history__map-cta{background:#dbeafe;border-color:#93c5fd;color:#1d4ed8}.learning-history__map--accordion[open] .learning-history__map-cta-icon{transform:rotate(-135deg)}.learning-history__map-metric{text-align:right;min-width:160px}@media(max-width: 767px){.learning-history__map-metric{text-align:left}}.learning-history__map-rate{font-size:2rem;font-weight:800;color:#1d4ed8}.learning-history__map-count{color:#64748b;font-weight:700}.learning-history__meter{background:#e2e8f0;border-radius:6px;height:24px;margin-bottom:20px;overflow:hidden;border:1px solid rgba(15,23,42,.18);box-shadow:inset 0 1px 4px rgba(15,23,42,.16);position:relative}.learning-history__meter::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0) 18%, rgba(15, 23, 42, 0) 70%, rgba(15, 23, 42, 0.12)),linear-gradient(90deg, rgba(168, 85, 247, 0.32), rgba(129, 140, 248, 0.28) 28%, rgba(96, 165, 250, 0.3) 50%, rgba(34, 211, 238, 0.28) 70%, rgba(37, 99, 235, 0.35));mix-blend-mode:screen;pointer-events:none}.learning-history__meter-strip{height:100%;display:flex;gap:0;padding:0}.learning-history__meter-segment{height:100%;flex:1;border-radius:0;background:#e2e8f0;box-shadow:inset 0 0 6px rgba(15,23,42,.08);filter:blur(0.35px)}.learning-history__meter-segment:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.learning-history__meter-segment:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.learning-history__meter-segment--level-0{background:#fff}.learning-history__meter-segment--level-1{background:#7dd3fc}.learning-history__meter-segment--level-2{background:#60a5fa}.learning-history__meter-segment--level-3{background:#1d4ed8}.learning-history__legend{display:flex;flex-wrap:wrap;gap:12px;font-size:.8rem;font-weight:700;color:#475569;margin-top:-6px}.learning-history__legend-item{display:inline-flex;align-items:center;gap:6px}.learning-history__legend-chip{width:16px;height:16px;border-radius:4px;background:#e2e8f0}.learning-history__legend-chip.is-level-0{background:#fff;border:1px solid #e2e8f0}.learning-history__legend-chip.is-level-1{background:#7dd3fc}.learning-history__legend-chip.is-level-2{background:#60a5fa}.learning-history__legend-chip.is-level-3{background:#1d4ed8}.learning-history__grid-wrap{background:#f8fafc;border-radius:16px;padding:20px;max-height:420px;overflow:auto;border:1px solid #e2e8f0;box-shadow:inset 0 1px 6px rgba(15,23,42,.06);position:relative;z-index:1}.learning-history__grid-wrap--heatmap{max-height:460px}.learning-history__grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(14px, 1fr));gap:6px;overflow:visible}.learning-history__heatmap{display:grid;gap:8px;width:max-content}.learning-history__heatmap-header,.learning-history__heatmap-row{display:grid;grid-template-columns:42px repeat(var(--heatmap-columns), 18px) 56px;gap:6px;align-items:center}.learning-history__heatmap-corner{font-size:.7rem;font-weight:700;color:#94a3b8;text-align:right;padding-right:4px}.learning-history__heatmap-label{font-size:.7rem;color:#94a3b8;text-align:center}.learning-history__heatmap-year{font-size:.75rem;font-weight:700;color:#475569;text-align:right;padding-right:4px}.learning-history__heatmap-summary{font-size:.7rem;font-weight:700;color:#64748b;text-align:center}.learning-history__heatmap-empty{width:18px;height:18px}.learning-history__cell{width:100%;aspect-ratio:1;border-radius:4px;background:#e2e8f0;transition:transform .15s ease,box-shadow .15s ease;position:relative;cursor:pointer}.learning-history__cell:hover{transform:scale(1.2);box-shadow:0 4px 10px rgba(15,23,42,.2);z-index:3}.learning-history__tooltip{position:fixed;left:0;top:0;transform:translate(-50%, -100%);background:#0f172a;color:#fff;padding:6px 10px;border-radius:8px;font-size:.75rem;white-space:nowrap;box-shadow:0 10px 20px rgba(15,23,42,.25);pointer-events:none;opacity:0;transition:opacity .12s ease;z-index:9999}.learning-history__tooltip.is-visible{opacity:1}.learning-history__cell--level-0{background:#fff;border:1px solid #e2e8f0}.learning-history__cell--level-1{background:#7dd3fc}.learning-history__cell--level-2{background:#60a5fa}.learning-history__cell--level-3{background:#1d4ed8}.learning-history__hint{margin-top:12px;font-size:.85rem;color:#64748b;text-align:right}.learning-history__range{display:flex;gap:8px;flex-wrap:wrap}.learning-history__range-btn{border:1px solid #cbd5f5;background:#fff;color:#1e40af;font-weight:700;padding:8px 14px;border-radius:999px;cursor:pointer;transition:all .2s ease}.learning-history__range-btn:hover{background:#eff6ff}.learning-history__range-btn.is-active{background:#1e40af;color:#fff;border-color:#1e40af;box-shadow:0 10px 18px rgba(30,64,175,.2)}.learning-history__history-count{font-weight:700;color:#1e3a8a}.learning-history__history-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:16px;margin-top:20px}.learning-history__history-card{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 10px 20px rgba(15,23,42,.08)}.learning-history__history-card:hover{transform:translateY(-2px);box-shadow:0 16px 28px rgba(15,23,42,.12)}.learning-history__history-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:700;color:#475569;font-size:.85rem}.learning-history__history-status{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;font-weight:800;color:#fff}.learning-history__history-status.is-correct{background:#16a34a}.learning-history__history-status.is-incorrect{background:#dc2626}.learning-history__history-title{font-size:1rem;font-weight:800;color:#0f172a;margin-bottom:6px}.learning-history__history-meta{color:#64748b;font-size:.85rem;display:flex;gap:6px;align-items:center}.learning-history__pagination{margin-top:18px}.learning-history .pagination{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.learning-history .pagination a,.learning-history .pagination span{padding:6px 12px;border-radius:999px;border:1px solid #e2e8f0;text-decoration:none;font-weight:700;color:#1e40af}.learning-history .pagination .current{background:#1e40af;color:#fff;border-color:#1e40af}.learning-history__modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:50}.learning-history__modal[hidden]{display:none}.learning-history__modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.5)}.learning-history__modal-panel{position:relative;background:#fff;border-radius:18px;padding:20px 24px;width:min(720px,92vw);max-height:86vh;overflow-y:auto;box-shadow:0 20px 40px rgba(15,23,42,.2);z-index:1}.learning-history__modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.learning-history__modal-title{font-size:1.2rem;font-weight:800;color:#0f172a}.learning-history__modal-close{background:rgba(0,0,0,0);border:none;font-size:1.4rem;cursor:pointer;color:#64748b}.argument-history-modal__summary{padding:14px 16px;background:#f8fafc;border-radius:14px;border:1px solid #e2e8f0;margin-bottom:18px}.argument-history-modal__title{font-size:1.1rem;font-weight:800;color:#0f172a;margin-bottom:6px}.argument-history-modal__meta{color:#64748b;font-weight:700;margin-bottom:10px}.argument-history-modal__badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.argument-history-modal__badge{padding:4px 10px;border-radius:999px;background:#e2e8f0;font-size:.8rem;font-weight:700;color:#0f172a}.argument-history-modal__badge.is-correct{background:#16a34a;color:#fff}.argument-history-modal__badge.is-incorrect{background:#dc2626;color:#fff}.argument-history-modal__submeta{display:flex;flex-wrap:wrap;gap:12px;font-size:.8rem;color:#64748b;font-weight:600}.argument-history-modal__section{margin-bottom:18px}.argument-history-modal__section-title{font-size:.95rem;font-weight:800;margin-bottom:8px;color:#0f172a}.argument-history-modal__text{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 16px;line-height:1.8;color:#1e293b}.argument-history-modal__text--diff .grade-correct{color:#059669;background:#d1fae5}.argument-history-modal__text--diff .grade-incorrect{color:#dc2626;background:#fee2e2;text-decoration:line-through}.argument-history-modal__text--diff .grade-missing{color:#dc2626;background:#fee2e2}.argument-history-modal__empty{color:#94a3b8;font-weight:600}body.is-modal-open{overflow:hidden}.learning-history__hero{animation:learning-history-panel-in .45s ease}.learning-history__hero-text,.learning-history__hero-chip,.learning-history__section-head,.learning-history__summary-card,.learning-history__drill-trend,.learning-history__drill-card,.learning-history__map{animation:learning-history-rise .5s ease both}.learning-history__hero-text{animation-delay:.05s}.learning-history__hero-chip{animation-delay:.1s}.learning-history__section-head{animation-delay:.12s}.learning-history__summary-card{animation-delay:.06s}.learning-history__summary-card:nth-child(2){animation-delay:.1s}.learning-history__summary-card:nth-child(3){animation-delay:.14s}.learning-history__summary-card:nth-child(4){animation-delay:.18s}.learning-history__summary-card:nth-child(5){animation-delay:.22s}.learning-history__drill-trend{animation-delay:.14s}.learning-history__drill-card{animation-delay:.1s}.learning-history__drill-card:nth-child(2){animation-delay:.14s}.learning-history__drill-card:nth-child(3){animation-delay:.18s}.learning-history__map{animation-delay:.16s}.learning-history__map+.learning-history__map{animation-delay:.2s}.learning-history__argument{margin-top:3rem}.learning-history__argument-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:1rem}.learning-history__argument-card{background:#fff;border-radius:.5rem;border:1px solid var(--border-light);padding:1.5rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.learning-history__argument-card.is-empty{opacity:.7}.learning-history__argument-header{display:flex;flex-direction:column;gap:.25rem;font-size:1rem;color:var(--text-secondary);margin-bottom:1rem}.learning-history__argument-header strong{font-size:1.125rem;color:var(--text-primary)}.learning-history__argument-metrics{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:.5rem;font-size:.875rem}.learning-history__argument-label{display:block;color:var(--text-muted)}.learning-history__argument-value{font-size:1rem;color:var(--text-primary);font-weight:700}@keyframes learning-history-panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes learning-history-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.learning-history__chart-skeleton{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;min-height:220px;display:flex;align-items:center;justify-content:center;overflow:hidden}.learning-history__chart-skeleton[hidden]{display:none}.learning-history__chart-skeleton-inner{width:80%;height:120px;background:linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%);background-size:200% 100%;animation:learning-history-skeleton-shimmer 1.5s ease-in-out infinite;border-radius:8px}@keyframes learning-history-skeleton-shimmer{0%{background-position:-200% 0;opacity:.6}50%{opacity:1}100%{background-position:200% 0;opacity:.6}}@media(prefers-reduced-motion: reduce){.learning-history__hero,.learning-history__hero-text,.learning-history__hero-chip,.learning-history__section-head,.learning-history__summary-card,.learning-history__drill-trend,.learning-history__drill-card,.learning-history__map{animation:none}.learning-history__chart-skeleton-inner{animation:none}}.weekly-report{min-height:100vh;background:radial-gradient(circle at top, #eef2ff 0%, #f8fafc 50%, #ffffff 100%)}.weekly-report__hero{background:#f8fafc;color:#0f172a;padding:44px 0;border-bottom:1px solid #e2e8f0;position:relative;overflow:hidden}.weekly-report__hero::before{content:"";position:absolute;top:-40px;right:-120px;width:280px;height:180px;background:linear-gradient(135deg, rgba(59, 130, 246, 0.22), rgba(14, 165, 233, 0.04));transform:skewX(-12deg);border-radius:28px}.weekly-report__hero::after{content:"";position:absolute;bottom:-60px;left:-80px;width:200px;height:200px;border-radius:999px;background:radial-gradient(circle at 30% 30%, rgba(14, 165, 233, 0.18), rgba(59, 130, 246, 0.02) 65%)}.weekly-report__hero-inner{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.weekly-report__hero-inner{padding:0 1rem}}@media(min-width: 1024px){.weekly-report__hero-inner{padding:0 .5rem}}.weekly-report__hero-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}@media(max-width: 767px){.weekly-report__hero-inner{flex-direction:column;align-items:flex-start}}.weekly-report__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:700;color:#2563eb;margin-bottom:8px}.weekly-report__title{font-size:2.3rem;font-weight:800;margin-bottom:6px;color:#0b1f3a}.weekly-report__subtitle{font-size:1rem;color:#64748b}.weekly-report__hero-chip{background:#e0f2fe;border:1px solid rgba(14,116,144,.2);padding:10px 18px;border-radius:999px;font-weight:700;font-size:.9rem;color:#0f172a;box-shadow:0 8px 16px rgba(15,23,42,.06)}.weekly-report__content{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.weekly-report__content{padding:0 1rem}}@media(min-width: 1024px){.weekly-report__content{padding:0 .5rem}}.weekly-report__content{padding:36px 0 60px;display:flex;flex-direction:column;gap:32px}.weekly-report__section{background:rgba(0,0,0,0)}.weekly-report__section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}@media(max-width: 767px){.weekly-report__section-header{flex-direction:column;align-items:flex-start}}.weekly-report__section-title{font-size:1.5rem;font-weight:800;color:#0b1f3a;margin-bottom:6px}.weekly-report__section-subtitle{font-size:.95rem;color:#64748b}.weekly-report__section-link{font-size:.85rem;font-weight:700;color:#1d4ed8;text-decoration:none;background:#eef2ff;padding:8px 14px;border-radius:999px;border:1px solid rgba(37,99,235,.2);transition:all .2s ease}.weekly-report__section-link:hover,.weekly-report__section-link:focus-visible{background:#e0e7ff}.weekly-report__summary-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:16px;margin-top:20px}.weekly-report__summary-card{background:#fff;border-radius:16px;padding:18px 20px;border:1px solid #e2e8f0;box-shadow:0 12px 20px rgba(15,23,42,.08)}.weekly-report__summary-label{font-size:.85rem;color:#64748b;font-weight:700;margin-bottom:8px}.weekly-report__summary-value{font-size:1.8rem;font-weight:800;color:#1e40af;margin-bottom:4px}.weekly-report__summary-unit{font-size:.85rem;color:#475569;margin-left:4px}.weekly-report__summary-note{font-size:.85rem;color:#64748b}.weekly-report__goal-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px}@media(max-width: 767px){.weekly-report__goal-grid{grid-template-columns:1fr}}.weekly-report__goal-card{background:#fff;border-radius:16px;padding:18px 20px;border:1px solid #e2e8f0;box-shadow:0 12px 20px rgba(15,23,42,.08)}.weekly-report__goal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}@media(max-width: 767px){.weekly-report__goal-top{flex-direction:column;align-items:flex-start}}.weekly-report__goal-label{font-size:.95rem;font-weight:700;color:#0f172a;margin-bottom:4px}.weekly-report__goal-meta{font-size:.85rem;color:#64748b}.weekly-report__goal-gap{font-size:.85rem;font-weight:700;padding:6px 12px;border-radius:999px;background:#f1f5f9;color:#475569}.weekly-report__goal-gap.is-warning{background:#fef3c7;color:#92400e}.weekly-report__goal-gap.is-success{background:#dcfce7;color:#166534}.weekly-report__goal-gap.is-muted{background:#e2e8f0;color:#64748b}.weekly-report__goal-bar{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.weekly-report__goal-bar span{display:block;height:100%;background:linear-gradient(90deg, #2563eb, #0ea5e9)}.weekly-report__empty{background:#fff;border-radius:16px;padding:24px;border:1px dashed #cbd5f5;text-align:center}.weekly-report__empty-text{font-size:.95rem;color:#64748b;margin-bottom:12px}.weekly-report__empty-link{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:#1d4ed8;text-decoration:none;background:#eef2ff;padding:8px 14px;border-radius:999px}.weekly-report__breakdown{background:#fff;border-radius:20px;padding:22px;border:1px solid #e2e8f0;box-shadow:0 12px 20px rgba(15,23,42,.08)}.weekly-report__breakdown-total{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.weekly-report__breakdown-label{font-size:.95rem;font-weight:700;color:#0f172a}.weekly-report__breakdown-total-value{font-size:1.4rem;font-weight:800;color:#1e40af}.weekly-report__breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:14px}.weekly-report__breakdown-card{background:#f8fafc;border-radius:14px;padding:14px 16px;border:1px solid rgba(148,163,184,.3)}.weekly-report__breakdown-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.weekly-report__breakdown-title{font-size:.85rem;font-weight:700;color:#0f172a}.weekly-report__breakdown-meta{font-size:.75rem;font-weight:700;color:#64748b}.weekly-report__breakdown-value{font-size:1.15rem;font-weight:800;color:#0f172a;margin-bottom:8px}.weekly-report__breakdown-bar{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}.weekly-report__breakdown-bar span{display:block;height:100%;background:linear-gradient(90deg, #0ea5e9, #38bdf8)}.monthly-report{min-height:100vh;background:radial-gradient(circle at top, #f0f9ff 0%, #f8fafc 55%, #ffffff 100%)}.monthly-report__hero{background:#f8fafc;color:#0f172a;padding:44px 0;border-bottom:1px solid #e2e8f0;position:relative;overflow:hidden}.monthly-report__hero::before{content:"";position:absolute;top:-40px;right:-120px;width:280px;height:180px;background:linear-gradient(135deg, rgba(14, 165, 233, 0.2), rgba(56, 189, 248, 0.04));transform:skewX(-12deg);border-radius:28px}.monthly-report__hero::after{content:"";position:absolute;bottom:-60px;left:-80px;width:200px;height:200px;border-radius:999px;background:radial-gradient(circle at 30% 30%, rgba(14, 165, 233, 0.18), rgba(125, 211, 252, 0.02) 65%)}.monthly-report__hero-inner{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.monthly-report__hero-inner{padding:0 1rem}}@media(min-width: 1024px){.monthly-report__hero-inner{padding:0 .5rem}}.monthly-report__hero-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}@media(max-width: 767px){.monthly-report__hero-inner{flex-direction:column;align-items:flex-start}}.monthly-report__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:700;color:#0284c7;margin-bottom:8px}.monthly-report__title{font-size:2.3rem;font-weight:800;margin-bottom:6px;color:#0b1f3a}.monthly-report__subtitle{font-size:1rem;color:#64748b}.monthly-report__hero-chip{background:#e0f2fe;border:1px solid rgba(14,116,144,.2);padding:10px 18px;border-radius:999px;font-weight:700;font-size:.9rem;color:#0f172a;box-shadow:0 8px 16px rgba(15,23,42,.06)}.monthly-report__content{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.monthly-report__content{padding:0 1rem}}@media(min-width: 1024px){.monthly-report__content{padding:0 .5rem}}.monthly-report__content{padding:36px 0 60px;display:flex;flex-direction:column;gap:32px}.monthly-report__section{background:rgba(0,0,0,0)}.monthly-report__section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}@media(max-width: 767px){.monthly-report__section-header{flex-direction:column;align-items:flex-start}}.monthly-report__section-title{font-size:1.5rem;font-weight:800;color:#0b1f3a;margin-bottom:6px}.monthly-report__section-subtitle{font-size:.95rem;color:#64748b}.monthly-report__section-link{font-size:.85rem;font-weight:700;color:#0284c7;text-decoration:none;background:#e0f2fe;padding:8px 14px;border-radius:999px;border:1px solid rgba(14,116,144,.2);transition:all .2s ease}.monthly-report__section-link:hover,.monthly-report__section-link:focus-visible{background:#bae6fd}.monthly-report__summary-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:16px;margin-top:20px}.monthly-report__summary-card{background:#fff;border-radius:16px;padding:18px 20px;border:1px solid #e2e8f0;box-shadow:0 12px 20px rgba(15,23,42,.08)}.monthly-report__summary-label{font-size:.85rem;color:#64748b;font-weight:700;margin-bottom:8px}.monthly-report__summary-value{font-size:1.8rem;font-weight:800;color:#0284c7;margin-bottom:4px}.monthly-report__summary-unit{font-size:.85rem;color:#475569;margin-left:4px}.monthly-report__summary-note{font-size:.85rem;color:#64748b}.monthly-report__goal-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px}@media(max-width: 767px){.monthly-report__goal-grid{grid-template-columns:1fr}}.monthly-report__goal-card{background:#fff;border-radius:16px;padding:18px 20px;border:1px solid #e2e8f0;box-shadow:0 12px 20px rgba(15,23,42,.08)}.monthly-report__goal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}@media(max-width: 767px){.monthly-report__goal-top{flex-direction:column;align-items:flex-start}}.monthly-report__goal-label{font-size:.95rem;font-weight:700;color:#0f172a;margin-bottom:4px}.monthly-report__goal-meta{font-size:.85rem;color:#64748b}.monthly-report__goal-gap{font-size:.85rem;font-weight:700;padding:6px 12px;border-radius:999px;background:#f1f5f9;color:#475569}.monthly-report__goal-gap.is-warning{background:#fef3c7;color:#92400e}.monthly-report__goal-gap.is-success{background:#dcfce7;color:#166534}.monthly-report__goal-gap.is-muted{background:#e2e8f0;color:#64748b}.monthly-report__goal-bar{height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.monthly-report__goal-bar span{display:block;height:100%;background:linear-gradient(90deg, #0284c7, #38bdf8)}.monthly-report__empty{background:#fff;border-radius:16px;padding:24px;border:1px dashed #bae6fd;text-align:center}.monthly-report__empty-text{font-size:.95rem;color:#64748b;margin-bottom:12px}.monthly-report__empty-link{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:#0284c7;text-decoration:none;background:#e0f2fe;padding:8px 14px;border-radius:999px}.monthly-report__breakdown{background:#fff;border-radius:20px;padding:22px;border:1px solid #e2e8f0;box-shadow:0 12px 20px rgba(15,23,42,.08)}.monthly-report__breakdown-total{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.monthly-report__breakdown-label{font-size:.95rem;font-weight:700;color:#0f172a}.monthly-report__breakdown-total-value{font-size:1.4rem;font-weight:800;color:#0284c7}.monthly-report__breakdown-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:14px}.monthly-report__breakdown-card{background:#f8fafc;border-radius:14px;padding:14px 16px;border:1px solid rgba(148,163,184,.3)}.monthly-report__breakdown-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.monthly-report__breakdown-title{font-size:.85rem;font-weight:700;color:#0f172a}.monthly-report__breakdown-meta{font-size:.75rem;font-weight:700;color:#64748b}.monthly-report__breakdown-value{font-size:1.15rem;font-weight:800;color:#0f172a;margin-bottom:8px}.monthly-report__breakdown-bar{height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}.monthly-report__breakdown-bar span{display:block;height:100%;background:linear-gradient(90deg, #38bdf8, #7dd3fc)}.learning-goals{min-height:100vh;background:radial-gradient(circle at top, #eef2ff 0%, #f8fafc 50%, #ffffff 100%)}.learning-goals__hero{background:#f8fafc;color:#0f172a;padding:36px 0 28px;border-bottom:1px solid #e2e8f0;position:relative;overflow:hidden}@media(max-width: 767px){.learning-goals__hero{padding:20px 0 16px}}.learning-goals__hero::before{content:"";position:absolute;top:-40px;right:-120px;width:280px;height:180px;background:linear-gradient(135deg, rgba(59, 130, 246, 0.22), rgba(14, 165, 233, 0.04));transform:skewX(-12deg);border-radius:28px}.learning-goals__hero::after{content:"";position:absolute;bottom:-60px;left:-80px;width:200px;height:200px;border-radius:999px;background:radial-gradient(circle at 30% 30%, rgba(14, 165, 233, 0.18), rgba(59, 130, 246, 0.02) 65%)}.learning-goals__hero-inner{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.learning-goals__hero-inner{padding:0 1rem}}@media(min-width: 1024px){.learning-goals__hero-inner{padding:0 .5rem}}.learning-goals__hero-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}@media(max-width: 767px){.learning-goals__hero-inner{flex-direction:column;align-items:flex-start}}.learning-goals__title{font-size:2.1rem;font-weight:800;margin-bottom:6px;color:#0b1f3a}.learning-goals__subtitle{font-size:1rem;color:#64748b}@media(max-width: 767px){.learning-goals__subtitle{display:none}}.learning-goals__hero-chip{background:#e0f2fe;border:1px solid rgba(14,116,144,.2);padding:10px 18px;border-radius:999px;font-weight:700;font-size:.9rem;color:#0f172a;box-shadow:0 8px 16px rgba(15,23,42,.06)}.learning-goals__content{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.learning-goals__content{padding:0 1rem}}@media(min-width: 1024px){.learning-goals__content{padding:0 .5rem}}.learning-goals__content{padding:36px 0 60px;display:flex;flex-direction:column;gap:32px}@media(max-width: 767px){.learning-goals__content{padding-left:16px;padding-right:16px}}.learning-goals__layout{display:grid;grid-template-columns:minmax(200px, 240px) minmax(0, 1fr);gap:24px;align-items:start}@media(max-width: 767px){.learning-goals__layout{grid-template-columns:1fr}}.learning-goals__sidebar{position:sticky;top:120px;align-self:start}@media(max-width: 767px){.learning-goals__sidebar{position:static;top:auto}}.learning-goals__menu{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 16px 24px rgba(30,64,175,.08);padding:16px;display:flex;flex-direction:column;gap:12px}@media(max-width: 767px){.learning-goals__menu{flex-direction:row;justify-content:space-between}}.learning-goals__menu-link{padding:10px 12px;border-radius:10px;text-decoration:none;font-weight:700;color:#1e293b;background:#f8fafc;border:1px solid rgba(0,0,0,0);transition:all .2s ease;text-align:center}.learning-goals__menu-link:hover{background:#eff6ff;border-color:#c7d2fe;color:#1e40af}.learning-goals__menu-link.is-active{background:#1e40af;color:#fff;border-color:#1e40af;box-shadow:0 10px 18px rgba(30,64,175,.3)}.learning-goals__main{display:flex;flex-direction:column;gap:32px}.learning-goals__section--hidden{display:none}.learning-goals__tabs{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:14px;background:#f1f5f9;border:1px solid #e2e8f0;box-shadow:none;flex-wrap:nowrap;width:min(220px,100%)}.learning-goals__tab{flex:1 1 0;min-width:0;padding:8px 10px;border-radius:10px;border:1px solid rgba(0,0,0,0);background:hsla(0,0%,100%,.6);color:#1e293b;font-weight:700;cursor:pointer;transition:all .2s ease;text-align:center}.learning-goals__tab:hover{background:#eff6ff;border-color:#c7d2fe;color:#1e40af}.learning-goals__tab.is-active{background:#fff;color:#1e40af;border-color:#c7d2fe;box-shadow:0 8px 14px rgba(30,64,175,.18)}.learning-goals__panel{display:block}.learning-goals__panel--hidden{display:none}.learning-goals__flash{background:#ecfeff;border:1px solid #bae6fd;border-radius:12px;padding:12px 16px;font-weight:700;color:#0f172a}.learning-goals__section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}@media(max-width: 767px){.learning-goals__section-head{flex-direction:column;align-items:flex-start}}.learning-goals__section-title{font-size:1.5rem;font-weight:800;color:#0b1f3a;margin-bottom:6px}.learning-goals__section-subtitle{color:#64748b}.learning-goals__chip{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;font-weight:700;font-size:.85rem;white-space:nowrap}.learning-goals__grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:16px;margin-top:16px}.learning-goals__goal-chart{margin-top:16px;background:#fff;border-radius:18px;padding:18px 20px;border:1px solid #e2e8f0;box-shadow:0 14px 24px rgba(15,23,42,.1);display:flex;flex-direction:column;gap:12px}.learning-goals__goal-chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.learning-goals__goal-chart-note{font-size:.85rem;color:#94a3b8;margin-top:4px}.learning-goals__goal-chart-badge{padding:6px 12px;border-radius:999px;background:#ffedd5;color:#9a3412;font-size:.8rem;font-weight:700}.learning-goals__goal-chart-canvas{height:240px}.learning-goals__time-chart{margin-top:16px;background:#fff;border-radius:18px;padding:18px 20px;border:1px solid #e2e8f0;box-shadow:0 14px 24px rgba(15,23,42,.1);display:flex;flex-direction:column;gap:12px}.learning-goals__time-chart-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.learning-goals__time-chart-note{font-size:.85rem;color:#94a3b8;margin-top:4px}.learning-goals__time-chart-badge{padding:6px 12px;border-radius:999px;background:#e0f2fe;color:#0c4a6e;font-size:.8rem;font-weight:700}.learning-goals__time-chart-canvas{height:240px}.learning-goals__card{background:#fff;border-radius:16px;padding:18px 20px;border:1px solid #e2e8f0;box-shadow:0 12px 20px rgba(15,23,42,.08);display:flex;flex-direction:column;gap:10px}.learning-goals__label{font-size:.85rem;font-weight:700;color:#64748b}.learning-goals__value{font-size:1.5rem;font-weight:800;color:#1e293b}.learning-goals__value-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.learning-goals__unit{font-size:.85rem;color:#94a3b8;margin-left:6px}.learning-goals__chart{position:relative;width:56px;height:56px;flex:0 0 auto}.learning-goals__chart canvas{width:100% !important;height:100% !important}.learning-goals__chart-label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:800;color:#1e293b}.learning-goals__bar{height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden}.learning-goals__bar span{display:block;height:100%;background:linear-gradient(90deg, #1d4ed8, #60a5fa);border-radius:999px}.learning-goals__form{background:#fff;border-radius:20px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 18px 32px rgba(15,23,42,.12);display:grid;gap:12px}.learning-goals__fields{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px 16px}@media(max-width: 767px){.learning-goals__fields{grid-template-columns:1fr}}.learning-goals__divider{height:1px;background:#e2e8f0;border:none;margin:4px 0}.learning-goals__field{display:flex;flex-direction:column;gap:6px}.learning-goals__input{border:1px solid #e2e8f0;border-radius:10px;padding:9px 12px;font-size:.98rem}@media(max-width: 767px){.learning-goals__input{font-size:16px}}.learning-goals__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.learning-goals__share-card{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;border-radius:16px;border:1px solid rgba(226,232,240,.9);background:#fff;box-shadow:0 10px 20px rgba(30,64,175,.08)}@media(max-width: 767px){.learning-goals__share-card{flex-direction:column;align-items:flex-start}}.learning-goals__share-title{font-size:1.1rem;font-weight:800;color:#0f172a;margin-bottom:4px}.learning-goals__share-text{color:#64748b;font-size:.95rem}.learning-goals__share-note{color:#64748b;font-size:.9rem}.learning-goals__switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.learning-goals__switch input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.learning-goals__switch-track{width:52px;height:28px;border-radius:999px;background:#e2e8f0;border:1px solid #cbd5f5;position:relative;transition:background .2s ease,border-color .2s ease}.learning-goals__switch-track::after{content:"";position:absolute;top:2px;left:2px;width:22px;height:22px;background:#fff;border-radius:999px;box-shadow:0 4px 10px rgba(15,23,42,.2);transition:transform .2s ease}.learning-goals__switch input:checked+.learning-goals__switch-track{background:#1e40af;border-color:#1e40af}.learning-goals__switch input:checked+.learning-goals__switch-track::after{transform:translateX(24px)}.learning-goals__primary-button{padding:10px 18px;border-radius:10px;border:none;background:#1d4ed8;color:#fff;font-weight:700}.learning-goals__secondary-button{padding:10px 18px;border-radius:10px;border:1px solid #d1d5db;color:#374151;background:#fff;font-weight:700;text-decoration:none}@media(max-width: 767px){.learning-goals__goal-chart{padding:16px}.learning-goals__goal-chart-canvas{height:200px}.learning-goals__time-chart{padding:16px}.learning-goals__time-chart-canvas{height:200px}}.learning-goals__hero{animation:learning-goals-panel-in .45s ease}.learning-goals__hero-inner>div:first-child,.learning-goals__hero-chip,.learning-goals__flash,.learning-goals__section-head,.learning-goals__goal-chart,.learning-goals__time-chart,.learning-goals__card,.learning-goals__form,.learning-goals__field,.learning-goals__actions{animation:learning-goals-rise .5s ease both}.learning-goals__hero-inner>div:first-child{animation-delay:.05s}.learning-goals__hero-chip{animation-delay:.1s}.learning-goals__flash{animation-delay:.12s}.learning-goals__section-head{animation-delay:.14s}.learning-goals__section-actions{display:flex;align-items:center;gap:12px}.learning-goals__panel-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}@media(max-width: 767px){.learning-goals__panel-actions{flex-direction:column;align-items:flex-start}}.learning-goals__summary-link{font-size:.9rem;color:#2563eb;text-decoration:none;font-weight:600}.learning-goals__summary-link:hover{text-decoration:underline}.learning-goals__grid .learning-goals__card{animation-delay:.16s}.learning-goals__grid .learning-goals__card:nth-child(2){animation-delay:.2s}.learning-goals__grid .learning-goals__card:nth-child(3){animation-delay:.24s}.learning-goals__grid .learning-goals__card:nth-child(4){animation-delay:.28s}.learning-goals__grid .learning-goals__card:nth-child(5){animation-delay:.32s}.learning-goals__form{animation-delay:.18s}.learning-goals__field{animation-delay:.2s}.learning-goals__actions{animation-delay:.24s}@keyframes learning-goals-panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes learning-goals-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion: reduce){.learning-goals__hero,.learning-goals__hero-inner>div:first-child,.learning-goals__hero-chip,.learning-goals__flash,.learning-goals__section-head,.learning-goals__card,.learning-goals__form,.learning-goals__field,.learning-goals__actions{animation:none}}.kizyun-viewer{display:flex;flex-direction:column;gap:24px;padding-bottom:56px;max-width:none;margin:0;overflow-x:hidden;font-family:"Noto Sans JP",sans-serif;color:#111827}.kizyun-viewer__hero{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:36px 0 28px;position:relative;overflow:visible;box-shadow:0 12px 24px rgba(15,23,42,.08)}.kizyun-viewer__hero::before{content:"";position:absolute;top:-26px;right:-120px;width:240px;height:160px;background:linear-gradient(135deg, rgba(59, 130, 246, 0.2), rgba(14, 165, 233, 0.05));transform:skewX(-12deg);border-radius:28px;z-index:0}.kizyun-viewer__hero::after{content:"";position:absolute;bottom:-70px;left:-70px;width:200px;height:200px;border-radius:999px;background:radial-gradient(circle at 30% 30%, rgba(14, 165, 233, 0.16), rgba(59, 130, 246, 0.02) 65%);z-index:0}.kizyun-viewer__header{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:flex-start;justify-content:space-between;max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.kizyun-viewer__header{padding:0 1rem}}@media(min-width: 1024px){.kizyun-viewer__header{padding:0 .5rem}}.kizyun-viewer__header{position:relative;z-index:1}.kizyun-viewer__title{position:relative;z-index:1}.kizyun-viewer__title h1{font-size:2.1rem;font-weight:800;margin:0 0 4px;letter-spacing:.02em;color:#0b1f3a}.kizyun-viewer__title p{margin:0;color:#64748b;font-size:1rem}.kizyun-viewer__controls{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end;flex:1 1 360px;position:relative;z-index:1}.kizyun-viewer__controls .custom-select{min-width:280px;max-width:100%}@media(min-width: 1024px){.kizyun-viewer__controls .custom-select{min-width:340px}.kizyun-viewer__controls .custom-select__trigger{padding:12px 44px 12px 16px;font-size:1rem}.kizyun-viewer__controls .custom-select__menu{font-size:.95rem}.kizyun-viewer__controls .custom-select__option{padding:10px 12px;font-size:.95rem}}.kizyun-viewer__inner{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.kizyun-viewer__inner{padding:0 1rem}}@media(min-width: 1024px){.kizyun-viewer__inner{padding:0 .5rem}}.kizyun-viewer__inner{padding-top:28px}.kizyun-viewer__control-group{display:flex;flex-direction:column;gap:8px;position:relative;z-index:1}.kizyun-viewer__control-group:first-child{z-index:3}.kizyun-viewer__control-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:#64748b}.kizyun-viewer__pill-group{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.kizyun-viewer__pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;font-size:.85rem;font-weight:700;color:#1f2937;background:#f8fafc;border:1px solid #e2e8f0;text-decoration:none;transition:all .2s ease}.kizyun-viewer__pill:hover{transform:translateY(-1px);border-color:#94a3b8}.kizyun-viewer__pill.is-active{background:#1e40af;border-color:#1e40af;color:#fff;box-shadow:0 10px 18px rgba(30,64,175,.25)}.kizyun-viewer__pill--essay.is-active{background:#dc2626;border-color:#dc2626;box-shadow:0 10px 18px rgba(220,38,38,.25)}.kizyun-viewer__pill--short.is-active{background:#0ea5e9;border-color:#0ea5e9;box-shadow:0 10px 18px rgba(14,165,233,.25)}.kizyun-viewer__select-wrap{position:relative}.kizyun-viewer__select-wrap select{min-width:220px;padding:8px 34px 8px 12px;border-radius:999px;border:1px solid #e2e8f0;background:#f8fafc;font-size:.9rem;font-weight:600;color:#1f2937;appearance:none}.kizyun-viewer__select-wrap::after{content:"";position:absolute;right:14px;top:50%;width:8px;height:8px;border-right:2px solid #64748b;border-bottom:2px solid #64748b;transform:translateY(-60%) rotate(45deg);pointer-events:none}.kizyun-viewer__layout{display:flex;gap:24px;align-items:start}.kizyun-viewer__toc{width:260px;position:sticky;top:72px;max-height:calc(100vh - 92px);overflow:auto;padding:16px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 8px 16px rgba(30,64,175,.06)}.kizyun-viewer__toc-accordion{display:block}.kizyun-viewer__toc-header{font-weight:700;color:#1e3a8a;margin-bottom:12px;list-style:none}.kizyun-viewer__toc-header::-webkit-details-marker{display:none}.kizyun-viewer__toc-header::marker{content:""}.kizyun-viewer__toc-list{display:flex;flex-direction:column;gap:8px}.kizyun-viewer__toc-link{display:block;padding:6px 8px;border-radius:6px;color:#334155;text-decoration:none;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background .2s ease,color .2s ease}.kizyun-viewer__toc-link:hover{background:#eff6ff;color:#1e40af}.kizyun-viewer__toc-link.is-active{background:#1e40af;color:#fff}.kizyun-viewer__toc-link.is-sub{font-size:.85rem;padding-left:16px;color:#475569}.kizyun-viewer__toc-link.is-sub.is-active{color:#fff}.kizyun-viewer__toc-empty{font-size:.8rem;color:#94a3b8}@media(min-width: 721px){.kizyun-viewer__toc-accordion>summary{pointer-events:none}.kizyun-viewer__toc-accordion>summary::after{display:none}.kizyun-viewer__toc-accordion:not([open])>.kizyun-viewer__toc-list{display:flex}}.kizyun-viewer__chapter{flex:1;min-width:0;background:#f8fafc;border-radius:16px;padding:20px 30px 28px;box-shadow:0 14px 30px rgba(30,64,175,.08)}.kizyun-viewer--mode-essay .kizyun-viewer__mode-note{background:#fee2e2;border-color:#fecaca;color:#9f1239}.kizyun-viewer__chapter-header{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;border-bottom:2px solid #3b82f6;padding-bottom:12px;margin-bottom:22px}.kizyun-viewer__chapter-number{font-weight:700;color:#1e40af;font-size:.85rem;padding:4px 10px;background:rgba(59,130,246,.12);border-radius:999px;border:1px solid rgba(59,130,246,.2)}.kizyun-viewer__chapter-title{margin:0;font-size:1.4rem;color:#1e3a8a}.kizyun-viewer__content{line-height:1.8;font-size:1.05rem;letter-spacing:.01em;color:var(--text-primary)}.kizyun-viewer__content p{margin:0 0 1.2rem;text-indent:0;color:var(--text-primary)}.kizyun-viewer__content h2{font-size:1.2rem;margin:1.4rem 0 .6rem;color:var(--text-primary);font-weight:700;scroll-margin-top:96px}.kizyun-viewer__content h3{font-size:1.05rem;margin:1rem 0 .5rem;color:var(--text-primary);font-weight:600;scroll-margin-top:96px}.kizyun-viewer__content .kizyun-viewer__section-body{margin-left:2.4rem;margin-top:.2rem}.kizyun-viewer__content .kizyun-viewer__section-body ul{padding-left:.8rem}.kizyun-viewer__content ul{list-style:none;padding-left:1.2rem;margin:.6rem 0 1.2rem}.kizyun-viewer__content li{margin-bottom:.6rem;text-indent:0;color:var(--text-primary)}.kizyun-viewer__content ul ul{padding-left:2rem;margin-top:.5rem}.kizyun-viewer__content ul ul ul{padding-left:2.4rem;margin-top:.4rem}.kizyun-viewer__content table{width:100%;border-collapse:collapse;margin:1rem 0 1.4rem;font-size:.95rem}.kizyun-viewer__content th,.kizyun-viewer__content td{border:1px solid #e2e8f0;padding:8px 10px;text-align:left;vertical-align:top}.kizyun-viewer__content thead th{background:#f8fafc;font-weight:700}.kizyun-viewer__content td ul,.kizyun-viewer__content td ol{margin:.4rem 0;padding-left:1.2rem}.kizyun-viewer__content .table-content{margin:1rem 0 1.4rem}.kizyun-viewer__content .table-content__row{display:grid;grid-template-columns:minmax(160px, 30%) minmax(0, 1fr);border:1px solid #e2e8f0;border-bottom:none}.kizyun-viewer__content .table-content__row:last-child{border-bottom:1px solid #e2e8f0}.kizyun-viewer__content .table-content__left,.kizyun-viewer__content .table-content__right{padding:8px 10px;line-height:1.6}.kizyun-viewer__content .table-content__left{background:#f8fafc;font-weight:400;border-right:1px solid #e2e8f0}.kizyun-viewer__content .table-content__right ul{margin:.4rem 0;padding-left:1.2rem;list-style:disc}.kizyun-viewer__content .math-display{text-align:center;margin:1rem 0}.kizyun-viewer__content .ryuiziko-note{margin:1.4rem 0;padding:1rem 1.2rem;border:1px solid #f4c98a;border-left:6px solid #f59e0b;background:#fff7ed;border-radius:6px;text-indent:0;box-shadow:0 6px 16px rgba(245,158,11,.08)}.kizyun-viewer__content .ryuiziko-note__title{font-weight:700;color:#92400e;font-size:.95rem;margin-bottom:.6rem;letter-spacing:.04em}.kizyun-viewer__content .ryuiziko-note p{text-indent:0;margin-bottom:.8rem}.kizyun-viewer__content .ryuiziko-note ul{margin:.4rem 0 .8rem;padding-left:1.2rem}.kizyun-viewer__mode-note{margin-top:0;margin-bottom:14px;padding:10px 14px;border-radius:6px;background:#f1f5f9;color:#475569;font-size:.92rem;border:1px solid #e2e8f0}.kizyun-viewer__empty{text-align:center;color:#94a3b8}.kizyun-viewer__mobile-bar{display:none}.kizyun-viewer__hero{animation:kantei-panel-in .45s ease}.kizyun-viewer__title,.kizyun-viewer__controls,.kizyun-viewer__control-group,.kizyun-viewer__toc,.kizyun-viewer__chapter,.kizyun-viewer__chapter-header,.kizyun-viewer__content,.kizyun-viewer__mode-note{animation:kantei-rise .5s ease both}.kizyun-viewer__title{animation-delay:.05s}.kizyun-viewer__controls{animation-delay:.1s}.kizyun-viewer__control-group:nth-child(2){animation-delay:.14s}.kizyun-viewer__toc{animation-delay:.12s}.kizyun-viewer__chapter{animation-delay:.18s}.kizyun-viewer__chapter-header{animation-delay:.22s}.kizyun-viewer__content{animation-delay:.26s}.kizyun-viewer__mode-note{animation-delay:.3s}@keyframes kantei-panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes kantei-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion: reduce){.kizyun-viewer__hero,.kizyun-viewer__title,.kizyun-viewer__controls,.kizyun-viewer__control-group,.kizyun-viewer__toc,.kizyun-viewer__chapter,.kizyun-viewer__chapter-header,.kizyun-viewer__content,.kizyun-viewer__mode-note{animation:none}}@media(max-width: 720px){.kizyun-viewer{padding-bottom:96px;overflow-x:hidden}.kizyun-viewer__hero{padding:24px 0 18px}.kizyun-viewer__inner{padding-top:20px;padding-left:16px;padding-right:16px}.kizyun-viewer__layout{flex-direction:column;gap:16px}.kizyun-viewer__toc{position:static;width:100%;max-height:none;padding:0;background:rgba(0,0,0,0);border:none;box-shadow:none}.kizyun-viewer__toc-accordion{border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:10px 12px;box-shadow:0 10px 20px rgba(15,23,42,.08);width:100%;margin:0}.kizyun-viewer__toc-header{display:flex;align-items:center;justify-content:space-between;font-size:.9rem;margin-bottom:0;padding:2px 0}.kizyun-viewer__toc-header::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s ease}.kizyun-viewer__toc-accordion[open] .kizyun-viewer__toc-header::after{transform:rotate(-135deg)}.kizyun-viewer__toc-list{display:none;margin-top:10px}.kizyun-viewer__toc-accordion[open] .kizyun-viewer__toc-list{display:flex}.kizyun-viewer__select-wrap select{min-width:160px;font-size:16px}.kizyun-viewer__chapter{padding:20px;width:100%}.kizyun-viewer__content{max-width:100%}.kizyun-viewer__control-group{flex:1 1 100%}.kizyun-viewer__title h1{font-size:1.7rem}.kizyun-viewer__title p{font-size:.9rem}.kizyun-viewer__controls{justify-content:center;width:100%}.kizyun-viewer__controls .custom-select{min-width:0;width:100%;max-width:420px}.kizyun-viewer__content h2,.kizyun-viewer__content h3{scroll-margin-top:72px}.kizyun-viewer__mobile-bar{display:flex;position:fixed;left:16px;right:16px;bottom:16px;padding:10px 12px;background:hsla(0,0%,100%,.95);border:1px solid rgba(148,163,184,.25);border-radius:14px;box-shadow:0 14px 28px rgba(15,23,42,.18);align-items:center;justify-content:space-between;gap:12px;z-index:1200;backdrop-filter:blur(6px)}.kizyun-viewer__mobile-label{font-size:.85rem;font-weight:700;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kizyun-viewer__mobile-top{border:none;background:#1e40af;color:#fff;width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 18px rgba(30,64,175,.2);cursor:pointer;flex-shrink:0}.kizyun-viewer__mobile-top span{display:block;width:10px;height:10px;border-right:2px solid #fff;border-bottom:2px solid #fff;transform:translateY(1px) rotate(-135deg)}}@media(min-width: 721px){.kizyun-viewer__toc-header{cursor:default}.kizyun-viewer__toc-header::after{display:none}.kizyun-viewer__toc-accordion .kizyun-viewer__toc-list{display:flex !important}}.kizyun-viewer__layout--short-answer{display:flex;gap:24px;align-items:start}@media(max-width: 720px){.kizyun-viewer__layout--short-answer{flex-direction:column;gap:16px}}.kizyun-viewer__mode-note--short{background:#e0f2fe;border-color:#7dd3fc;color:#0369a1}.kizyun-viewer__panel{position:fixed;right:20px;top:100px;width:340px;max-height:calc(100vh - 120px);background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 8px 24px rgba(14,165,233,.15);display:flex;flex-direction:column;overflow:hidden;z-index:100}@media(max-width: 1400px){.kizyun-viewer__panel{width:300px;right:16px}}@media(max-width: 720px){.kizyun-viewer__panel{position:fixed;bottom:0;left:0;right:0;top:auto;width:100%;max-height:50vh;border-radius:16px 16px 0 0;z-index:1100}}.kizyun-viewer__panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:linear-gradient(135deg, #0ea5e9, #0284c7);color:#fff}.kizyun-viewer__panel-title{margin:0;font-size:1rem;font-weight:700}.kizyun-viewer__panel-count{font-size:.85rem;font-weight:600;background:hsla(0,0%,100%,.2);padding:4px 10px;border-radius:999px}.kizyun-viewer__panel-body{flex:1;overflow-y:auto;padding:12px}.kizyun-viewer__panel-empty{text-align:center;padding:32px 16px;color:#94a3b8}.kizyun-viewer__panel-empty p{margin:0 0 8px;font-size:.95rem}.kizyun-viewer__panel-hint{font-size:.8rem !important;color:#cbd5e1}.kizyun-viewer__content .has-problems{position:relative;background:linear-gradient(90deg, rgba(14, 165, 233, 0.08), rgba(14, 165, 233, 0.04));border-left:3px solid #0ea5e9;padding-left:12px;margin-left:-15px;border-radius:0 4px 4px 0}.kizyun-question{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px;margin-bottom:12px;transition:all .2s ease}.kizyun-question:last-child{margin-bottom:0}.kizyun-question.is-answered{opacity:.9}.kizyun-question.is-correct{border-color:#22c55e;background:#f0fdf4}.kizyun-question.is-incorrect{border-color:#ef4444;background:#fef2f2}.kizyun-question__header{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.kizyun-question__year{font-size:.75rem;font-weight:700;color:#0ea5e9;background:#e0f2fe;padding:2px 8px;border-radius:4px}.kizyun-question__number{font-size:.75rem;font-weight:600;color:#64748b}.kizyun-question__label{font-size:.75rem;font-weight:700;color:#475569;background:#f1f5f9;padding:2px 6px;border-radius:4px}.kizyun-question__text{font-size:.9rem;line-height:1.7;color:#1f2937;margin-bottom:12px}.kizyun-question__actions{display:flex;gap:10px}.kizyun-question__btn{flex:1;padding:10px 16px;border:2px solid;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .15s ease}.kizyun-question__btn:disabled{opacity:.5;cursor:not-allowed}.kizyun-question__btn--correct{border-color:#22c55e;background:#fff;color:#22c55e}.kizyun-question__btn--correct:hover:not(:disabled){background:#22c55e;color:#fff}.kizyun-question__btn--incorrect{border-color:#ef4444;background:#fff;color:#ef4444}.kizyun-question__btn--incorrect:hover:not(:disabled){background:#ef4444;color:#fff}.kizyun-question__result{margin-top:12px}.kizyun-question__result-label{font-size:.85rem;font-weight:700;padding:6px 12px;border-radius:6px;display:inline-block}.kizyun-question__result-label.is-correct{background:#dcfce7;color:#166534}.kizyun-question__result-label.is-incorrect{background:#fee2e2;color:#991b1b}.kizyun-question__explanation{margin-top:10px;padding:10px 12px;background:#f1f5f9;border-radius:6px;font-size:.85rem;line-height:1.6;color:#475569}.kizyun-inline-problems{margin:24px 0;padding:16px;border-radius:12px;border:1px solid #dbeafe;background:#eff6ff;box-shadow:0 10px 20px rgba(30,64,175,.08)}.kizyun-inline-problems__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.kizyun-inline-problems__title{display:flex;align-items:center;gap:10px}.kizyun-inline-problems__tag{background:#1e40af;color:#fff;font-size:.95rem;padding:2px 8px;border-radius:999px;font-weight:700}.kizyun-inline-question{display:flex;gap:12px;padding:12px;border-radius:10px;background:#fff;border:1px solid #dbeafe;margin-bottom:12px;position:relative}.kizyun-inline-question:last-child{margin-bottom:0}.kizyun-inline-question__top{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:nowrap;min-width:0}.kizyun-inline-question__label{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;background:#eef2ff;border:1px solid #c7d2fe;font-weight:700;color:#1e3a8a;font-size:1rem;flex-shrink:0}.kizyun-inline-question__badge{position:absolute;top:10px;right:10px;padding:2px 10px;border-radius:999px;font-size:.8rem;font-weight:800;letter-spacing:.08em;opacity:0;transition:opacity .2s ease}.kizyun-inline-question__badge.is-correct{background:#16a34a;color:#fff}.kizyun-inline-question__badge.is-incorrect{background:#dc2626;color:#fff}.kizyun-inline-question__badge.is-skipped{background:#94a3b8;color:#fff}.kizyun-inline-question__body{flex:1;min-width:0}.kizyun-inline-question__header{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:nowrap;min-width:0}.kizyun-inline-question__year{font-size:.95rem;color:#64748b;white-space:nowrap}.kizyun-inline-question__number{font-size:.95rem;color:#64748b;white-space:nowrap}.kizyun-inline-question__text{color:#0f172a;margin-bottom:10px;line-height:1.6;font-size:1.08rem}.kizyun-inline-question__result{font-weight:800;letter-spacing:.08em;margin-bottom:8px;font-size:1rem;color:#1e3a8a;display:none;align-items:center;gap:6px}.kizyun-inline-question__result.is-correct{color:#166534}.kizyun-inline-question__result.is-incorrect{color:#991b1b}.kizyun-inline-question__result-icon{font-size:1.2rem}.kizyun-inline-question__result-text{font-size:1rem}.kizyun-inline-question__actions{display:flex;gap:8px;margin-bottom:10px}.kizyun-inline-question__btn{border:1px solid #c7d2fe;background:#1e40af;color:#fff;padding:8px 16px;font-size:.95rem;cursor:pointer;flex:0 0 auto;font-weight:700;letter-spacing:.02em;border-radius:8px;box-shadow:0 2px 6px rgba(30,64,175,.2);transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.kizyun-inline-question__btn:hover:not(:disabled){background:#1d4ed8;box-shadow:0 6px 14px rgba(30,64,175,.25);transform:translateY(-1px)}.kizyun-inline-question__btn--explain{background:#fff;color:#1e40af;border-color:#c7d2fe}.kizyun-inline-question__btn:disabled{cursor:default;opacity:.7;box-shadow:none;transform:none}.kizyun-inline-question__skip-btn{border:none;background:rgba(0,0,0,0);color:#94a3b8;padding:8px 12px;font-size:.85rem;cursor:pointer;flex:0 0 auto;transition:color .15s ease}.kizyun-inline-question__skip-btn:hover:not(:disabled){color:#64748b}.kizyun-inline-question__skip-btn:disabled{cursor:default;opacity:.5}.kizyun-inline-question__explanation{background:#f8fafc;border:1px dashed #c7d2fe;padding:10px;border-radius:8px}.kizyun-inline-question__explanation-title{font-weight:700;color:#1e3a8a;margin-bottom:6px;font-size:1rem}.kizyun-inline-question__explanation-body{font-size:1.05rem;color:#334155;line-height:1.6}.kizyun-inline-question.is-correct .kizyun-inline-question__result{color:#166534}.kizyun-inline-question.is-incorrect .kizyun-inline-question__result{color:#991b1b}.kizyun-inline-question.is-skipped .kizyun-inline-question__result{color:#64748b}.kizyun-inline-question.is-answered .kizyun-inline-question__badge{opacity:1}.kizyun-inline-question.is-answered .kizyun-inline-question__result{display:flex}.kizyun-inline-question__result-label{font-size:.9rem;font-weight:700;padding:8px 14px;border-radius:6px;display:inline-block}.kizyun-inline-question__result-label.is-correct{background:#dcfce7;color:#166534}.kizyun-inline-question__result-label.is-incorrect{background:#fee2e2;color:#991b1b}.kizyun-viewer__mode-note--essay{background:#fef2f2;border-color:#fecaca;color:#991b1b}.kizyun-viewer__content .has-rontens{position:relative;background:linear-gradient(90deg, rgba(220, 38, 38, 0.08), rgba(220, 38, 38, 0.04));border-left:3px solid #dc2626;padding-left:12px;margin-left:-15px;border-radius:0 4px 4px 0}.kizyun-inline-rontens{margin:16px 0;display:flex;flex-direction:column;gap:8px}.kizyun-inline-ronten{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:8px;background:#fef2f2;border:1px solid #fecaca}.kizyun-inline-ronten__tag{background:#dc2626;color:#fff;font-size:.75rem;padding:2px 8px;border-radius:999px;font-weight:700;flex-shrink:0}.kizyun-inline-ronten__name{font-size:1rem;font-weight:700;color:#991b1b}.kizyun-login-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:1400}.kizyun-login-modal.is-visible{display:flex}.kizyun-login-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55)}.kizyun-login-modal__card{position:relative;width:min(92vw,420px);background:#fff;border-radius:18px;border:1px solid rgba(148,163,184,.3);padding:20px 22px 22px;box-shadow:0 24px 48px rgba(15,23,42,.2);z-index:1}.kizyun-login-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.kizyun-login-modal__title{font-size:1.2rem;font-weight:800;color:#0b1f3a}.kizyun-login-modal__close{border:none;background:rgba(0,0,0,0);font-size:1.2rem;color:#64748b;cursor:pointer}.kizyun-login-modal__text{color:#475569;font-size:.95rem;line-height:1.6;margin-bottom:16px}.kizyun-login-modal__actions{display:flex;justify-content:flex-end}.kizyun-login-modal__button{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;background:#1e40af;color:#fff;font-weight:700;text-decoration:none;border:1px solid #1e40af;transition:background .2s ease,transform .2s ease,border-color .2s ease}.kizyun-login-modal__button:hover{background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-1px)}.plan-page{min-height:100vh;background:linear-gradient(180deg, #f8fafc 0%, #ffffff 55%, #eff6ff 100%)}.plan-hero{padding:40px 0 20px;background:radial-gradient(1200px 420px at 10% -20%, rgba(14, 165, 233, 0.2), rgba(255, 255, 255, 0) 60%);border-bottom:1px solid rgba(148,163,184,.2)}.plan-hero__inner{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.plan-hero__inner{padding:0 1rem}}@media(min-width: 1024px){.plan-hero__inner{padding:0 .5rem}}.plan-hero__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}@media(max-width: 767px){.plan-hero__inner{flex-direction:column;align-items:flex-start}}.plan-hero__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:700;color:#1d4ed8;margin-bottom:6px}.plan-hero__title{font-size:2.2rem;font-weight:800;color:#0b1f3a;margin:0 0 8px 0}.plan-hero__subtitle{color:#475569;margin:0}.plan-hero__panel{background:#fff;border:1px solid #dbeafe;border-radius:16px;padding:16px 18px;box-shadow:0 12px 22px rgba(30,64,175,.12);max-width:280px}.plan-hero__panel-title{font-weight:800;margin:0 0 6px 0;color:#1e3a8a}.plan-hero__panel-text{margin:0;color:#64748b;font-size:.92rem}.plan-main{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.plan-main{padding:0 1rem}}@media(min-width: 1024px){.plan-main{padding:0 .5rem}}.plan-main{padding-top:36px;padding-bottom:60px}.plan-grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:20px}@media(max-width: 767px){.plan-grid{grid-template-columns:1fr}}.plan-grid--compact{gap:16px}.plan-grid--pricing{grid-template-columns:repeat(2, minmax(0, 1fr))}@media(max-width: 767px){.plan-grid--pricing{grid-template-columns:1fr}}.plan-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:22px 20px;box-shadow:0 16px 28px rgba(15,23,42,.08);display:flex;flex-direction:column;gap:16px;position:relative}.plan-card--starter{background:linear-gradient(180deg, #ffffff 0%, #f8fafc 100%)}.plan-card--recommended{border-width:2px}.plan-card__badge{position:absolute;top:18px;right:18px;background:#1d4ed8;color:#fff;font-size:.7rem;letter-spacing:.12em;font-weight:800;text-transform:uppercase;padding:6px 10px;border-radius:999px}.plan-card--accent{border-color:#93c5fd;box-shadow:0 18px 32px rgba(37,99,235,.2)}.plan-card--coach{border-color:#cbd5f5;background:linear-gradient(160deg, #ffffff 0%, #eff6ff 100%)}.plan-card--current{border-color:#1d4ed8;box-shadow:0 18px 32px rgba(29,78,216,.25)}.plan-card__label{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;color:#64748b;margin:0 0 6px 0}.plan-card__title{font-size:1.35rem;font-weight:800;margin:0 0 6px 0;color:#0f172a}.plan-card__price{font-size:1.1rem;font-weight:700;color:#1d4ed8;margin:0}.plan-card__desc{color:#64748b;margin:6px 0 0;font-size:.95rem}.plan-card__interval-toggle{display:inline-flex;gap:0;background:#f1f5f9;border-radius:6px;padding:3px;margin:10px 0 6px}.plan-card__interval-btn{appearance:none;border:none;background:rgba(0,0,0,0);font-size:.82rem;font-weight:700;color:#64748b;padding:6px 18px;border-radius:4px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.plan-card__interval-btn:hover{color:#1e3a8a}.plan-card__interval-btn--active{background:#fff;color:#1d4ed8;box-shadow:0 2px 8px rgba(15,23,42,.1)}.plan-card__price-original{text-decoration:line-through;color:#94a3b8;font-weight:500;font-size:.88em;margin-right:6px}.plan-card__price-sub{font-size:.95rem;font-weight:700;color:#1e3a8a;margin:6px 0 0;display:flex;align-items:center;gap:8px}.plan-card__monthly-equivalent{font-size:1.25rem;font-weight:800;color:#dc2626;letter-spacing:.02em}.plan-card__discount-badge{display:inline-block;background:#dc2626;color:#fff;font-size:.72rem;font-weight:800;padding:3px 10px;border-radius:999px;margin-left:2px;vertical-align:middle;letter-spacing:.04em;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.plan-card__list{list-style:none;padding:0;margin:0;display:grid;gap:8px;color:#475569}.plan-card__list--icon li::before{background:#1d4ed8}.plan-card__list li{position:relative;padding-left:16px;line-height:1.5}.plan-card__list li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:999px;background:#94a3b8}.plan-card--accent .plan-card__list li::before,.plan-card--current .plan-card__list li::before{background:#1d4ed8}.plan-card--coach .plan-card__list li::before{background:#818cf8}.plan-card__cta{text-decoration:none;background:linear-gradient(90deg, #38bdf8, #2563eb);color:#fff;font-weight:700;text-align:center;padding:14px 48px;border-radius:999px;border:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 20px -4px rgba(37,99,235,.4);transition:transform .2s ease,box-shadow .2s ease}.plan-card__cta:hover{transform:translateY(-2px);box-shadow:0 12px 24px -4px rgba(37,99,235,.5)}.plan-card__cta--ghost{background:hsla(0,0%,100%,.9);color:#1e293b;box-shadow:0 4px 12px -2px rgba(0,0,0,.1)}.plan-card__cta--ghost:hover{box-shadow:0 6px 16px -2px rgba(0,0,0,.15)}.plan-card__cta--muted{background:#e2e8f0;color:#475569;box-shadow:none}.plan-card__cta--muted:hover{transform:none;box-shadow:none}.plan-card__note{font-size:.75rem;color:#94a3b8;text-align:center}.plan-section{padding:26px 0}.plan-section__header{text-align:center;margin-bottom:32px}.plan-section__title{font-size:1.8rem;font-weight:800;color:#0f172a;margin:0 0 10px}.plan-section__subtitle{color:#64748b;margin:0 auto;max-width:680px}.plan-section__subtitle--note{font-size:.95rem;color:#94a3b8;margin-top:8px}.plan-section__subtitle .plan-section__subtitle-accent{font-size:1.1rem;display:inline;color:#0f172a;font-weight:700;letter-spacing:.02em;padding:0 4px;background:linear-gradient(transparent 60%, rgba(56, 189, 248, 0.2) 60%);box-decoration-break:clone}.plan-preview{background:#f8fafc;border-radius:28px;padding:48px 32px;box-shadow:inset 0 1px 0 rgba(148,163,184,.2)}@media(max-width: 767px){.plan-preview{padding:32px 18px}}.plan-preview__carousel{position:relative}.plan-preview__track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:6px 2px 12px}.plan-preview__track::-webkit-scrollbar{display:none}.plan-preview__nav{position:absolute;top:50%;transform:translateY(-50%);border:0;width:36px;height:36px;border-radius:999px;background:#fff;color:#1e293b;box-shadow:0 12px 20px rgba(15,23,42,.18);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;z-index:2}.plan-preview__nav--prev{left:-10px}.plan-preview__nav--next{right:-10px}@media(max-width: 767px){.plan-preview__nav{display:none}}.plan-preview__card{background:#fff;border-radius:18px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:0 14px 24px rgba(15,23,42,.08);flex:0 0 clamp(260px,78vw,420px);scroll-snap-align:start}.plan-preview__media{background:#e2e8f0;height:clamp(120px,22vw,160px);overflow:hidden;padding:0;border:0;cursor:zoom-in;width:100%;display:block;appearance:none}.plan-preview__media img{width:100%;height:100%;object-fit:cover}.plan-lightbox{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1200}.plan-lightbox[hidden]{display:none}.plan-lightbox__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.2)}.plan-lightbox__panel{position:relative;background:#fff;border-radius:20px;padding:18px;max-width:min(960px,92vw);max-height:86vh;box-shadow:0 24px 48px rgba(15,23,42,.3);z-index:1;display:flex;flex-direction:column;gap:10px}.plan-lightbox__close{position:absolute;top:10px;right:12px;border:0;background:#fff;color:#1e293b;width:32px;height:32px;border-radius:999px;font-size:1.2rem;cursor:pointer;appearance:none;box-shadow:0 10px 18px rgba(15,23,42,.18);display:inline-flex;align-items:center;justify-content:center}.plan-lightbox__close:hover{background:#f1f5f9}.plan-lightbox__image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:12px;background:#f8fafc}.plan-lightbox__caption{margin:0;color:#475569;text-align:center;font-size:.9rem}.plan-preview__body{padding:18px 20px 22px;color:#475569}.plan-preview__title{font-size:1.1rem;font-weight:800;color:#0f172a;margin:0 0 6px}.plan-table{border-radius:16px;overflow:hidden;border:1px solid #e2e8f0;background:#fff}.plan-table__row{display:grid;grid-template-columns:1.2fr .8fr .8fr;border-bottom:1px solid #e2e8f0}@media(max-width: 767px){.plan-table__row{grid-template-columns:1fr .7fr .7fr}}.plan-table__row:last-child{border-bottom:none}.plan-table__row--head{background:#f8fafc;font-weight:800;color:#0f172a}.plan-table__cell{padding:14px 16px;color:#475569}.plan-table__cell--center{text-align:center}.plan-table__cell--accent{background:rgba(30,64,175,.08);color:#1e3a8a;font-weight:700}.plan-faq__list{display:flex;flex-direction:column;gap:14px}.plan-faq{background:#fff;border-radius:20px;padding:32px 28px;box-shadow:0 16px 28px rgba(15,23,42,.06)}@media(max-width: 767px){.plan-faq{padding:24px 20px}}.plan-faq__row{padding:14px 0;border-bottom:1px solid rgba(148,163,184,.25)}.plan-faq__row:last-child{border-bottom:none}.plan-faq__question{font-weight:700;color:#0f172a;margin-bottom:6px}.plan-faq__answer{color:#64748b}.plan-cta{background:#fff;color:#0f172a;border-radius:24px;padding:52px 24px;text-align:center;margin-top:40px;box-shadow:0 18px 32px rgba(15,23,42,.06)}.plan-cta__inner{max-width:720px;margin:0 auto}.plan-cta h2{font-size:2rem;font-weight:800;margin:0 0 14px}.plan-cta p{margin:0 0 22px;color:#64748b}.plan-cta__button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(90deg, #38bdf8, #2563eb);color:#fff;font-weight:800;padding:14px 48px;border-radius:999px;border:none;text-decoration:none;box-shadow:0 8px 20px -4px rgba(37,99,235,.4);transition:transform .2s ease,box-shadow .2s ease}.plan-cta__button:hover{transform:translateY(-2px);box-shadow:0 12px 24px -4px rgba(37,99,235,.5)}.plan-cta__note{display:block;margin-top:14px;color:#64748b;font-size:.85rem}.articles-index{--article-ink: #0b1320;--article-ink-soft: #475569;--article-sand: #eff6ff;--article-blue: #2563eb;--article-sky: #e0f2fe;position:relative;background:radial-gradient(circle at top left, #eff6ff 0%, #ffffff 45%, #f8fafc 100%);overflow:hidden}.articles-index::before,.articles-index::after{content:"";position:absolute;border-radius:999px;filter:blur(0.5px);opacity:.6;z-index:0}.articles-index::before{width:380px;height:380px;top:-120px;right:-120px;background:radial-gradient(circle, rgba(37, 99, 235, 0.35), transparent 70%);animation:float-slow 10s ease-in-out infinite}.articles-index::after{width:420px;height:420px;bottom:-180px;left:-140px;background:radial-gradient(circle, rgba(37, 99, 235, 0.22), transparent 70%);animation:float-slow 12s ease-in-out infinite reverse}.articles-index__inner{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:56px 20px 80px}.articles-index__hero{display:grid;grid-template-columns:minmax(0, 1.1fr) minmax(0, 0.9fr);gap:28px;align-items:center;margin-bottom:32px}.articles-index__hero-content{display:flex;flex-direction:column;gap:12px}.articles-index__eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.2em;color:var(--article-blue);font-weight:700}.articles-index__title{font-size:2.6rem;font-weight:800;margin:0;color:var(--article-ink)}.articles-index__subtitle{color:var(--article-ink-soft);font-size:1rem;line-height:1.7;margin:0}.articles-index__filter{color:var(--article-ink);font-weight:600;margin:0}.articles-index__hero-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.articles-index__primary{background:linear-gradient(120deg, var(--article-blue), #3b82f6);color:#fff;padding:10px 18px;border-radius:999px;font-weight:700;text-decoration:none;box-shadow:0 12px 22px rgba(37,99,235,.25)}.articles-index__primary:hover{opacity:.9}.articles-index__chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #bfdbfe;font-size:.85rem;font-weight:700;color:#1e40af}.articles-index__hero-panel{background:#fff;border-radius:22px;padding:22px 24px;border:1px solid #e2e8f0;box-shadow:0 18px 32px rgba(15,23,42,.1);display:flex;flex-direction:column;gap:10px}.articles-index__featured-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#94a3b8;margin:0}.articles-index__featured-title{font-size:1.4rem;margin:0}.articles-index__featured-title a{color:var(--article-ink);text-decoration:none}.articles-index__featured-title a:hover{text-decoration:underline}.articles-index__featured-summary{color:var(--article-ink-soft);margin:0;line-height:1.7}.articles-index__featured-meta{font-size:.85rem;color:#94a3b8}.articles-index__featured-cta{align-self:flex-start;padding:8px 14px;border-radius:999px;background:#0f172a;color:#fff;text-decoration:none;font-weight:700}.articles-index__list{display:grid;gap:20px;grid-template-columns:repeat(2, minmax(0, 1fr))}.articles-index__card{background:#fff;border-radius:18px;padding:22px 24px;box-shadow:0 16px 28px rgba(15,23,42,.08);border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:10px;animation:fade-rise .6s ease both}.articles-index__card:nth-child(2n){animation-delay:.08s}.articles-index__card:nth-child(3n){animation-delay:.16s}.articles-index__meta{font-size:.85rem;color:#94a3b8}.articles-index__meta-sep{margin:0 6px;color:#94a3b8}.articles-index__meta-link{color:var(--article-ink);text-decoration:none;font-weight:600}.articles-index__meta-link:hover{text-decoration:underline}.articles-index__card-title{margin:0}.articles-index__card-title a{color:var(--article-ink);text-decoration:none;font-weight:700}.articles-index__card-title a:hover{text-decoration:underline}.articles-index__card-summary{color:var(--article-ink-soft);margin:0;line-height:1.7}.articles-index__card-footer{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#94a3b8}.articles-index__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.articles-index__tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#f1f5f9;color:#0f172a;text-decoration:none;font-size:.85rem;font-weight:600}.articles-index__tag:hover{background:#e2e8f0}.articles-index__card-tags{display:flex;flex-wrap:wrap;gap:6px}.articles-index__card-tag{display:inline-block;padding:2px 8px;border-radius:999px;background:#f1f5f9;color:#64748b;text-decoration:none;font-size:.78rem;font-weight:600}.articles-index__card-tag:hover{background:#e2e8f0;color:#0f172a}.articles-index__card-link{text-decoration:none;font-weight:700;color:var(--article-blue);flex-shrink:0}.articles-index__card-link:hover{color:#1e40af}.articles-index__empty{text-align:center;color:#64748b;padding:40px 0;border-radius:16px;border:1px dashed #e2e8f0;grid-column:1/-1;background:hsla(0,0%,100%,.7)}@keyframes fade-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes float-slow{0%,100%{transform:translateY(0)}50%{transform:translateY(18px)}}.article-show{max-width:1200px;margin:48px auto 80px;padding:0 20px}.article-show__breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:.85rem;color:#64748b;margin-bottom:24px}.article-show__breadcrumb a{color:#1e293b;text-decoration:none}.article-show__breadcrumb a:hover{text-decoration:underline}.article-show__breadcrumb-sep{color:#94a3b8}.article-show__layout{display:grid;grid-template-columns:minmax(0, 1fr) minmax(240px, 320px);gap:32px;align-items:start}.article-show__article{background:#fff;border-radius:20px;padding:28px 30px 32px;border:1px solid #e2e8f0;box-shadow:0 16px 30px rgba(15,23,42,.08)}.article-show__header{margin-bottom:20px}.article-show__meta{color:#64748b;font-size:.9rem;margin-bottom:10px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.article-show__meta-sep{color:#94a3b8}.article-show__meta-link{color:#1e293b;text-decoration:none;font-weight:600}.article-show__meta-link:hover{text-decoration:underline}.article-show__title{font-size:2.1rem;font-weight:700;line-height:1.25;color:#0f172a}.article-show__lead{margin-top:12px;color:#475569;font-size:1rem;line-height:1.7}.article-show__cover{margin:18px 0 12px;border-radius:16px;overflow:hidden;border:1px solid #e2e8f0}.article-show__cover img{display:block;width:100%;height:auto}.article-toc{margin-top:20px;padding:20px 24px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px}.article-toc__title{font-weight:700;font-size:.95rem;color:#0f172a;margin:0 0 12px}.article-toc__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.article-toc__item{line-height:1.5}.article-toc__item--sub{padding-left:16px}.article-toc__link{color:#334155;text-decoration:none;font-size:.92rem;font-weight:500;transition:color .15s}.article-toc__link:hover{color:#2563eb}.article-toc__item--sub .article-toc__link{color:#64748b;font-size:.88rem}.article-toc__item--sub .article-toc__link:hover{color:#2563eb}.article-show__body{margin-top:18px}.article-show__body.trix-content,.article-show__body .trix-content{font-size:1.02rem;line-height:1.9;color:#0f172a}.article-show__body.trix-content h2,.article-show__body .trix-content h2{font-size:1.45rem;font-weight:700;color:#0f172a;margin:48px 0 18px;padding:10px 0 10px 16px;border-left:4px solid #2563eb;line-height:1.35}.article-show__body.trix-content h2:first-child,.article-show__body .trix-content h2:first-child{margin-top:0}.article-show__body.trix-content h3,.article-show__body .trix-content h3{font-size:1.18rem;font-weight:700;color:#1e293b;margin:36px 0 14px;padding-bottom:8px;border-bottom:2px solid #f1f5f9;line-height:1.4}.article-show__body.trix-content h4,.article-show__body .trix-content h4{font-size:1.05rem;font-weight:700;color:#334155;margin:28px 0 10px;padding-left:12px;position:relative;line-height:1.45}.article-show__body.trix-content h4::before,.article-show__body .trix-content h4::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:#cbd5e1;border-radius:2px}.article-show__body.trix-content h5,.article-show__body .trix-content h5{font-size:.98rem;font-weight:700;color:#475569;margin:22px 0 8px}.article-show__body.trix-content p,.article-show__body .trix-content p{margin:0 0 18px}.article-show__body.trix-content ul,.article-show__body.trix-content ol,.article-show__body .trix-content ul,.article-show__body .trix-content ol{margin:14px 0 22px;padding-left:24px}.article-show__body.trix-content ul,.article-show__body .trix-content ul{list-style:disc}.article-show__body.trix-content ol,.article-show__body .trix-content ol{list-style:decimal}.article-show__body.trix-content li,.article-show__body .trix-content li{margin-bottom:6px;line-height:1.8}.article-show__body.trix-content li strong,.article-show__body .trix-content li strong{color:#0f172a}.article-show__body.trix-content .table-wrapper,.article-show__body .trix-content .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:20px 0 28px;border-radius:12px;border:1px solid #e2e8f0}.article-show__body.trix-content table,.article-show__body .trix-content table{width:100%;border-collapse:collapse;font-size:.92rem;line-height:1.6;margin:0}.article-show__body.trix-content table:not(.table-wrapper table),.article-show__body .trix-content table:not(.table-wrapper table){margin:20px 0 28px;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}.article-show__body.trix-content th,.article-show__body .trix-content th{background:#f8fafc;color:#1e293b;font-weight:700;text-align:left;padding:12px 16px;font-size:.85rem;letter-spacing:.02em;border-bottom:2px solid #e2e8f0}.article-show__body.trix-content td,.article-show__body .trix-content td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:top}.article-show__body.trix-content td:first-child,.article-show__body .trix-content td:first-child{font-weight:600;color:#1e293b}.article-show__body.trix-content tr:last-child td,.article-show__body .trix-content tr:last-child td{border-bottom:none}.article-show__body.trix-content tr:nth-child(even) td,.article-show__body .trix-content tr:nth-child(even) td{background:#fafbfc}.article-show__body.trix-content tr:hover td,.article-show__body .trix-content tr:hover td{background:#f0f7ff}.article-show__body.trix-content blockquote,.article-show__body .trix-content blockquote{margin:24px 0;padding:18px 20px;border-left:4px solid #2563eb;background:#eff6ff;border-radius:0 12px 12px 0;color:#1e3a5f;font-size:.95rem;line-height:1.8}.article-show__body.trix-content blockquote br:last-child,.article-show__body .trix-content blockquote br:last-child{display:none}.article-show__body.trix-content pre,.article-show__body .trix-content pre{margin:20px 0 24px;padding:18px 20px;background:#0f172a;border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-show__body.trix-content pre code,.article-show__body .trix-content pre code{display:block;color:#e2e8f0;font-family:"SF Mono","Fira Code","Cascadia Code",monospace;font-size:.88rem;line-height:1.7;background:none;padding:0;border-radius:0}.article-show__body.trix-content code,.article-show__body .trix-content code{background:#f1f5f9;color:#be185d;padding:2px 6px;border-radius:4px;font-family:"SF Mono","Fira Code",monospace;font-size:.9em}.article-show__body.trix-content strong,.article-show__body .trix-content strong{font-weight:700;color:#0f172a}.article-show__body.trix-content em,.article-show__body .trix-content em{font-style:italic;color:#475569}.article-show__body.trix-content a,.article-show__body .trix-content a{color:#1d4ed8;text-decoration:none;border-bottom:1px solid rgba(29,78,216,.2);transition:color .15s,border-color .15s}.article-show__body.trix-content a:hover,.article-show__body .trix-content a:hover{color:#1e40af;border-bottom-color:#1e40af}.article-show__body.trix-content a[href*="/viewer/kizyun"],.article-show__body .trix-content a[href*="/viewer/kizyun"]{color:#1e40af;border-bottom-color:rgba(30,64,175,.25);font-weight:600}.article-show__body.trix-content a[href*="/viewer/kizyun"]:hover,.article-show__body .trix-content a[href*="/viewer/kizyun"]:hover{color:#1e3a8a;border-bottom-color:#1e3a8a}.article-show__body.trix-content hr,.article-show__body .trix-content hr{border:none;height:1px;background:linear-gradient(90deg, transparent, #e2e8f0 20%, #e2e8f0 80%, transparent);margin:40px 0}.article-show__body.trix-content .math-display,.article-show__body .trix-content .math-display{margin:20px 0 24px;padding:18px 20px;background:#fefce8;border:1px solid #fde68a;border-radius:12px;text-align:center;overflow-x:auto;font-size:1.1rem}.article-show__body.trix-content .math-inline,.article-show__body .trix-content .math-inline{padding:0 2px}.article-show__body.trix-content .katex-display,.article-show__body .trix-content .katex-display{margin:0;padding:0}.article-show__tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.article-show__tag{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;background:#f8fafc;border:1px solid #e2e8f0;color:#1e293b;text-decoration:none;font-size:.85rem;font-weight:600}.article-show__tag:hover{background:#e2e8f0}.article-show__share{margin-top:32px;border-top:1px solid #e2e8f0;padding-top:20px}.article-show__share-title{font-weight:700;color:#0f172a;margin:0 0 12px}.article-show__share-actions{display:flex;flex-wrap:wrap;gap:12px}.article-show__share-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;font-weight:700;text-decoration:none;border:1px solid rgba(0,0,0,0)}.article-show__share-button--x{background:#0f172a;color:#fff}.article-show__share-button--line{background:#ecfeff;color:#0f172a;border-color:#bae6fd}.article-show__cta{margin-top:28px;padding:20px 22px;border-radius:16px;background:linear-gradient(140deg, #1e40af, #0ea5e9);color:#fff;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.article-show__cta-title{font-size:1.15rem;font-weight:700;margin:0 0 6px}.article-show__cta-text{margin:0;color:hsla(0,0%,100%,.9)}.article-show__cta-button{background:#fff;color:#0f172a;padding:10px 18px;border-radius:999px;font-weight:700;text-decoration:none}.article-show__cta-rich{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin-top:32px;padding:32px;border-radius:20px;background:linear-gradient(145deg, #ffffff 0%, #f0f7ff 100%);border:1px solid #dbeafe;box-shadow:0 8px 24px rgba(30,64,175,.06)}.article-show__cta-rich-content{display:flex;flex-direction:column;gap:12px}.article-show__cta-rich-eyebrow{display:inline-block;width:fit-content;padding:4px 12px;border-radius:999px;background:#1e40af;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin:0}.article-show__cta-rich-title{font-size:1.35rem;font-weight:800;color:#0f172a;line-height:1.4;margin:0}.article-show__cta-rich-text{font-size:.92rem;line-height:1.75;color:#475569;margin:0}.article-show__cta-rich-price{margin:0;font-size:.88rem;color:#1e40af;font-weight:600}.article-show__cta-rich-price strong{font-size:1.05rem;font-weight:800}.article-show__cta-rich-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.article-show__cta-rich-button{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:999px;font-weight:700;font-size:.92rem;text-decoration:none;background:linear-gradient(135deg, #2563eb, #1e40af);color:#fff;box-shadow:0 4px 14px rgba(37,99,235,.3);transition:transform .2s ease,box-shadow .2s ease}.article-show__cta-rich-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,99,235,.4)}.article-show__cta-rich-button--ghost{background:#fff;color:#1e40af;border:1.5px solid #bfdbfe;box-shadow:none}.article-show__cta-rich-button--ghost:hover{background:#eff6ff;border-color:#93c5fd;box-shadow:none;transform:translateY(-1px)}.article-show__cta-rich-image{display:flex;align-items:center;justify-content:center}.article-show__cta-rich-image img{width:100%;max-width:360px;border-radius:14px;box-shadow:0 12px 28px rgba(15,23,42,.1)}@media(max-width: 720px){.article-show__cta-rich{grid-template-columns:1fr;gap:20px;padding:24px 20px}.article-show__cta-rich-image{order:-1}.article-show__cta-rich-image img{max-width:280px}.article-show__cta-rich-title{font-size:1.15rem}.article-show__cta-rich-actions{flex-direction:column}.article-show__cta-rich-button{width:100%;text-align:center}}.article-show__footer-nav{margin-top:28px;text-align:center}.article-show__footer-link{color:#1e40af;font-weight:700;text-decoration:none}.article-show__footer-link:hover{text-decoration:underline}.article-show__sidebar{display:grid;gap:20px;position:sticky;top:100px}.article-sidebar-card{background:#fff;border-radius:18px;padding:18px 20px;border:1px solid #e2e8f0;box-shadow:0 14px 24px rgba(15,23,42,.08)}.article-sidebar-search{display:grid;gap:10px}.article-sidebar-search__input{border:1px solid #cbd5f5;border-radius:12px;padding:10px 12px;background:#f8fafc}.article-sidebar-search__button{border:none;border-radius:999px;padding:10px 12px;background:#0f172a;color:#fff;font-weight:700;cursor:pointer}.article-sidebar-card__title{font-weight:700;margin-bottom:10px;color:#0f172a}.article-sidebar-card__text{color:#475569;margin:0 0 14px;font-size:.95rem}.article-sidebar-card__button{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;background:#1e40af;color:#fff;font-weight:700;text-decoration:none;width:100%;margin-bottom:8px}.article-sidebar-card__link{display:inline-flex;justify-content:center;width:100%;text-decoration:none;color:#1e293b;font-weight:600}.article-sidebar-card__list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.article-sidebar-card__list a{color:#1e293b;text-decoration:none;font-weight:600;display:block}.article-sidebar-card__list span{display:block;color:#64748b;font-size:.8rem;margin-top:4px}.article-sidebar-card__categories{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.article-sidebar-card__category-link{display:block;padding:8px 12px;background:#f1f5f9;border-radius:8px;color:#1e293b;text-decoration:none;font-weight:500;font-size:.9rem;transition:background .15s}.article-sidebar-card__category-link:hover{background:#e2e8f0}.article-sidebar-card__tags{display:flex;flex-wrap:wrap;gap:8px}.article-sidebar-card__tag{display:inline-block;padding:6px 12px;background:#f1f5f9;border-radius:9999px;color:#475569;text-decoration:none;font-size:.85rem;font-weight:500;transition:background .15s,color .15s}.article-sidebar-card__tag:hover{background:#0f172a;color:#fff}.article-sidebar-cta{background:linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);border-radius:18px;padding:24px 20px;color:#fff;text-align:center}.article-sidebar-cta__title{font-size:1.1rem;font-weight:800;line-height:1.6;margin:0 0 16px}.article-sidebar-cta__features{list-style:none;padding:0;margin:0 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:8px 4px;text-align:left}.article-sidebar-cta__features li{font-size:.85rem;font-weight:600;padding-left:20px;position:relative;line-height:1.5}.article-sidebar-cta__features li::before{content:"✓";position:absolute;left:0;color:#93c5fd;font-weight:700}.article-sidebar-cta__screenshots{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px}.article-sidebar-cta__screenshot{width:100%;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.25)}.article-sidebar-cta__button{display:block;width:100%;padding:12px 16px;border-radius:999px;background:#fff;color:#1e40af;font-weight:800;font-size:1rem;text-decoration:none;text-align:center;transition:background .15s,transform .15s;box-shadow:0 4px 12px rgba(0,0,0,.15);margin-bottom:10px}.article-sidebar-cta__button:hover{background:#f0f7ff;transform:translateY(-1px)}.article-sidebar-cta__link{display:block;text-align:center;color:hsla(0,0%,100%,.85);font-size:.85rem;font-weight:600;text-decoration:none}.article-sidebar-cta__link:hover{color:#fff;text-decoration:underline}.article-sidebar-cta__appstore{display:block;margin-top:14px;text-align:center}.article-sidebar-cta__appstore-badge{height:36px;width:auto;opacity:.95;transition:opacity .15s,transform .15s}.article-sidebar-cta__appstore-badge:hover{opacity:1;transform:translateY(-1px)}.article-show__cta-rich-appstore{display:inline-block;margin-top:8px}.article-show__cta-rich-appstore-badge{height:40px;width:auto;transition:transform .15s,opacity .15s;opacity:.9}.article-show__cta-rich-appstore-badge:hover{opacity:1;transform:translateY(-2px)}.article-embed{border:1px solid #e2e8f0;border-radius:16px;padding:18px 20px;margin:24px 0;background:#f8fafc}.article-embed__problem-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.article-embed__chip{background:#0f172a;color:#fff;padding:2px 8px;border-radius:999px;font-size:.75rem}.article-embed__title{font-weight:600}.article-embed__choices{display:grid;gap:12px;margin-top:16px}.article-embed__choice{background:#fff;border-radius:12px;padding:12px 14px;border:1px solid #e2e8f0}.article-embed__choice-label{font-weight:700;color:#1e293b}.article-embed__choice-text{margin-top:6px}.article-embed__choice-explanation{margin-top:8px;background:#f1f5f9;border-radius:10px;padding:10px 12px}.article-embed__choice-explanation-label{font-weight:600;color:#0f172a;margin-bottom:4px}.article-embed__answer{margin-top:16px;font-weight:600}.article-embed__answer-value{color:#1d4ed8;margin-left:4px}.article-embed__cta{padding:18px 20px;border-radius:16px;background:#0f172a;color:#fff;display:grid;gap:10px}.article-embed__cta--accent{background:#1d4ed8}.article-embed__cta--ghost{background:#fff;color:#0f172a;border:1px solid #e2e8f0}.article-embed__cta-title{font-weight:700;font-size:1.2rem}.article-embed__cta-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;background:#fff;color:#0f172a;text-decoration:none;font-weight:600}.article-embed__cta--ghost .article-embed__cta-button{background:#0f172a;color:#fff}@media(max-width: 720px){.articles-index__inner{padding:40px 18px 64px}.articles-index__hero{grid-template-columns:1fr}.articles-index__title{font-size:2rem}.articles-index__list{grid-template-columns:1fr}.articles-index__card-footer{flex-direction:column;align-items:flex-start;gap:6px}.article-show{margin-top:32px}.article-show__layout{grid-template-columns:1fr}.article-show__article{padding:22px 18px 26px}.article-show__title{font-size:1.7rem}.article-show__sidebar{position:static}.articles-index__card{padding:16px}}@media(prefers-reduced-motion: reduce){.articles-index::before,.articles-index::after,.articles-index__card{animation:none}}.article-cta{margin:32px 0;padding:24px;border-radius:16px;background:linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);border:1px solid #bae6fd}.article-cta--accent{background:linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);border-color:#fcd34d}.article-cta--ghost{background:#f8fafc;border-color:#e2e8f0}.article-cta__title{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 8px}.article-cta__body{font-size:.95rem;color:#475569;margin:0 0 16px;line-height:1.6}.article-cta__buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.article-cta__button{display:inline-flex;align-items:center;justify-content:center;padding:14px 48px;background:linear-gradient(90deg, #38bdf8, #2563eb);color:#fff;font-weight:700;font-size:1rem;text-decoration:none;border-radius:9999px;border:none;box-shadow:0 8px 20px -4px rgba(37,99,235,.4);transition:transform .2s ease,box-shadow .2s ease}.article-cta__button:hover{transform:translateY(-2px);box-shadow:0 12px 24px -4px rgba(37,99,235,.5)}.article-cta--accent .article-cta__button{background:linear-gradient(90deg, #fb923c, #f97316);box-shadow:0 16px 28px rgba(249,115,22,.28)}.article-cta--accent .article-cta__button:hover{box-shadow:0 20px 32px rgba(249,115,22,.38)}.article-cta--ghost .article-cta__button{background:hsla(0,0%,100%,.8);color:#1e293b;border-color:rgba(148,163,184,.65);box-shadow:none}.article-cta--ghost .article-cta__button:hover{background:#fff;border-color:rgba(59,130,246,.6)}.article-button-links{margin:24px 0;display:flex;justify-content:center;gap:12px}.article-button-links--vertical{flex-direction:column;align-items:center}.article-button-links--horizontal{flex-direction:row;flex-wrap:wrap}.article-button-link{display:inline-flex;align-items:center;justify-content:center;padding:14px 48px;background:linear-gradient(90deg, #38bdf8, #2563eb);color:#fff;font-weight:700;font-size:1rem;text-decoration:none;border-radius:9999px;border:none;box-shadow:0 8px 20px -4px rgba(37,99,235,.4);transition:transform .2s ease,box-shadow .2s ease}.article-button-link:hover{transform:translateY(-2px);box-shadow:0 12px 24px -4px rgba(37,99,235,.5)}.article-quiz{margin:28px 0;border:1px solid #93c5fd;border-radius:16px;overflow:hidden;background:#eff6ff}.article-quiz__item{padding:20px 22px}.article-quiz__header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.article-quiz__tag{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;background:#2563eb;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.05em}.article-quiz__badge{display:none;padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:700}.article-quiz__badge.is-visible{display:inline-flex}.article-quiz__badge.is-correct{background:#dcfce7;color:#166534}.article-quiz__badge.is-incorrect{background:#fee2e2;color:#991b1b}.article-quiz__question{font-size:.98rem;line-height:1.8;color:#1e293b;margin:0 0 16px;font-weight:500}.article-quiz__result{align-items:center;gap:8px;margin-bottom:12px;font-size:.9rem;font-weight:600}.article-quiz__result-icon{font-size:1.1rem}.article-quiz__result-icon.is-correct{color:#16a34a}.article-quiz__result-icon.is-incorrect{color:#dc2626}.article-quiz__result-text{color:#475569}.article-quiz__actions{display:flex;gap:8px}.article-quiz__btn{padding:8px 18px;border:none;border-radius:999px;background:#2563eb;color:#fff;font-weight:700;font-size:.82rem;cursor:pointer;transition:background .15s,transform .1s}.article-quiz__btn:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.article-quiz__btn:active:not(:disabled){transform:translateY(0)}.article-quiz__btn.is-disabled{cursor:default;opacity:.5;background:#94a3b8}.article-quiz__btn.is-correct{background:#16a34a;color:#fff;opacity:1}.article-quiz__btn.is-incorrect{background:#dc2626;color:#fff;opacity:1}.article-quiz__explanation{margin-top:16px;padding:16px 18px 0;border-top:1px solid #bfdbfe;background:rgba(0,0,0,0)}.article-quiz__explanation-title{font-weight:700;color:#1e40af;margin-bottom:8px;font-size:.9rem}.article-quiz__explanation-body{font-size:.92rem;line-height:1.8;color:#475569}.articles-index__pagination{margin-top:32px}.articles-index__pagination .pagination{display:flex;gap:6px;justify-content:center;align-items:center;flex-wrap:wrap}.articles-index__pagination .pagination>span,.articles-index__pagination .pagination>span>a{display:inline-block;padding:6px 12px;border-radius:999px;text-decoration:none;font-weight:700;font-size:.9rem}.articles-index__pagination .pagination>span{border:1px solid #e2e8f0;color:#94a3b8}.articles-index__pagination .pagination>span>a{color:#1e40af;padding:0;border:none}.articles-index__pagination .pagination>span.current{background:#1e40af;color:#fff;border-color:#1e40af}.articles-index__pagination .pagination>span.gap{border:none;color:#94a3b8}.glossary-index{--article-ink: #0b1320;--article-ink-soft: #475569;--article-sand: #eff6ff;--article-blue: #2563eb;--article-sky: #e0f2fe;position:relative;background:radial-gradient(circle at top left, #eff6ff 0%, #ffffff 45%, #f8fafc 100%);overflow:hidden;min-height:100vh}.glossary-index::before,.glossary-index::after{content:"";position:absolute;border-radius:999px;filter:blur(0.5px);opacity:.6;z-index:0}.glossary-index::before{width:380px;height:380px;top:-120px;right:-120px;background:radial-gradient(circle, rgba(37, 99, 235, 0.35), transparent 70%);animation:float-slow 10s ease-in-out infinite}.glossary-index::after{width:420px;height:420px;bottom:-180px;left:-140px;background:radial-gradient(circle, rgba(37, 99, 235, 0.22), transparent 70%);animation:float-slow 12s ease-in-out infinite reverse}.glossary-index__inner{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:56px 20px 80px}.glossary-index__hero{display:grid;grid-template-columns:minmax(0, 1.1fr) minmax(0, 0.9fr);gap:28px;align-items:center;margin-bottom:32px}.glossary-index__hero-content{display:flex;flex-direction:column;gap:12px}.glossary-index__eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.2em;color:var(--article-blue);font-weight:700}.glossary-index__title{font-size:2.6rem;font-weight:800;margin:0;color:var(--article-ink);line-height:1.2}.glossary-index__subtitle{color:var(--article-ink-soft);font-size:1rem;line-height:1.7;margin:0}.glossary-index__hero-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.glossary-index__chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #bfdbfe;font-size:.85rem;font-weight:700;color:#1e40af}.glossary-index__hero-panel{background:#fff;border-radius:22px;padding:22px 24px;border:1px solid #e2e8f0;box-shadow:0 18px 32px rgba(15,23,42,.1);display:flex;flex-direction:column;gap:12px}.glossary-index__hero-panel-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:#94a3b8;margin:0}.glossary-index__hero-panel-hint{color:var(--article-ink-soft);font-size:.85rem;margin:0;line-height:1.6}.glossary-index__search-status{display:flex;align-items:center;gap:12px;font-size:.88rem;color:var(--article-ink);font-weight:600}.glossary-search{display:flex;gap:8px}.glossary-search__input{flex:1;padding:12px 16px;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.95rem;background:#f8fafc;transition:border-color .15s,box-shadow .15s,background .15s}.glossary-search__input:focus{outline:none;border-color:var(--article-blue);background:#fff;box-shadow:0 4px 16px rgba(37,99,235,.12)}.glossary-search__button{padding:12px 20px;background:#0f172a;color:#fff;border:none;border-radius:10px;font-size:.88rem;font-weight:700;cursor:pointer;transition:opacity .15s;white-space:nowrap}.glossary-search__button:hover{opacity:.88}.glossary-search__clear{color:var(--article-blue);font-size:.85rem;text-decoration:none;font-weight:600}.glossary-search__clear:hover{text-decoration:underline}.glossary-index__nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:36px;padding:20px 24px;background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 8px 20px rgba(15,23,42,.05)}.glossary-index__nav-link{display:inline-block;padding:8px 16px;border-radius:999px;font-size:.88rem;font-weight:700;text-decoration:none;color:var(--article-blue);background:var(--article-sky);transition:all .2s ease;border:1.5px solid rgba(0,0,0,0)}.glossary-index__nav-link:hover{background:var(--article-blue);color:#fff;box-shadow:0 4px 12px rgba(37,99,235,.25);transform:translateY(-1px)}.glossary-index__nav-link--disabled{color:#cbd5e1;background:#f8fafc;cursor:default;pointer-events:none;border-color:#f1f5f9}.glossary-index__empty{text-align:center;padding:64px 20px;color:var(--article-ink-soft);font-size:1.05rem;background:#fff;border-radius:18px;border:1px solid #e2e8f0;box-shadow:0 8px 20px rgba(15,23,42,.05)}.glossary-index__list{display:flex;flex-direction:column;gap:36px}.glossary-index__group{animation:fade-rise .5s ease both}.glossary-index__group:nth-child(2){animation-delay:.05s}.glossary-index__group:nth-child(3){animation-delay:.1s}.glossary-index__group:nth-child(4){animation-delay:.15s}.glossary-index__group:nth-child(5){animation-delay:.2s}.glossary-index__group-title{font-size:1.4rem;font-weight:800;color:var(--article-ink);margin:0 0 16px;padding-bottom:10px;border-bottom:3px solid var(--article-blue);display:inline-block;letter-spacing:.04em}.glossary-index__terms{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;background:#fff;border-radius:18px;border:1px solid #e2e8f0;box-shadow:0 16px 28px rgba(15,23,42,.08);overflow:hidden}.glossary-index__term{padding:16px 24px;border-bottom:1px solid #f1f5f9;transition:background .15s}.glossary-index__term:last-child{border-bottom:none}.glossary-index__term:hover{background:#fafbff}.glossary-index__term-main{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.glossary-index__term-link{font-size:1.02rem;font-weight:700;color:var(--article-ink);text-decoration:none;transition:color .15s;line-height:1.5}.glossary-index__term-link:hover{color:var(--article-blue)}.glossary-index__term-category{font-size:.72rem;font-weight:700;color:var(--article-blue);background:var(--article-sky);padding:3px 12px;border-radius:999px;letter-spacing:.02em;white-space:nowrap}.glossary-index__term-summary{margin:6px 0 0;font-size:.88rem;color:var(--article-ink-soft);line-height:1.7}@media(max-width: 720px){.glossary-index__hero{grid-template-columns:1fr;gap:20px}.glossary-index__title{font-size:1.8rem}.glossary-index__inner{padding:32px 16px 60px}.glossary-index__nav{gap:5px;padding:14px 16px;border-radius:12px}.glossary-index__nav-link{padding:6px 12px;font-size:.8rem}.glossary-index__hero-panel{border-radius:16px;padding:18px 16px}.glossary-index__term{padding:14px 16px}.glossary-index__terms{border-radius:12px}.glossary-index__group-title{font-size:1.2rem}}.error-page{padding:4rem 1.5rem;min-height:calc(100vh - 160px);display:grid;place-items:center;background:radial-gradient(circle at top, #f8fafc 0%, #e2e8f0 60%, #cbd5e1 100%)}.error-card{width:min(720px,100%);background:#fff;border:1px solid var(--border-light);border-radius:.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.2);padding:3rem;display:grid;gap:1.5rem}.error-card__code{font-size:2.25rem;font-weight:700;color:var(--primary-red);letter-spacing:.08em}.error-card__title{font-size:1.75rem;font-weight:700;color:var(--text-primary)}.error-card__message{color:var(--text-secondary);line-height:1.75}.error-card__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.error-card__button{border:1px solid var(--border-default);border-radius:999px;padding:10px 18px;text-decoration:none;color:var(--text-primary);font-weight:500;transition:transform .15s ease,box-shadow .15s ease}.error-card__button:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(15,23,42,.15)}.error-card__button--primary{background:linear-gradient(135deg, #1e40af 0%, #0b1f3a 100%);color:#fff;border-color:rgba(0,0,0,0)}@media(max-width: 640px){.error-card{padding:2rem}}.static-policy{display:flex;flex-direction:column;gap:32px;margin-top:24px}.static-policy__section{display:flex;flex-direction:column;gap:12px}.static-policy__heading{font-size:1.15rem;font-weight:700;color:#1e3a8a;padding-bottom:8px;border-bottom:2px solid #e2e8f0}.static-policy__text{color:#374151;line-height:1.8}.static-policy__list{color:#374151;line-height:1.8;padding-left:1.5em;display:flex;flex-direction:column;gap:8px}.static-policy__list li{list-style-type:disc}.static-policy__list--nested{margin-top:8px;padding-left:1.5em}.static-policy__list--nested li{list-style-type:circle}.static-policy__footer{margin-top:16px;padding-top:24px;border-top:1px solid #e2e8f0}.static-policy__dates{display:flex;justify-content:flex-end;gap:16px}.static-policy__date{color:#64748b;font-size:.9rem}.static-tokushoho{margin-top:24px}.static-tokushoho__list{display:flex;flex-direction:column;gap:0}.static-tokushoho__item{display:grid;grid-template-columns:200px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid #e2e8f0}@media(max-width: 640px){.static-tokushoho__item{grid-template-columns:1fr;gap:8px}}.static-tokushoho__item:last-child{border-bottom:none}.static-tokushoho__term{font-weight:600;color:#1e3a8a;font-size:.95rem}.static-tokushoho__desc{color:#374151;line-height:1.7}.static-tokushoho__desc a{color:#2563eb;text-decoration:underline}.static-tokushoho__desc a:hover{color:#1d4ed8}.learnings-dashboard{min-height:100vh;--dash-ink: #0b1f3a;--dash-muted: #56657a;--dash-soft: #94a3b8;--dash-accent: #1d4ed8;--dash-accent-strong: #0f172a;--dash-accent-cool: #0ea5e9;--dash-surface: rgba(255, 255, 255, 0.92);--dash-surface-strong: #ffffff;--dash-border: rgba(15, 23, 42, 0.12);--dash-shadow: 0 18px 34px rgba(15, 23, 42, 0.08);background:radial-gradient(1200px 420px at 10% -10%, rgba(14, 165, 233, 0.18), rgba(255, 255, 255, 0) 60%),radial-gradient(900px 480px at 90% 0%, rgba(29, 78, 216, 0.14), rgba(255, 255, 255, 0) 65%),linear-gradient(180deg, #f1f5ff 0%, #f8fafc 55%, #ffffff 100%);color:var(--dash-ink);position:relative;overflow:hidden}.learnings-hero{background:linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(239, 246, 255, 0.92));border-bottom:1px solid rgba(148,163,184,.25);padding:36px 0 28px;position:relative;overflow:hidden}.learnings-hero::before{content:"";position:absolute;top:-36px;right:-120px;width:340px;height:210px;background:linear-gradient(130deg, rgba(29, 78, 216, 0.18), rgba(14, 165, 233, 0.06));transform:skewX(-10deg);border-radius:32px}.learnings-hero::after{content:"";position:absolute;bottom:-110px;left:-70px;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle at 30% 30%, rgba(14, 165, 233, 0.18), rgba(59, 130, 246, 0.02) 65%)}.learnings-hero__inner{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.learnings-hero__inner{padding:0 1rem}}@media(min-width: 1024px){.learnings-hero__inner{padding:0 .5rem}}.learnings-hero__inner{display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:1}@media(max-width: 767px){.learnings-hero__inner{flex-direction:column;align-items:flex-start}}.learnings-hero__text{max-width:560px}.learnings-hero__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:700;color:var(--dash-accent);margin-bottom:10px}.learnings-hero__title{font-size:2.1rem;font-weight:800;color:var(--dash-ink);margin:0 0 8px 0}.learnings-hero__subtitle{color:var(--dash-muted);font-size:1rem;margin:0 0 14px 0}.learnings-hero__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.learnings-hero__cta{box-shadow:0 10px 20px rgba(30,64,175,.18)}.learnings-hero__ghost{border-color:#bfdbfe}.learnings-hero__panel{background:hsla(0,0%,100%,.92);border:1px solid rgba(148,163,184,.28);border-radius:20px;padding:18px 22px;min-width:240px;box-shadow:var(--dash-shadow);display:flex;flex-direction:column;gap:8px}.learnings-hero__panel[hidden]{display:none}@media(max-width: 767px){.learnings-hero__panel{width:100%}}.learnings-hero__panel-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:var(--dash-soft);font-weight:700}.learnings-hero__panel-title{font-size:1.1rem;font-weight:800;color:var(--dash-accent-strong)}.learnings-hero__panel-text{color:var(--dash-muted);font-size:.92rem;margin:0}.learnings-hero__panel-cta{align-self:flex-start;padding:8px 14px;font-size:.95rem}.learnings-hero__panel-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.learnings-hero__panel-cta--primary{background:var(--dash-accent);color:#fff;border-color:var(--dash-accent)}.learnings-hero__panel-cta--primary:hover{background:#1e40af;border-color:#1e40af}.dashboard-section{display:flex;flex-direction:column;gap:12px;padding:20px 0;border-top:1px solid rgba(148,163,184,.18);background:rgba(0,0,0,0);box-shadow:none;position:relative;overflow:hidden}.dashboard-section__header{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-section__title{font-size:1.1rem;font-weight:800;color:var(--dash-ink);margin:0}@media(max-width: 767px){.dashboard-section{gap:8px;padding:14px 0}.dashboard-section__title{font-size:.95rem}.dashboard-section__meta{font-size:.78rem}}.usage-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px}@media(max-width: 767px){.usage-grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px}}.usage-card{background:var(--dash-surface-strong);border:1px solid rgba(148,163,184,.25);border-radius:16px;padding:16px;box-shadow:0 12px 22px rgba(15,23,42,.08)}.usage-card__label{font-size:.85rem;font-weight:700;color:var(--dash-soft);margin-bottom:6px}.usage-card__value{font-size:1.2rem;font-weight:800;color:var(--dash-ink)}.usage-card__unit{font-size:.9rem;color:var(--dash-soft);margin-left:6px}.usage-card__meta{margin:6px 0 0;color:var(--dash-muted)}@media(max-width: 767px){.usage-card{padding:10px;border-radius:12px}.usage-card__label{font-size:.75rem}.usage-card__value{font-size:1rem}.usage-card__unit{font-size:.78rem}.usage-card__meta{font-size:.78rem}}.usage-actions{display:flex;gap:12px;flex-wrap:wrap}.dashboard-section__meta{font-size:.85rem;font-weight:700;color:var(--dash-muted)}.dashboard-section--chart{border-top:none;padding:12px 0 16px;border-bottom:1px solid rgba(148,163,184,.18)}.dashboard-section--chart .dashboard-section__header{flex-wrap:wrap;gap:12px}.dashboard-section__subtitle{font-size:.85rem;color:var(--dash-soft);margin:4px 0 0;font-weight:500}.weekly-chart__stats{text-align:right}.weekly-chart__controls{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.weekly-chart__ranges{display:inline-flex;align-items:center;gap:6px;padding:4px;border-radius:999px;background:rgba(148,163,184,.12)}.weekly-chart__range-btn{border:none;background:rgba(0,0,0,0);color:var(--dash-soft);font-weight:700;font-size:.76rem;padding:5px 10px;border-radius:999px;transition:all .2s ease}.weekly-chart__range-btn.is-active{background:#fff;color:var(--dash-accent);box-shadow:0 6px 14px rgba(15,23,42,.12)}.weekly-chart__range-btn:hover{color:var(--dash-accent)}.weekly-chart__range-label{font-size:.76rem;font-weight:700;color:var(--dash-muted);padding:3px 8px;border-radius:999px;background:rgba(226,232,240,.6)}.weekly-chart__section-label{font-size:.75rem;font-weight:700;color:var(--dash-muted);margin:8px 0 4px}.weekly-chart__stat{display:flex;align-items:baseline;justify-content:flex-end;gap:4px}.weekly-chart__stat-value{font-size:2rem;font-weight:800;color:var(--dash-accent);line-height:1}.weekly-chart__stat-unit{font-size:1rem;font-weight:700;color:var(--dash-accent)}.weekly-chart__stat-label{font-size:.75rem;font-weight:600;color:var(--dash-soft);text-transform:uppercase;letter-spacing:.08em}.weekly-chart__container{position:relative;height:180px;margin:12px 0 10px;background:linear-gradient(180deg, rgba(241, 245, 255, 0.5) 0%, transparent 100%);border-radius:12px;padding:6px}.weekly-chart__container canvas{width:100% !important;height:100% !important}.weekly-chart__empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--dash-soft);font-size:.85rem;font-weight:600;background:rgba(248,250,252,.85);border-radius:12px;letter-spacing:.04em}.weekly-chart__empty[hidden]{display:none}.weekly-chart__container--secondary{height:200px;margin-top:8px}.weekly-chart__footer{display:flex;justify-content:center;gap:20px;padding-top:6px}.weekly-chart__footer-item{font-size:.8rem;font-weight:600;color:var(--dash-muted);display:flex;align-items:center;gap:6px}.weekly-chart__footer-item::before{content:"";width:8px;height:8px;border-radius:2px;background:linear-gradient(135deg, #1d4ed8, #0ea5e9)}@media(max-width: 767px){.weekly-chart__container{height:150px;margin:10px 0 6px}.weekly-chart__controls{justify-content:flex-start}.weekly-chart__range-btn{font-size:.72rem}.weekly-chart__container--secondary{height:180px}.weekly-chart__stat-value{font-size:1.6rem}.weekly-chart__footer{gap:16px}.weekly-chart__footer-item{font-size:.75rem}}.dashboard-section--summary{border-top:none}.dashboard-section--summary,.dashboard-section--resume{padding:14px 0 18px;background:rgba(0,0,0,0);border-left:none;border-top:none;border-bottom:1px solid rgba(148,163,184,.18)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:14px}.summary-card{background:rgba(0,0,0,0);border-radius:0;padding:10px 0 10px 14px;border:none;box-shadow:none;display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;border-left:1px solid rgba(148,163,184,.2)}.summary-card:first-child{border-left:none;padding-left:0}.summary-card--accent{background:rgba(0,0,0,0)}.summary-card__label{font-size:.95rem;font-weight:800;color:#0f172a}.summary-card__value{font-size:1.9rem;font-weight:800;color:#0f172a;display:flex;align-items:baseline;gap:6px}.summary-card__unit{font-size:1.05rem;font-weight:700;color:#0f172a}@media(max-width: 767px){.summary-grid{grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px}.summary-card{padding:8px 0 8px 10px;gap:4px}.summary-card__label{font-size:.85rem}.summary-card__value{font-size:1.4rem}.summary-card__unit{font-size:.9rem}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:28px}.dashboard-card{background:rgba(0,0,0,0);border:none;border-top:1px solid rgba(148,163,184,.28);border-radius:0;padding:18px 0 0;box-shadow:none;display:flex;flex-direction:column;gap:14px;position:relative;overflow:hidden}.dashboard-card::before{content:none}.dashboard-card--muted{background:rgba(0,0,0,0);border-top-style:dashed;color:var(--dash-muted)}.dashboard-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dashboard-card__eyebrow{font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--dash-soft)}.dashboard-card__title{font-size:1.2rem;font-weight:800;color:var(--dash-ink);margin:6px 0 0 0}.dashboard-card__badge{font-size:.75rem;font-weight:700;padding:6px 10px;border-radius:999px;background:rgba(29,78,216,.12);color:#1e3a8a;border:1px solid rgba(29,78,216,.2)}.dashboard-card__badge--accent{background:rgba(14,165,233,.16);color:#0e7490;border:1px solid rgba(14,165,233,.28)}.dashboard-card__body{display:flex;flex-direction:column;gap:12px}.dashboard-card__row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 0;border-top:1px solid rgba(148,163,184,.18)}.dashboard-card__row:first-child{border-top:none;padding-top:0}.dashboard-card__row--link{width:100%;text-align:left;background:rgba(0,0,0,0);border:none;cursor:pointer;transition:background .2s ease,transform .2s ease;padding:10px 6px;border-radius:10px}.dashboard-card__row--link:hover{background:rgba(15,23,42,.04);transform:translateY(-1px)}.dashboard-card__arrow{font-size:1rem;color:var(--dash-soft)}.dashboard-card__name{font-weight:700;color:var(--dash-ink)}.dashboard-card__desc{color:var(--dash-muted);font-size:.92rem}.resume-list{display:flex;flex-direction:column;gap:12px;margin-top:0}.resume-item{display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:16px;padding:16px 0;border-radius:0;border:none;background:rgba(0,0,0,0);box-shadow:none;border-top:1px solid rgba(148,163,184,.2);transition:background .2s ease}.resume-item:first-child{border-top:none;padding-top:6px}.resume-item:hover{background:rgba(15,23,42,.02)}.resume-item:last-child{border-bottom:none}.resume-item__subject{font-weight:800;color:#1e3a8a;font-size:1.1rem}.resume-item__content{display:flex;flex-direction:column;gap:8px}.resume-item__detail{color:var(--dash-ink);font-size:1.12rem}.resume-item__progress{display:flex;align-items:center;gap:12px}.resume-item__progress-bar{flex:1;height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden}.resume-item__progress-bar span{display:block;height:100%;background:linear-gradient(90deg, #1e40af, #60a5fa);border-radius:999px}.resume-item__progress-label{font-size:.92rem;color:var(--dash-muted);min-width:72px;text-align:right}.resume-item__action{color:#1e40af;font-weight:800;text-decoration:none;padding:10px 18px;border:1px solid rgba(29,78,216,.35);border-radius:999px;background:#1e40af;font-size:1.02rem;color:#fff;box-shadow:none}.resume-item__action:hover{background:#1d4ed8;border-color:rgba(147,197,253,.6);transform:translateY(-1px)}.resume-item.is-disabled{opacity:.6}.resume-item.is-disabled .resume-item__action{border-color:#e2e8f0;background:#f8fafc;color:#94a3b8}@media(max-width: 767px){.resume-item{display:grid;grid-template-columns:1fr auto;grid-template-areas:"subject subject" "detail action" "progress progress";gap:6px 10px;padding:8px 0}.resume-item__content{display:contents}.resume-item__subject{grid-area:subject;font-size:.95rem}.resume-item__detail{grid-area:detail;font-size:.9rem;align-self:center;padding-right:6px}.resume-item__progress{grid-area:progress;flex-direction:column;align-items:stretch;gap:4px}.resume-item__progress-bar{height:6px}.resume-item__progress-label{min-width:0;text-align:center}.resume-item__action{grid-area:action;justify-self:end;width:auto;text-align:center;padding:8px 12px;font-size:.92rem}}.dashboard-main{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.dashboard-main{padding:0 1rem}}@media(min-width: 1024px){.dashboard-main{padding:0 .5rem}}.dashboard-main{padding:36px 0 80px}@media(max-width: 767px){.dashboard-main{padding:16px 0 32px;padding-left:0;padding-right:0}}.dashboard-split{display:grid;grid-template-columns:minmax(220px, 280px) minmax(0, 1fr);gap:24px;align-items:start}@media(max-width: 767px){.dashboard-split{grid-template-columns:1fr;gap:16px;margin-top:0;padding:0 12px}}.dashboard-menu{position:sticky;top:120px;max-height:none;overflow:visible;background:hsla(0,0%,100%,.92);border:1px solid rgba(148,163,184,.25);border-radius:18px;padding:16px;box-shadow:0 16px 28px rgba(15,23,42,.08)}@media(max-width: 767px){.dashboard-menu{position:sticky;top:10px;max-height:none;padding:0;border-radius:0;box-shadow:none;background:rgba(0,0,0,0);border:none;z-index:2}}.dashboard-menu__title{font-size:1.05rem;font-weight:800;color:var(--dash-ink);margin-bottom:12px}.dashboard-menu__group{display:flex;flex-direction:column;gap:8px}.dashboard-menu__group:not(:last-child){padding-bottom:12px;margin-bottom:12px;border-bottom:1px dashed #e2e8f0}.dashboard-menu__label{font-size:.8rem;font-weight:700;color:var(--dash-muted);text-transform:uppercase;letter-spacing:.08em}.dashboard-menu__item{position:relative;text-align:left;display:block;width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,0);background:rgba(248,250,252,.95);color:var(--dash-ink);text-decoration:none;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease;appearance:none}.dashboard-menu__item:hover{border-color:rgba(59,130,246,.35);background:rgba(239,246,255,.95);color:#1e3a8a}.dashboard-menu__item.is-active{background:#1e40af;color:#fff;border-color:#1e40af;box-shadow:0 10px 18px rgba(30,64,175,.2)}.dashboard-menu__item.is-disabled{background:#f8fafc;color:#9ca3af;cursor:not-allowed;border-color:rgba(0,0,0,0)}.dashboard-menu__label-full{display:inline}.dashboard-menu__label-short{display:none}.dashboard-menu__desktop{display:block}.dashboard-menu__mobile{border:none;padding:0;margin:0;display:none}.dashboard-menu__mobile-trigger{display:none;list-style:none;align-items:center;justify-content:space-between;gap:12px;width:100%;border:1px solid rgba(148,163,184,.35);border-radius:12px;padding:10px 12px;background:hsla(0,0%,100%,.95);color:var(--dash-ink);font-weight:700;font-size:.9rem;cursor:pointer;box-shadow:0 10px 18px rgba(15,23,42,.06)}.dashboard-menu__mobile-trigger::-webkit-details-marker{display:none}.dashboard-menu__mobile-trigger::marker{content:""}.dashboard-menu__mobile-caret{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);flex-shrink:0;transition:transform .2s ease}.dashboard-menu__content{display:block}.dashboard-menu__modal{display:block}@media(max-width: 767px){.dashboard-menu__title{display:none}.dashboard-menu__group{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:6px}.dashboard-menu__group:not(:last-child){padding-bottom:8px;margin-bottom:8px;border-bottom:1px dashed rgba(148,163,184,.25)}.dashboard-menu__label{grid-column:1/-1;margin-bottom:2px;font-size:.7rem;letter-spacing:.12em}.dashboard-menu__item{padding:6px 8px;border-radius:8px;font-size:.78rem;line-height:1.15;min-height:32px;text-align:center;white-space:normal}.dashboard-menu__label-full{display:inline}.dashboard-menu__label-short{display:none}.dashboard-menu__mobile-trigger{display:flex;position:sticky;top:10px;z-index:3}.dashboard-menu__desktop{display:none}.dashboard-menu__mobile{display:block}.dashboard-menu__content{display:none}.dashboard-menu__mobile[open] .dashboard-menu__mobile-caret{transform:rotate(-135deg)}.dashboard-menu__mobile[open] .dashboard-menu__mobile-trigger{position:fixed;top:12px;left:16px;right:16px;z-index:1201;box-shadow:0 14px 28px rgba(15,23,42,.2)}.dashboard-menu__mobile[open] .dashboard-menu__content{display:block;position:fixed;inset:0;padding:72px 16px 24px;background:rgba(15,23,42,.45);z-index:1200;display:flex;align-items:center;justify-content:center}.dashboard-menu__modal{background:#fff;border-radius:16px;padding:12px;max-height:calc(100vh - 120px);width:min(520px,100%);overflow-y:auto;box-shadow:0 16px 30px rgba(15,23,42,.2)}}.dashboard-detail{min-width:0;display:flex;flex-direction:column;gap:18px;padding:6px 0 36px}.dashboard-panel{display:none;background:#fff;border-radius:14px;border:1px solid rgba(148,163,184,.2);padding:24px 28px;box-shadow:0 10px 24px rgba(15,23,42,.06);position:relative}.dashboard-panel.is-active{display:block}.dashboard-panel__header{margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid rgba(148,163,184,.2)}.dashboard-panel__eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--dash-soft);margin-bottom:6px}.dashboard-panel__title{font-size:1.8rem;font-weight:800;color:var(--dash-ink);margin-bottom:6px}.dashboard-panel__subtitle{color:var(--dash-muted);font-size:1rem}.dashboard-panel__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:0;justify-content:flex-end}.dashboard-panel__body{display:flex;flex-direction:column;gap:18px}.dashboard-panel__top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.drill-selector{display:flex;flex-direction:column;gap:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:20px 22px}.drill-selector.is-disabled{background:#f1f5f9;border-color:#e2e8f0}.drill-selector--settings{background:rgba(0,0,0,0);border:none;padding:0;gap:20px}.drill-selector--settings.is-disabled{background:rgba(0,0,0,0);border:none}.drill-selector__field{display:flex;flex-direction:column;gap:8px}.drill-selector__label{font-size:.95rem;font-weight:700;color:#1e293b}.drill-selector__control{position:relative}.drill-selector__select{width:100%;border:1px solid #cbd5f5;border-radius:12px;padding:10px 12px;background:#fff;font-size:1rem;font-weight:600;color:#0f172a}@media(max-width: 767px){.drill-selector__select{font-size:16px}}.drill-selector__select--hidden{position:absolute;opacity:0;pointer-events:none;height:0;width:0}.drill-selector__dropdown{position:relative}.drill-selector__trigger{width:100%;text-align:left;border:1px solid #cbd5f5;border-radius:12px;padding:10px 12px;background:#fff;font-size:1rem;font-weight:600;color:#0f172a;cursor:pointer;position:relative}.drill-selector__trigger::after{content:"";position:absolute;right:12px;top:50%;width:8px;height:8px;border-right:2px solid #475569;border-bottom:2px solid #475569;transform:translateY(-50%) rotate(45deg);transition:transform .2s ease}.drill-selector__dropdown.is-open .drill-selector__trigger::after{transform:translateY(-70%) rotate(-135deg)}.drill-selector__menu{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:6px;box-shadow:0 16px 28px rgba(15,23,42,.12);max-height:360px;overflow-y:auto;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease;z-index:5}.drill-selector__dropdown.is-open .drill-selector__menu{opacity:1;pointer-events:auto;transform:translateY(0)}.drill-selector__option{width:100%;text-align:left;border:none;background:rgba(0,0,0,0);padding:8px 10px;border-radius:8px;font-weight:600;color:#0f172a;cursor:pointer}.drill-selector__option:hover{background:#eff6ff;color:#1d4ed8}.drill-selector__select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.16)}.drill-selector__options{display:flex;flex-direction:column;gap:6px}.drill-selector__mode-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.drill-selector__mode-label{font-weight:800;color:#1e293b}.mode-picker{position:relative}.mode-picker__trigger{width:auto;border-radius:999px;padding:9px 78px 9px 14px;background:#fff;border-color:rgba(59,130,246,.32);font-weight:900;box-shadow:0 10px 18px rgba(30,64,175,.12);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.mode-picker__trigger::after{content:"変更";position:absolute;right:10px;top:50%;width:auto;height:auto;transform:translateY(-50%);padding:4px 10px;border-radius:999px;background:hsla(0,0%,100%,.9);border:1px solid rgba(148,163,184,.45);color:#1e3a8a;font-size:.78rem;font-weight:900;letter-spacing:.02em;line-height:1}.mode-picker__trigger:hover{transform:translateY(-1px);background:#f8fafc;box-shadow:0 16px 28px rgba(30,64,175,.18)}.mode-picker.is-open .mode-picker__trigger{box-shadow:0 0 0 3px rgba(37,99,235,.14),0 18px 30px rgba(15,23,42,.12)}.mode-picker.is-open .mode-picker__trigger::after{background:rgba(219,234,254,.92);border-color:rgba(59,130,246,.35)}.mode-picker__menu{left:0;right:auto;max-width:320px;position:absolute;top:calc(100% + 10px);padding:10px;border-radius:18px;background:hsla(0,0%,100%,.92);border:1px solid rgba(148,163,184,.32);box-shadow:0 28px 70px rgba(15,23,42,.18);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:0;pointer-events:none;transform:translateY(8px) scale(0.98);transition:opacity .18s ease,transform .18s ease;z-index:10;display:flex;flex-wrap:wrap;gap:8px}.mode-picker__menu::before{content:"";position:absolute;top:-7px;left:24px;width:14px;height:14px;background:hsla(0,0%,100%,.92);border-left:1px solid rgba(148,163,184,.32);border-top:1px solid rgba(148,163,184,.32);transform:rotate(45deg)}.mode-picker.is-open .mode-picker__menu{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.mode-picker__option{width:auto;text-align:center;border:1px solid rgba(148,163,184,.28);background:rgba(248,250,252,.65);padding:9px 14px;border-radius:999px;font-weight:900;color:#0f172a;cursor:pointer;transition:transform 160ms ease,border-color 160ms ease,background 160ms ease;white-space:nowrap}.mode-picker__option:hover{transform:translateY(-1px);border-color:rgba(59,130,246,.35);background:rgba(239,246,255,.85);color:#1e3a8a}.drill-selector__mode{display:flex;flex-wrap:wrap;gap:10px 16px}.drill-selector__meta-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px;align-items:stretch;width:100%}.drill-metric{padding:10px 12px;border:1px solid rgba(148,163,184,.3);border-radius:14px;background:hsla(0,0%,100%,.92);box-shadow:0 10px 22px rgba(15,23,42,.06)}.drill-metric__label{font-size:.78rem;font-weight:800;color:#64748b;letter-spacing:.02em}.drill-metric__value{margin-top:2px;font-size:1.05rem;font-weight:950;color:#0f172a}.drill-recent{margin-top:18px;padding:14px 14px 12px;border:1px solid #e2e8f0;border-radius:16px;background:linear-gradient(180deg, rgba(239, 246, 255, 0.6) 0%, rgb(255, 255, 255) 70%)}.drill-recent__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.drill-recent__title{margin:0;font-size:1rem;font-weight:800;color:#0f172a}.drill-recent__list{display:flex;flex-direction:column;gap:10px}.drill-recent__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;border:1px solid rgba(148,163,184,.28);background:hsla(0,0%,100%,.9);color:inherit;text-decoration:none;transition:transform 160ms ease,box-shadow 160ms ease,border-color 160ms ease}.drill-recent__item:hover{transform:translateY(-1px);border-color:rgba(37,99,235,.38);box-shadow:0 12px 28px rgba(15,23,42,.12)}.drill-recent__item--disabled{opacity:.72;cursor:default}.drill-recent__item--disabled:hover{transform:none;box-shadow:none;border-color:rgba(148,163,184,.28)}.drill-recent__chapter{font-weight:800;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drill-recent__meta{margin-top:2px;font-size:.86rem;color:#64748b;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drill-recent__score{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:76px}.drill-recent__score-label{font-size:.75rem;font-weight:850;color:#64748b;letter-spacing:.02em}.drill-recent__score-value{font-weight:950;color:#1d4ed8;letter-spacing:.02em}.drill-recent__main{flex:1;min-width:0}.drill-recent__empty{padding:12px;border-radius:14px;border:1px dashed rgba(148,163,184,.6);background:hsla(0,0%,100%,.6);color:#64748b;font-weight:650}.drill-selector__toggle{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:#1e293b}.drill-selector__toggle input{width:18px;height:18px}.drill-selector__hint{margin:0;color:#64748b;font-size:.9rem}.drill-selector__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.drill-selector.is-disabled .drill-selector__actions,.drill-selector--settings.is-disabled .settings-form__actions{padding:12px 14px;border-radius:12px;background:#eef2f7;border:1px dashed #cbd5f5}.drill-selector__empty{padding:14px 16px;border-radius:12px;border:1px dashed #cbd5f5;background:#eef2f7;color:#64748b}.drill-selector__empty-title{font-weight:700;color:#475569}.drill-selector__empty-desc{font-size:.92rem;margin-top:4px}.drill-selector__subtle{color:#94a3b8;border-color:#e2e8f0}.drill-selector__subtle:hover{color:#64748b;border-color:#cbd5f5}.dashboard-grid{display:flex;flex-direction:column;gap:32px}.subjects-list{display:flex;flex-direction:column;gap:28px}.subject-section{border-top:2px solid #dbeafe;padding-top:24px;padding-bottom:16px}.subject-section:first-child{border-top:none;padding-top:0}.subject-header{display:flex;align-items:center;margin-bottom:16px}.subject-title{font-size:2.2rem;font-weight:800;color:#0b1f3a;margin:0}.subject-body{display:flex;flex-direction:column;gap:20px}.activity-group{display:flex;flex-direction:column;gap:12px}.activity-group__title{font-size:1.32rem;font-weight:800;color:#1e3a8a;position:relative;padding-left:14px;letter-spacing:.01em}.activity-group__title::before{content:"";position:absolute;left:0;top:4px;width:4px;height:18px;border-radius:999px;background:#1e40af}.activity-row{display:grid;grid-template-columns:minmax(0, 1fr) 90px auto;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid #e2e8f0;transition:background .2s ease,transform .2s ease}.activity-row--available:hover{background:#f8fafc;transform:translateY(-1px)}.activity-row__info{display:flex;flex-direction:column;gap:4px}.activity-row__name{font-weight:800;color:#0b1f3a;font-size:1.18rem}.activity-row__desc{color:#475569;font-size:1.05rem}.activity-row__meta{color:#475569;font-size:1.02rem;text-align:right}.activity-row__actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.activity-row.is-disabled{opacity:.6;pointer-events:none}.activity-row--clickable{border:1px solid #e2e8f0;border-radius:14px;padding:16px;background:#f8fafc;cursor:pointer;margin-bottom:10px;border-bottom:none}.activity-row--clickable:hover{background:#eff6ff;box-shadow:0 10px 20px rgba(30,64,175,.1)}.activity-row--clickable.activity-row--step{padding-left:20px}.activity-row--clickable.activity-row--step::before{left:10px;top:24px;bottom:24px}.activity-row__step-badge{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;font-weight:800;color:#1e40af;background:#e0e7ff;padding:4px 10px;border-radius:999px;width:fit-content}.activity-row--step{position:relative;padding-left:16px}.activity-row--step::before{content:"";position:absolute;left:4px;top:20px;bottom:20px;width:2px;background:#c7d2fe;border-radius:999px}.action-btn{border:1px solid #c7d2fe;background:#1e40af;color:#fff;padding:9px 16px;border-radius:8px;font-weight:800;font-size:1.02rem;text-decoration:none;cursor:pointer;transition:background .2s ease,transform .2s ease}.action-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.action-btn--ghost{background:#fff;color:#1e40af}.learnings-dashboard .action-btn{border-radius:999px;padding:10px 18px;border:1px solid rgba(59,130,246,.35);box-shadow:0 10px 18px rgba(30,64,175,.15)}.learnings-dashboard .action-btn:disabled{background:#e2e8f0;border-color:#e2e8f0;color:#94a3b8;box-shadow:none;cursor:not-allowed}.learnings-dashboard .action-btn--ghost{background:hsla(0,0%,100%,.95);color:#1e3a8a;box-shadow:none}.learnings-dashboard .action-btn--ghost:hover{background:rgba(239,246,255,.95)}.learnings-dashboard .action-btn--compact{padding:8px 14px;font-size:.95rem}@media(max-width: 720px){.drill-selector__meta-grid{grid-template-columns:1fr}.drill-recent__score{min-width:64px}}.dashboard-panel.is-active{animation:dashboard-panel-in .45s ease}.dashboard-panel.is-active .dashboard-section,.dashboard-panel.is-active .dashboard-card,.dashboard-panel.is-active .resume-item,.dashboard-panel.is-active .summary-card{animation:dashboard-rise .5s ease both}.dashboard-panel.is-active .summary-card:nth-child(2){animation-delay:.04s}.dashboard-panel.is-active .summary-card:nth-child(3){animation-delay:.08s}.dashboard-panel.is-active .dashboard-card:nth-child(2){animation-delay:.05s}.dashboard-panel.is-active .dashboard-card:nth-child(3){animation-delay:.1s}.dashboard-panel.is-active .dashboard-card:nth-child(4){animation-delay:.15s}@keyframes dashboard-panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dashboard-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion: reduce){.dashboard-panel.is-active,.dashboard-panel.is-active .dashboard-section,.dashboard-panel.is-active .dashboard-card,.dashboard-panel.is-active .resume-item,.dashboard-panel.is-active .summary-card{animation:none}}.chapter-accordion{margin-top:12px;opacity:0;transform:translateY(-10px);transition:all .3s ease;border:1px solid #e2e8f0;border-radius:12px;background:#fff;padding:14px;box-shadow:0 12px 24px rgba(15,23,42,.08)}.chapter-accordion__header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:8px 6px 14px}.chapter-accordion__title{font-size:1.12rem;font-weight:800;color:#0b1f3a}.chapter-accordion__hint{font-size:.95rem;color:#475569}.chapter-columns{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px}@media(max-width: 767px){.chapter-columns{grid-template-columns:1fr}}.chapter-column{border:1px solid #1e40af;border-radius:10px;padding:16px;background:#fff;box-shadow:0 14px 28px rgba(30,64,175,.18);display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.chapter-column::after{content:"";position:absolute;inset:0;border-radius:10px;box-shadow:inset 0 0 0 1px rgba(30,64,175,.2);pointer-events:none}.chapter-column__title{display:flex;align-items:center;justify-content:space-between;font-weight:800;color:#1e40af;font-size:1.2rem;padding-bottom:6px;border-bottom:2px solid #1e40af}.chapter-column__link{font-size:.85rem;color:#1e3a8a;text-decoration:none;padding:4px 10px;border-radius:999px;background:#bfdbfe;border:1px solid #93c5fd}.chapter-column__link:hover{background:#93c5fd;color:#fff}.year-grid{display:flex;flex-direction:column;gap:24px;padding:18px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.year-group-title{font-size:1rem;font-weight:600;color:#374151;margin:0 0 12px 0;padding-bottom:8px;border-bottom:2px solid #e5e7eb}.year-items{display:grid;grid-template-columns:repeat(auto-fill, minmax(92px, 1fr));gap:10px}.year-item{display:flex;flex-direction:column;align-items:center;padding:12px 8px;background:#fff;border:2px solid #e5e7eb;border-radius:8px;text-decoration:none;transition:all .2s ease;cursor:pointer}.year-item:hover{border-color:#3b82f6;background:#eff6ff;transform:translateY(-2px);box-shadow:0 6px 12px rgba(59,130,246,.2)}.year-item--disabled{background:#f9fafb;border-color:#d1d5db;opacity:.5;cursor:not-allowed}.year-item--disabled:hover{border-color:#d1d5db;background:#f9fafb;transform:none;box-shadow:none}.year-item--disabled .year-text{color:#9ca3af}.year-item--disabled .year-full{color:#9ca3af}.year-item .year-text{font-size:1.05rem;font-weight:700;color:#3b82f6;margin-bottom:4px}.year-item .year-full{font-size:.8rem;color:#6b7280;text-align:center}.chapter-list{display:grid;gap:8px;padding:10px;background:#fff;border-radius:8px;border:1px solid #1e40af;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr))}.chapter-item{display:flex;align-items:center;justify-content:flex-start;padding:12px 14px;background:#fff;border-radius:6px;text-decoration:none;border:1px solid #1e40af;transition:all .2s ease}.chapter-item:hover{background:#1e40af;border-color:#1e40af;transform:translateX(4px)}.chapter-item:hover .chapter-title{color:#fff}.chapter-title{color:#1e40af;font-size:1.02rem;font-weight:700;text-align:left}.law-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none;justify-content:center;align-items:center;z-index:1000;backdrop-filter:blur(4px);opacity:0;transition:opacity .3s ease}.law-modal.show{display:flex;opacity:1}.law-modal__content{background:#fff;border-radius:16px;width:90%;max-width:900px;max-height:80vh;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:scale(0.9);transition:transform .3s ease}.law-modal.show .law-modal__content{transform:scale(1)}@media(max-width: 767px){.law-modal__content{width:95%;max-height:85vh}}.law-modal__header{padding:24px;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg, #eff6ff 0%, #f8fafc 100%)}@media(max-width: 767px){.law-modal__header{padding:16px}}.law-modal__title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0;font-family:"Noto Serif JP",serif}@media(max-width: 767px){.law-modal__title{font-size:1.25rem}}.law-modal__close{width:32px;height:32px;border:none;background:#e5e7eb;color:#6b7280;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;transition:all .2s ease}.law-modal__close:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.law-modal__body{padding:24px;max-height:60vh;overflow-y:auto}@media(max-width: 767px){.law-modal__body{padding:16px;max-height:65vh}}.law-modal-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));gap:18px}@media(max-width: 767px){.law-modal-grid{grid-template-columns:1fr;gap:16px}}.law-modal-group{background:var(--dash-surface);border-radius:16px;padding:18px 18px 16px;border:1px solid var(--dash-border);box-shadow:0 12px 22px rgba(15,23,42,.06);position:relative;overflow:hidden}.law-modal-group::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, rgba(29, 78, 216, 0.6), rgba(14, 165, 233, 0.35), rgba(255, 255, 255, 0))}.law-modal-group.is-hidden{display:none}.law-modal-group__title{font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--dash-soft);margin:2px 0 12px 0}.law-modal-items{display:flex;flex-direction:column;gap:8px}.law-list-filter{display:flex;flex-direction:column;gap:12px;margin-bottom:14px}.law-list-filter__search{display:flex;flex-direction:column;gap:8px}.law-list-filter__label{font-size:.78rem;font-weight:700;color:var(--dash-soft);letter-spacing:.08em;text-transform:uppercase}.law-list-filter__input{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border:1px solid var(--dash-border);border-radius:12px;box-shadow:0 10px 18px rgba(15,23,42,.06);transition:border-color .2s ease,box-shadow .2s ease}.law-list-filter__input:focus-within{border-color:rgba(29,78,216,.45);box-shadow:0 0 0 3px rgba(29,78,216,.12)}.law-list-filter__icon{font-size:.9rem;color:var(--dash-soft)}.law-list-filter__field{flex:1;border:none;outline:none;background:rgba(0,0,0,0);font-size:.95rem;font-weight:600;color:var(--dash-ink)}.law-list-filter__field::placeholder{color:var(--dash-soft);font-weight:500}@media(max-width: 767px){.law-list-filter__field{font-size:16px}}.law-list-filter__clear{border:none;background:rgba(148,163,184,.14);color:var(--dash-muted);font-size:.75rem;font-weight:700;padding:6px 10px;border-radius:999px;cursor:pointer;transition:background .2s ease,color .2s ease}.law-list-filter__clear:hover{background:rgba(29,78,216,.15);color:var(--dash-accent)}.law-list-filter__chips{display:flex;flex-wrap:wrap;gap:8px}.law-list-filter__chip{border:1px solid rgba(148,163,184,.4);background:#fff;color:var(--dash-muted);font-size:.75rem;font-weight:700;padding:6px 12px;border-radius:999px;cursor:pointer;position:relative;overflow:hidden;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .2s ease,box-shadow .25s ease}.law-list-filter__chip:hover{transform:translateY(-1px);border-color:rgba(29,78,216,.4);color:var(--dash-accent)}.law-list-filter__chip.is-active{background:rgba(29,78,216,.12);border-color:rgba(29,78,216,.4);color:var(--dash-accent)}.law-list-filter__chip::after{content:"";position:absolute;left:20%;right:20%;bottom:4px;height:2px;border-radius:999px;background:linear-gradient(90deg, rgba(29, 78, 216, 0.7), rgba(14, 165, 233, 0.5));opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease}.law-list-filter__chip.is-active::after{opacity:1;transform:translateY(0)}.law-list-filter__chip--locked{cursor:default;background:rgba(148,163,184,.12);color:var(--dash-soft);border-style:dashed;box-shadow:none}.law-list-filter__chip--locked:hover{transform:none;color:var(--dash-soft);border-color:rgba(148,163,184,.4)}.law-list-filter__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.8rem;color:var(--dash-muted);font-weight:600}.law-list-filter__count strong{color:var(--dash-accent-strong)}.law-list-filter__hint{color:var(--dash-soft)}.law-list-filter__empty{display:none;padding:12px 14px;border-radius:12px;border:1px dashed rgba(148,163,184,.6);color:var(--dash-soft);font-size:.85rem;font-weight:600;background:rgba(248,250,252,.9)}.law-list-filter__empty.is-visible{display:block}.law-list-layout .law-list-filter{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid rgba(148,163,184,.25)}.law-list-layout .law-list-filter__search{gap:6px}.law-list-layout .law-list-filter__label{font-size:.88rem;color:var(--dash-ink)}.law-list-layout .law-list-filter__input{padding:8px 0;background:rgba(0,0,0,0);border:none;border-bottom:1px solid rgba(15,23,42,.16);border-radius:0;box-shadow:none}.law-list-layout .law-list-filter__input:focus-within{border-color:rgba(29,78,216,.6);box-shadow:0 6px 0 -3px rgba(29,78,216,.18)}.law-list-layout .law-list-filter__assist{margin-top:6px;font-size:.72rem;color:var(--dash-soft);font-weight:600}.law-list-layout .law-list-filter__icon{color:rgba(29,78,216,.6)}.law-list-layout .law-list-filter__field{font-size:.98rem}.law-list-layout .law-list-filter__clear{background:rgba(0,0,0,0);color:var(--dash-soft);padding:2px 0;border-radius:0}.law-list-layout .law-list-filter__clear:hover{color:var(--dash-accent)}.law-list-layout .law-list-filter__chip{transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.law-list-layout .law-list-filter__chip:hover{box-shadow:0 8px 14px rgba(15,23,42,.08)}.law-list-layout .law-list-filter__chip.is-active{background:linear-gradient(135deg, rgba(29, 78, 216, 0.18), rgba(14, 165, 233, 0.18));border-color:rgba(29,78,216,.5);color:#1e3a8a;box-shadow:0 10px 16px rgba(29,78,216,.12)}.law-list-layout .law-list-filter__meta{gap:12px 16px;flex-wrap:wrap}.law-list-layout .law-list-filter__sort{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.law-list-layout .law-list-filter__sort-chips{display:flex;flex-wrap:wrap;gap:8px}.law-list-layout .law-list-filter__sort-label{font-size:.75rem;font-weight:700;color:var(--dash-muted);letter-spacing:.08em;text-transform:uppercase}.law-list-layout .law-modal-group{background:rgba(0,0,0,0);border-radius:0;padding:6px 0 0;border:none;box-shadow:none}.law-list-layout .law-modal-group::before{display:none}.law-list-layout .law-modal-items{gap:0}.law-list-layout .law-modal-item{gap:12px;padding:12px 6px 12px 0;background:rgba(0,0,0,0);border:none;border-bottom:1px solid rgba(148,163,184,.2);border-radius:0;box-shadow:none}.law-list-layout .law-modal-item::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:linear-gradient(180deg, rgba(29, 78, 216, 0.7), rgba(14, 165, 233, 0.4));border-radius:999px;opacity:0;transition:opacity .2s ease;z-index:3}.law-list-layout .law-modal-item::after{content:"";position:absolute;inset:0;background:hsla(0,0%,100%,.7);opacity:0;transition:opacity .2s ease;z-index:1}.law-list-layout .law-modal-item:hover{background:rgba(0,0,0,0);border-bottom-color:rgba(29,78,216,.45);transform:translateY(-1px);box-shadow:none}.law-list-layout .law-modal-item:hover::before{opacity:1}.law-list-layout .law-modal-item:hover .law-metric strong{color:#1e3a8a}.law-list-layout .law-modal-item:hover::after{opacity:1}.law-list-layout .law-modal-item:hover .law-name,.law-list-layout .law-modal-item:hover .law-metrics{opacity:.2}.law-list-layout .law-modal-item:hover .law-action{opacity:1;transform:translateY(0)}.law-list-layout .law-modal-item:active{background:#eff6ff}.law-list-layout .law-modal-item .law-name{padding-left:10px;position:relative;z-index:2;transition:opacity .2s ease}.law-list-layout .law-modal-item .law-metrics{display:grid;grid-template-columns:repeat(3, minmax(64px, auto));align-items:center;justify-items:end;gap:6px 16px;padding-left:12px;border-left:1px solid rgba(148,163,184,.35);text-align:right;position:relative;z-index:2;transition:opacity .2s ease}.law-list-layout .law-modal-item .law-action{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:.95rem;font-weight:800;letter-spacing:.08em;color:#1e3a8a;opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease;z-index:2;pointer-events:none}.law-list-layout .law-modal-item .law-metric{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:.7rem;font-weight:700;letter-spacing:.02em;color:var(--dash-muted);white-space:nowrap}.law-list-layout .law-modal-item .law-metric__label{font-size:.66rem;color:var(--dash-soft)}.law-list-layout .law-modal-item .law-metric strong{font-size:.9rem;color:var(--dash-ink);letter-spacing:0}.law-list-layout .law-modal-item .law-metric__value--locked{color:var(--dash-soft)}@media(max-width: 767px){.law-list-layout .law-modal-item{align-items:flex-start;flex-wrap:wrap;gap:8px;padding:10px 0}.law-list-layout .law-modal-item::before,.law-list-layout .law-modal-item::after{display:none}.law-list-layout .law-modal-item .law-name{flex:1 1 100%;padding-left:0;font-size:.92rem}.law-list-layout .law-modal-item .law-metrics{width:100%;grid-template-columns:repeat(3, minmax(0, 1fr));gap:4px 8px;padding-left:0;border-left:none;justify-items:start;text-align:left}.law-list-layout .law-modal-item .law-metric{font-size:.64rem;align-items:flex-start}.law-list-layout .law-modal-item .law-metric strong{font-size:.82rem}.law-list-layout .law-modal-item .law-action{position:static;opacity:1;transform:none;pointer-events:auto;align-self:flex-start;font-size:.7rem;letter-spacing:.04em;color:#1e3a8a;background:#e0e7ff;border:1px solid rgba(29,78,216,.3);border-radius:999px;padding:4px 8px;white-space:nowrap}.law-list-layout .law-modal-item:hover .law-name,.law-list-layout .law-modal-item:hover .law-metrics{opacity:1}.law-list-layout .law-list-filter__meta{flex-direction:column;align-items:flex-start}.law-list-layout .law-list-filter__sort{width:100%}.law-list-layout .law-list-filter__sort-chips{width:100%}.law-list-layout .law-list-filter__field{font-size:16px}}@media(min-width: 1024px){.law-list-filter__label{font-size:.86rem}.law-list-filter__field{font-size:1.02rem}.law-list-filter__clear{font-size:.8rem}.law-list-filter__chip{font-size:.82rem}.law-list-layout .law-list-filter__label{font-size:.96rem}.law-list-layout .law-list-filter__assist{font-size:.82rem}.law-list-layout .law-list-filter__field{font-size:1.05rem}.law-list-layout .law-list-filter__clear{font-size:.8rem}.law-list-layout .law-list-filter__chip{font-size:.82rem}}.chapter-stack{display:flex;flex-direction:column;gap:20px}.chapter-block{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.chapter-block__title{font-size:1rem;font-weight:700;color:#1e3a8a;margin-bottom:12px}.law-modal-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fff;border:1px solid rgba(148,163,184,.28);border-radius:12px;text-decoration:none;color:var(--dash-ink);font-size:.95rem;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;position:relative;overflow:hidden}.law-modal-item:hover{background:#f8fbff;border-color:rgba(29,78,216,.35);color:var(--dash-ink);transform:translateY(-2px);box-shadow:0 12px 20px rgba(15,23,42,.08)}.law-modal-item:hover .problem-count{background:rgba(29,78,216,.22);color:#1e3a8a;border-color:rgba(29,78,216,.35)}.law-modal-item:active{transform:translateY(0);background:#eff6ff}.law-modal-item .law-name{flex:1;text-align:left;min-width:0;line-height:1.4;font-weight:700}.law-modal-item .problem-count{background:rgba(29,78,216,.12);color:#1e3a8a;padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:700;transition:background .2s ease,color .2s ease,border-color .2s ease;min-width:44px;text-align:center;border:1px solid rgba(29,78,216,.22);white-space:nowrap}.law-modal-item.is-hidden{display:none}.settings-form{display:flex;flex-direction:column;gap:20px}.settings-empty{padding:18px 20px;border-radius:16px;border:1px dashed #cbd5f5;background:#f1f5f9;color:#64748b}.settings-empty__title{font-weight:700;color:#475569}.settings-empty__desc{margin-top:4px;font-size:.92rem}.settings-form__section{display:flex;flex-direction:column;gap:10px}.settings-form__control{position:relative}.settings-form__grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px}@media(max-width: 767px){.settings-form__grid{grid-template-columns:1fr}}.settings-form__label{font-weight:700;color:#0f172a;font-size:1rem}.settings-form__row{display:flex;flex-wrap:wrap;gap:12px}.settings-form__row--mode{align-items:flex-start}.settings-form__row--mode{gap:10px}.settings-form__mode-input{position:absolute;opacity:0;pointer-events:none}.settings-form__row--mode .settings-form__option--toggle{margin-right:4px}.settings-form__row--mode .settings-form__mode-input:checked+.settings-form__option--toggle .settings-form__choice-label{background:#1e40af;border-color:#1e40af;color:#fff;box-shadow:0 6px 12px rgba(30,64,175,.2)}.settings-form__row--mode .settings-form__mode-input:focus+.settings-form__option--toggle .settings-form__choice-label{box-shadow:0 0 0 3px rgba(30,64,175,.2)}.settings-form__mode-desc{display:none;flex-basis:100%;margin-top:6px;max-width:100%;padding:10px 14px;border-radius:12px;border:1px solid #7dd3fc;background:#e0f2fe;color:#0c4a6e;font-size:.85rem;line-height:1.6;box-shadow:0 8px 18px rgba(14,116,144,.12)}#argument-mode-free:checked~.settings-form__mode-desc--free{display:block}#argument-mode-hint:checked~.settings-form__mode-desc--hint{display:block}.settings-form__option{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid #e2e8f0;background:#f8fafc;color:#1e293b;font-size:.95rem}.settings-form__option--toggle{cursor:pointer;border:none;padding:0;background:rgba(0,0,0,0)}.settings-form__option--toggle input{position:absolute;opacity:0;pointer-events:none}.settings-form__option--chapter{width:100%;padding:0;border:none;background:rgba(0,0,0,0)}.settings-form__option--chapter input{position:absolute;opacity:0;pointer-events:none}.settings-form__choice-label{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:999px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;font-weight:700;font-size:.95rem;transition:all .2s ease}.settings-form__option--toggle input:checked+.settings-form__choice-label{background:#1e40af;border-color:#1e40af;color:#fff;box-shadow:0 6px 12px rgba(30,64,175,.2)}.settings-form__option--chapter input:checked+.settings-form__choice-label--chapter{border-color:#94a3b8;background:#f1f5f9;color:#0f172a}.settings-form__option--chapter input:checked+.settings-form__choice-label--chapter::before{background:#0f172a;border-color:#0f172a}.settings-form__option--chapter input:checked+.settings-form__choice-label--chapter::after{border-right-color:#fff;border-bottom-color:#fff}.settings-form__option--chapter input:focus+.settings-form__choice-label--chapter{box-shadow:0 0 0 3px rgba(30,64,175,.16)}.settings-form__option--toggle input:focus+.settings-form__choice-label{box-shadow:0 0 0 3px rgba(30,64,175,.2)}.settings-form__choice-label--count{min-width:64px;justify-content:center}.settings-form__choice-label--chapter{position:relative;font-size:.9rem;padding:9px 12px 9px 36px;border-radius:12px;border:1px solid #e2e8f0;background:#fff;color:#0f172a;font-weight:600;width:100%;justify-content:flex-start;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.settings-form__choice-label--chapter::before{content:"";position:absolute;left:12px;top:50%;width:14px;height:14px;border:2px solid #cbd5f5;border-radius:5px;transform:translateY(-50%);background:#fff}.settings-form__choice-label--chapter::after{content:"";position:absolute;left:16px;top:50%;width:6px;height:10px;border-right:2px solid rgba(0,0,0,0);border-bottom:2px solid rgba(0,0,0,0);transform:translateY(-60%) rotate(45deg)}.settings-form__choice-label--chapter:hover{border-color:#cbd5f5;box-shadow:0 8px 16px rgba(15,23,42,.06);transform:translateY(-1px)}.settings-form__chapter-list{display:grid;gap:16px;border:1px solid #e2e8f0;border-radius:12px;padding:12px;background:#f8fafc}.settings-form__chapter-group{display:flex;flex-direction:column;gap:10px}.settings-form__accordion{border:1px solid #e2e8f0;border-radius:14px;padding:10px 12px;background:#f8fafc}.settings-form__summary{font-weight:700;color:#1e3a8a;font-size:.95rem;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 4px}.settings-form__summary::after{content:"";width:6px;height:6px;border-right:2px solid #64748b;border-bottom:2px solid #64748b;transform:rotate(45deg);transition:transform .2s ease}.settings-form__summary-meta{font-size:.8rem;font-weight:600;color:#64748b}.settings-form__accordion[open] .settings-form__summary::after{transform:rotate(-135deg)}.settings-form__accordion-content{margin-top:10px;padding:10px;border-radius:12px;background:#fff;border:1px solid #e2e8f0;box-shadow:0 10px 20px rgba(15,23,42,.06)}.settings-form__chapter-grid{display:grid;grid-template-columns:1fr;gap:8px}.settings-form__chapter-scroll{max-height:220px;overflow:auto;padding-right:6px}.settings-form__select{width:100%;border:1px solid #bfdbfe;background:#eff6ff;color:#1e293b;border-radius:10px;padding:10px 12px;font-size:1rem;font-weight:600}.settings-form__select--hidden{position:absolute;opacity:0;pointer-events:none;height:0;width:0}.settings-form__trigger{width:100%;text-align:left;border:1px solid #cbd5f5;border-radius:12px;padding:10px 12px;background:#fff;font-size:1rem;font-weight:600;color:#0f172a;cursor:pointer;position:relative}.settings-form__trigger::after{content:"";position:absolute;right:12px;top:50%;width:8px;height:8px;border-right:2px solid #475569;border-bottom:2px solid #475569;transform:translateY(-50%) rotate(45deg);transition:transform .2s ease}.settings-form__control.is-open .settings-form__trigger::after{transform:translateY(-70%) rotate(-135deg)}.settings-form__menu{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:6px;box-shadow:0 16px 28px rgba(15,23,42,.12);max-height:240px;overflow-y:auto;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease;z-index:5}.settings-form__control.is-open .settings-form__menu{opacity:1;pointer-events:auto;transform:translateY(0)}.settings-form__menu-option{width:100%;text-align:left;border:none;background:rgba(0,0,0,0);padding:8px 10px;border-radius:8px;font-weight:600;color:#0f172a;cursor:pointer}.settings-form__menu-option:hover{background:#eff6ff;color:#1d4ed8}.settings-form__count{max-width:220px}.settings-form__input{width:100%;border:1px solid #bfdbfe;background:#fff;color:#1e293b;border-radius:10px;padding:10px 12px;font-size:1rem;font-weight:600}@media(max-width: 767px){.settings-form__select,.settings-form__input{font-size:16px}}.settings-form__mode-grid{display:grid;grid-template-columns:repeat(5, 1fr);gap:10px}@media(max-width: 767px){.settings-form__mode-grid{grid-template-columns:repeat(2, 1fr)}.settings-form__mode-grid .settings-form__mode-card:last-child{grid-column:span 2}}.settings-form__mode-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;border:1px solid #e2e8f0;border-radius:14px;background:#fff;cursor:pointer;transition:all .2s ease;text-align:center}.settings-form__mode-card:hover{border-color:#bfdbfe;box-shadow:0 6px 14px rgba(30,64,175,.08);transform:translateY(-1px)}.settings-form__mode-card.is-active{background:#1e40af;border-color:#1e40af;color:#fff;box-shadow:0 8px 18px rgba(30,64,175,.22)}.settings-form__mode-card.is-active .settings-form__mode-card-name{color:#fff}.settings-form__mode-card.is-active .settings-form__mode-card-desc{color:hsla(0,0%,100%,.8)}.settings-form__mode-card-name{font-weight:700;font-size:.95rem;color:#0f172a}.settings-form__mode-card-desc{font-size:.78rem;color:#64748b;line-height:1.35}.settings-form__count-chips{display:flex;gap:10px;flex-wrap:wrap}.settings-form__count-chip{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:8px 18px;border-radius:999px;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s ease}.settings-form__count-chip:hover{border-color:#93c5fd;background:#dbeafe}.settings-form__count-chip.is-active{background:#1e40af;border-color:#1e40af;color:#fff;box-shadow:0 6px 12px rgba(30,64,175,.2)}.settings-form__normal-options{display:flex;flex-direction:column;gap:20px;transition:opacity .25s ease,max-height .3s ease;overflow:hidden}.settings-form__normal-options.is-hidden{opacity:0;max-height:0;pointer-events:none;margin:0;gap:0}.settings-form__actions{display:flex;justify-content:flex-end;gap:12px}.resume-confirm-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:2050}.resume-confirm-modal.show{display:flex}.resume-confirm-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(3px);animation:today-menu-fade .25s ease}.resume-confirm-modal__panel{position:relative;width:min(420px,92vw);background:#fff;border-radius:18px;border:1px solid rgba(148,163,184,.3);box-shadow:0 24px 48px rgba(15,23,42,.22);padding:18px 20px 20px;display:flex;flex-direction:column;gap:14px;animation:today-menu-rise .35s cubic-bezier(0.16, 1, 0.3, 1)}.resume-confirm-modal__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.resume-confirm-modal__title{margin:0;font-size:1.15rem;font-weight:800;color:#0f172a}.resume-confirm-modal__close{border:none;background:rgba(148,163,184,.15);color:#64748b;width:30px;height:30px;border-radius:50%;font-size:1.1rem;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.resume-confirm-modal__close:hover{background:#ef4444;color:#fff}.resume-confirm-modal__text{margin:0;font-size:.95rem;color:#475569}.resume-confirm-modal__actions{display:flex;justify-content:flex-end;gap:10px}.resume-confirm-modal__btn{padding:8px 16px;border-radius:999px;font-weight:700;font-size:.9rem;text-decoration:none;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;cursor:pointer;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.resume-confirm-modal__btn:hover{background:#dbeafe;transform:translateY(-1px);box-shadow:0 6px 12px rgba(59,130,246,.18)}.resume-confirm-modal__btn--primary{background:linear-gradient(135deg, #1e40af, #3b82f6);border-color:#1e40af;color:#fff}.resume-confirm-modal__btn--primary:hover{background:linear-gradient(135deg, #1e3a8a, #2563eb)}.resume-confirm-modal__btn--ghost{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:#64748b}.resume-confirm-modal__btn--ghost:hover{background:rgba(148,163,184,.12);box-shadow:none}.today-menu-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:2000}.today-menu-modal.show{display:flex}.today-menu-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.5);backdrop-filter:blur(4px);animation:today-menu-fade .25s ease}.today-menu-modal__panel{position:relative;width:min(560px,92vw);max-height:85vh;background:#fff;border-radius:20px;border:1px solid rgba(148,163,184,.35);box-shadow:0 24px 48px rgba(15,23,42,.24);display:flex;flex-direction:column;overflow:hidden;animation:today-menu-rise .4s cubic-bezier(0.16, 1, 0.3, 1)}.today-menu-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 24px;background:linear-gradient(135deg, rgba(30, 64, 175, 0.08), rgba(14, 165, 233, 0.04));border-bottom:1px solid rgba(148,163,184,.2)}.today-menu-modal__title{margin:0;font-size:1.35rem;font-weight:800;color:#1e40af}.today-menu-modal__subtitle{margin:4px 0 0;font-size:.9rem;color:#64748b}.today-menu-modal__close{width:32px;height:32px;border:none;background:rgba(148,163,184,.15);color:#64748b;border-radius:50%;cursor:pointer;font-size:1.5rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s ease,color .2s ease}.today-menu-modal__close:hover{background:#ef4444;color:#fff}.today-menu-modal__progress{padding:16px 24px;background:#f8fafc;border-bottom:1px solid rgba(148,163,184,.2)}.today-menu-modal__progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.today-menu-modal__progress-label{font-size:.85rem;font-weight:700;color:#64748b}.today-menu-modal__progress-value{font-size:1.1rem;font-weight:800;color:#1e40af}.today-menu-modal__progress-bar{height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.today-menu-modal__progress-bar span{display:block;height:100%;background:linear-gradient(90deg, #1e40af, #3b82f6);border-radius:999px;transition:width .5s ease}.today-menu-modal__body{flex:1;overflow-y:auto;padding:20px 24px;display:flex;flex-direction:column;gap:20px}.today-menu-modal__section{background:#f8fafc;border:1px solid rgba(148,163,184,.25);border-radius:14px;padding:16px}.today-menu-modal__section-title{margin:0 0 4px;font-size:1.05rem;font-weight:800;color:#0f172a}.today-menu-modal__section-desc{margin:0 0 12px;font-size:.85rem;color:#64748b}.today-menu-modal__goals{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:14px}.today-menu-modal__goal{display:flex;flex:1 1 200px;flex-direction:column;align-items:stretch;gap:6px;padding:12px 14px;background:#fff;border:1px solid rgba(148,163,184,.3);border-radius:8px}.today-menu-modal__goal-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.today-menu-modal__goal-label{font-size:.85rem;font-weight:700;color:#64748b}.today-menu-modal__goal-rate{font-size:.8rem;color:#64748b}.today-menu-modal__goal-rate strong{font-size:.95rem;color:#2563eb}.today-menu-modal__goal-value{display:flex;align-items:baseline;gap:6px;font-weight:800;color:#0f172a}.today-menu-modal__goal-current{font-size:1.5rem;letter-spacing:.01em}.today-menu-modal__goal-sep{font-size:1.1rem;color:#94a3b8}.today-menu-modal__goal-total{font-size:.95rem;color:#475569}.today-menu-modal__actions{display:flex;flex-wrap:wrap;gap:10px}.today-menu-modal__actions--grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(160px, 1fr))}.today-menu-modal__btn{padding:10px 16px;border-radius:10px;font-weight:700;font-size:.9rem;text-decoration:none;text-align:center;border:1px solid #bfdbfe;background:#eff6ff;color:#1e3a8a;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}.today-menu-modal__btn:hover{background:#dbeafe;border-color:#93c5fd;transform:translateY(-1px);box-shadow:0 6px 12px rgba(59,130,246,.15)}.today-menu-modal__btn--primary{background:linear-gradient(135deg, #1e40af, #3b82f6);border-color:#1e40af;color:#fff}.today-menu-modal__btn--primary:hover{background:linear-gradient(135deg, #1e3a8a, #2563eb);box-shadow:0 8px 16px rgba(30,64,175,.25)}.today-menu-modal__btn--ghost{background:rgba(0,0,0,0);border-color:rgba(0,0,0,0);color:#64748b}.today-menu-modal__btn--ghost:hover{background:rgba(148,163,184,.1);color:#475569;box-shadow:none}.today-menu-modal__footer{padding:16px 24px;border-top:1px solid rgba(148,163,184,.2);display:flex;justify-content:flex-end;gap:10px;background:#f8fafc}.today-menu-modal__empty{text-align:center;padding:32px 24px}.today-menu-modal__empty-text{margin:0;font-size:.95rem;line-height:1.7;color:#64748b}.onboarding-modal-open{overflow:hidden}.onboarding-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:2100}.onboarding-modal.show{display:flex}.onboarding-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(12px);animation:onboarding-backdrop-in .4s ease forwards}.onboarding-modal__panel{position:relative;width:min(560px,94vw);max-height:88vh;background:linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98));border-radius:24px;border:1px solid rgba(148,163,184,.2);box-shadow:0 32px 64px -12px rgba(15,23,42,.25),0 0 0 1px hsla(0,0%,100%,.8) inset;display:flex;flex-direction:column;overflow:visible;animation:onboarding-panel-in .5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;animation-delay:.1s;opacity:0}.onboarding-modal__panel::before{content:"";position:absolute;top:-60px;right:-80px;width:280px;height:180px;background:linear-gradient(130deg, rgba(29, 78, 216, 0.15), rgba(14, 165, 233, 0.05));transform:skewX(-10deg);border-radius:32px;pointer-events:none}.onboarding-modal__panel::after{content:"";position:absolute;bottom:-100px;left:-60px;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle at 30% 30%, rgba(14, 165, 233, 0.12), rgba(59, 130, 246, 0.02) 65%);pointer-events:none}.onboarding-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:32px 32px 24px;background:rgba(0,0,0,0);position:relative;z-index:1}.onboarding-modal__title{margin:0;font-size:1.4rem;font-weight:800;color:#0f172a;letter-spacing:-0.02em}.onboarding-modal__subtitle{margin:8px 0 0;font-size:.92rem;color:#475569;font-weight:600}.onboarding-modal__subtitle strong{color:#1d4ed8;font-weight:800}.onboarding-modal__step{font-size:.8rem;font-weight:700;color:#1d4ed8;background:linear-gradient(135deg, #eff6ff, #dbeafe);padding:6px 14px;border-radius:999px;white-space:nowrap;border:1px solid rgba(59,130,246,.2)}.onboarding-modal__body{padding:4px 32px 20px;overflow:visible;background:rgba(0,0,0,0);position:relative;z-index:10}.onboarding-modal__text{margin:0 0 20px;color:#334155;font-size:.95rem;line-height:1.75;font-weight:500}.onboarding-modal__list{margin:0 0 16px;padding:0;list-style:none}.onboarding-modal__list li{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:#334155;font-weight:600;font-size:.92rem}.onboarding-modal__list li::before{content:"";flex-shrink:0;width:18px;height:18px;background:#3b82f6;border-radius:50%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:10px 10px;background-position:center;background-repeat:no-repeat}.onboarding-modal__note{margin:12px 0 0;font-size:.8rem;color:#94a3b8;font-weight:500;text-align:center}.onboarding-modal__helper{margin:14px 0 6px;font-size:.85rem;color:#64748b;font-weight:500}.onboarding-modal__actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 32px 20px;border-top:1px solid rgba(148,163,184,.15);background:rgba(248,250,252,.5);position:relative;z-index:0}.onboarding-form{display:flex;flex-direction:column;gap:16px;margin-bottom:12px}.onboarding-form__row{display:flex;flex-direction:column;gap:8px}.onboarding-form__grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(160px, 1fr));gap:14px}.onboarding-form__field{display:flex;flex-direction:column;gap:6px}.onboarding-form__section-title{font-size:.9rem;font-weight:700;color:#1d4ed8;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.onboarding-form__label{font-size:.85rem;font-weight:700;color:#334155}.onboarding-form__input{width:100%;border:2px solid #e2e8f0;background:#fff;color:#0f172a;border-radius:12px;padding:12px 16px;font-size:.95rem;font-weight:600;transition:border .2s ease,box-shadow .2s ease}.onboarding-form__input::placeholder{color:#94a3b8}.onboarding-form__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.15)}.onboarding-form__helper{margin:0;font-size:.8rem;color:#64748b}.onboarding-form__select{width:100%;border:2px solid #e2e8f0;background:#fff;color:#0f172a;border-radius:12px;padding:12px 16px;font-size:.95rem;font-weight:600;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%231e293b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:calc(100% - 16px) center;background-repeat:no-repeat;transition:border .2s ease,box-shadow .2s ease}.onboarding-form__select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.15)}.onboarding-form__options{display:flex;flex-wrap:wrap;gap:10px}.onboarding-pill{display:inline-flex;align-items:center;gap:10px;border-radius:12px;border:2px solid #e2e8f0;padding:12px 18px;font-weight:600;font-size:.9rem;background:#fff;color:#334155;cursor:pointer;transition:all .2s ease}.onboarding-pill:has(input:checked){border-color:#3b82f6;background:#eff6ff;color:#1d4ed8}.onboarding-pill input{accent-color:#1d4ed8;width:18px;height:18px}.onboarding-btn{padding:10px 20px;border-radius:10px;font-weight:600;font-size:.88rem;border:none;cursor:pointer;transition:all .2s ease}.onboarding-btn--primary{background:linear-gradient(135deg, #1d4ed8 0%, #2563eb 100%);color:#fff;box-shadow:0 2px 8px rgba(29,78,216,.3)}.onboarding-btn--primary:hover{background:linear-gradient(135deg, #1e40af 0%, #1d4ed8 100%);box-shadow:0 4px 12px rgba(29,78,216,.4);transform:translateY(-1px)}.onboarding-btn--ghost{background:rgba(0,0,0,0);color:#64748b;border:1px solid #e2e8f0}.onboarding-btn--ghost:hover{background:#f8fafc;color:#475569}.onboarding-select{position:relative}.onboarding-select.is-enhanced select{position:absolute;opacity:0;pointer-events:none;height:0;width:0}.onboarding-select__trigger{width:100%;text-align:left;border:2px solid #e2e8f0;border-radius:12px;padding:12px 40px 12px 16px;background:#fff;font-size:.95rem;font-weight:600;color:#0f172a;cursor:pointer;position:relative;transition:all .2s ease}.onboarding-select__trigger::after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;border-right:2px solid #64748b;border-bottom:2px solid #64748b;transform:translateY(-60%) rotate(45deg);transition:transform .25s ease}.onboarding-select__trigger:hover{border-color:#cbd5e1}.onboarding-select.is-open .onboarding-select__trigger{border-color:#3b82f6;box-shadow:0 0 0 4px rgba(59,130,246,.15)}.onboarding-select.is-open .onboarding-select__trigger::after{transform:translateY(-40%) rotate(-135deg)}.onboarding-select__menu{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:8px;box-shadow:0 20px 40px rgba(15,23,42,.15),0 0 0 1px rgba(0,0,0,.03);max-height:280px;overflow-y:auto;opacity:0;pointer-events:none;transform:translateY(-8px) scale(0.98);transition:all .2s cubic-bezier(0.16, 1, 0.3, 1);z-index:9999}.onboarding-select.is-open .onboarding-select__menu{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.onboarding-select .custom-select__option{width:100%;text-align:left;border:none;background:rgba(0,0,0,0);padding:10px 14px;border-radius:10px;font-size:.9rem;font-weight:600;color:#1e293b;cursor:pointer;transition:all .15s ease}.onboarding-select .custom-select__option:hover{background:#f1f5f9}.onboarding-select .custom-select__option.is-selected{background:linear-gradient(135deg, #eff6ff, #dbeafe);color:#1d4ed8}.onboarding-form__grid--single{grid-template-columns:1fr;max-width:200px}.onboarding-complete{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 0}.onboarding-complete__icon{margin-bottom:24px;animation:onboarding-check-pop .5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;animation-delay:.2s;opacity:0}.onboarding-complete__icon svg{filter:drop-shadow(0 6px 16px rgba(29, 78, 216, 0.35))}.onboarding-complete__text{margin:0;font-size:.95rem;color:#334155;line-height:1.8;font-weight:500;animation:onboarding-panel-in .4s ease forwards;animation-delay:.4s;opacity:0}.onboarding-toast{position:fixed;right:24px;bottom:24px;background:linear-gradient(135deg, #1e3a8a 0%, #1d4ed8 100%);color:#fff;padding:16px 24px;border-radius:14px;font-size:.95rem;font-weight:600;box-shadow:0 20px 40px rgba(15,23,42,.3),0 0 0 1px hsla(0,0%,100%,.1) inset;z-index:2200;display:none;align-items:center;gap:10px}.onboarding-toast[hidden]{display:none !important}.onboarding-toast:not([hidden]){display:flex}.onboarding-toast::before{content:"✓";width:24px;height:24px;background:hsla(0,0%,100%,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem}@media(max-width: 640px){.onboarding-modal__panel{width:calc(100% - 24px);max-height:85vh;border-radius:20px;margin:12px}.onboarding-modal__panel::before,.onboarding-modal__panel::after{display:none}.onboarding-modal__header{padding:20px 20px 14px}.onboarding-modal__body{padding:0 20px 14px}.onboarding-modal__actions{padding:14px 20px 20px;flex-direction:column;gap:8px}.onboarding-modal__title{font-size:1.15rem}.onboarding-modal__subtitle{font-size:.82rem;margin-top:4px}.onboarding-modal__text{font-size:.88rem;margin-bottom:14px;line-height:1.6}.onboarding-modal__step{font-size:.75rem;padding:4px 10px}.onboarding-modal__list li{font-size:.88rem;gap:8px;margin-bottom:8px}.onboarding-modal__list li::before{width:16px;height:16px;background-size:9px 9px}.onboarding-modal__note{padding:10px 12px;font-size:.8rem}.onboarding-modal__helper{font-size:.82rem;margin:10px 0 6px}.onboarding-btn{width:100%;text-align:center;padding:10px 16px;font-size:.85rem}.onboarding-form{gap:12px;margin-bottom:8px}.onboarding-form__grid{grid-template-columns:1fr 1fr;gap:10px}.onboarding-form__section-title{font-size:.82rem}.onboarding-form__label{font-size:.8rem}.onboarding-form__input,.onboarding-form__select{padding:10px 12px;font-size:16px;border-radius:10px}.onboarding-pill{padding:8px 12px;font-size:.82rem;border-radius:8px}.onboarding-select__trigger{padding:14px 44px 14px 16px;font-size:1rem;min-height:50px}.onboarding-select__menu{padding:6px}.onboarding-select .custom-select__option{padding:14px 16px;font-size:1rem;min-height:48px}.onboarding-form__grid{gap:14px}.onboarding-form__grid--single{max-width:none}}.onboarding-step{display:none;flex-direction:column;min-height:100%}.onboarding-step.is-active{display:flex}.law-login-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:2100}.law-login-modal.is-visible{display:flex}.law-login-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55)}.law-login-modal__card{position:relative;width:min(92vw,420px);background:#fff;border-radius:18px;border:1px solid rgba(148,163,184,.3);padding:20px 22px 22px;box-shadow:0 24px 48px rgba(15,23,42,.2);z-index:1}.law-login-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.law-login-modal__title{font-size:1.2rem;font-weight:800;color:#0b1f3a}.law-login-modal__close{border:none;background:rgba(0,0,0,0);font-size:1.2rem;color:#64748b;cursor:pointer}.law-login-modal__text{color:#475569;font-size:.95rem;line-height:1.6;margin-bottom:16px}.law-login-modal__actions{display:flex;justify-content:flex-end}.law-login-modal__button{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border-radius:999px;background:#1e40af;color:#fff;font-weight:700;text-decoration:none;border:1px solid #1e40af;transition:background .2s ease,transform .2s ease,border-color .2s ease}.law-login-modal__button:hover{background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-1px)}@keyframes today-menu-fade{from{opacity:0}to{opacity:1}}@keyframes today-menu-rise{from{opacity:0;transform:translateY(20px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes onboarding-backdrop-in{from{opacity:0;backdrop-filter:blur(0)}to{opacity:1;backdrop-filter:blur(12px)}}@keyframes onboarding-panel-in{0%{opacity:0;transform:translateY(40px) scale(0.92)}100%{opacity:1;transform:translateY(0) scale(1)}}@keyframes onboarding-check-pop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}100%{transform:scale(1);opacity:1}}.study-share-modal{position:fixed;inset:0;z-index:9999;padding:20px;border:none;background:rgba(0,0,0,0);max-width:100%;max-height:100%;width:100%;height:100%}.study-share-modal::backdrop{background:rgba(15,23,42,.7);backdrop-filter:blur(4px)}.study-share-modal[open]{display:flex;align-items:center;justify-content:center;animation:study-share-modal-in .2s ease-out}.study-share-modal__panel{background:var(--dash-surface-strong);border-radius:16px;box-shadow:0 24px 48px rgba(15,23,42,.2);width:100%;max-width:660px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.study-share-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--dash-border)}.study-share-modal__title{font-size:18px;font-weight:700;color:var(--dash-ink);margin:0}.study-share-modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;border-radius:8px;font-size:24px;color:var(--dash-muted);cursor:pointer;transition:background .15s,color .15s}.study-share-modal__close:hover{background:rgba(15,23,42,.06);color:var(--dash-ink)}.study-share-modal__body{padding:24px;overflow-y:auto;display:flex;justify-content:center;background:#f1f5f9}.study-share-modal__canvas{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 16px rgba(15,23,42,.12)}.study-share-modal__actions{display:flex;gap:12px;padding:20px 24px;border-top:1px solid var(--dash-border);justify-content:flex-end}@keyframes study-share-modal-in{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.share-cta-btn{padding:10px 28px;border-radius:999px;text-decoration:none;font-weight:700;font-size:.875rem;border:none;cursor:pointer;background:linear-gradient(90deg, #38bdf8, #2563eb);color:#fff;box-shadow:0 6px 16px -4px rgba(37,99,235,.35);transition:transform .2s ease,box-shadow .2s ease}.share-cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px -4px rgba(37,99,235,.45)}.share-cta-btn:active{transform:translateY(0);box-shadow:0 4px 12px -4px rgba(37,99,235,.3)}.weekly-chart__skeleton{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:24px 16px 32px;z-index:1}.weekly-chart__skeleton[hidden]{display:none}.weekly-chart__skeleton-bars{display:flex;align-items:flex-end;gap:12px;width:100%;height:100%;max-height:180px}.weekly-chart__skeleton-bar{flex:1;height:var(--h, 50%);background:linear-gradient(90deg, #e2e8f0 25%, #f1f5f9 50%, #e2e8f0 75%);background-size:200% 100%;animation:weekly-skeleton-shimmer 1.5s ease-in-out infinite;border-radius:4px 4px 0 0}.weekly-chart__skeleton-lines{width:100%;height:100%;max-height:140px;color:#e2e8f0}.weekly-chart__skeleton-svg{width:100%;height:100%;animation:weekly-skeleton-shimmer 1.5s ease-in-out infinite}@keyframes weekly-skeleton-shimmer{0%{background-position:-200% 0;opacity:.6}50%{opacity:1}100%{background-position:200% 0;opacity:.6}}.result-page{min-height:100vh;background:#f8fafc;font-family:"Noto Sans JP",sans-serif;line-height:1.6;color:#1f2937}.result-header{padding:40px 0 22px;background:radial-gradient(1100px 420px at 10% -25%, rgba(14, 165, 233, 0.18), rgba(255, 255, 255, 0) 60%),radial-gradient(900px 380px at 92% -30%, rgba(99, 102, 241, 0.12), rgba(255, 255, 255, 0) 65%),linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);border-bottom:1px solid rgba(148,163,184,.22);position:relative;overflow:hidden}.result-header::before,.result-header::after{content:"";position:absolute;border-radius:999px;pointer-events:none;filter:blur(0.2px)}.result-header::before{width:220px;height:220px;left:-80px;top:-90px;background:rgba(59,130,246,.12)}.result-header::after{width:260px;height:260px;right:-120px;top:-110px;background:rgba(14,165,233,.1)}.result-header__content{max-width:1240px;margin:0 auto;padding:0 22px;text-align:left;position:relative;z-index:1}@media(max-width: 767px){.result-header__content{padding:0 16px}}.result-header__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:900;color:#1d4ed8;margin-bottom:6px}.result-header__title{font-size:1.4rem;font-weight:900;color:#0b1f3a;margin:0;line-height:1.45}@media(max-width: 767px){.result-header__title{font-size:1.15rem}}.result-header__subtitle{margin-top:10px;font-size:1.05rem;font-weight:800;color:#1e3a8a;letter-spacing:.01em}@media(max-width: 767px){.result-header__subtitle{font-size:1rem}}.result-container{max-width:1240px;margin:34px auto;padding:0 22px}@media(max-width: 767px){.result-container{margin:20px auto;padding:0 16px}}.result-grid{display:grid;grid-template-columns:minmax(0, 1fr) minmax(320px, 420px);gap:22px;align-items:start}@media(max-width: 767px){.result-grid{grid-template-columns:1fr;gap:16px}}.result-summary{background:#fff;border-radius:18px;padding:22px 22px 20px;margin:0;box-shadow:0 18px 34px rgba(15,23,42,.08);border:1px solid rgba(226,232,240,.95);position:sticky;top:110px}@media(max-width: 767px){.result-summary{position:static;top:auto;padding:20px;border-radius:12px}}.result-summary__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.result-summary__eyebrow{font-size:.78rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#64748b}.result-summary__headline{margin-top:4px;font-size:1.2rem;font-weight:950;color:#0f172a}.result-summary__chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(239,246,255,.95);border:1px solid rgba(191,219,254,.75);color:#1e3a8a;font-weight:900;font-size:.85rem;white-space:nowrap}.result-summary__score{text-align:center;margin-bottom:16px;padding:16px 14px;background:linear-gradient(135deg, rgba(239, 246, 255, 0.95), rgba(248, 250, 252, 0.92));border-radius:14px;border:1px solid rgba(191,219,254,.65)}@media(max-width: 767px){.result-summary__score{padding:12px}}.result-summary__percentage{font-size:2.4rem;font-weight:900;color:#1e40af;margin-bottom:4px;display:block}@media(max-width: 767px){.result-summary__percentage{font-size:2rem}}.result-summary__fraction{font-size:1rem;color:#6b7280;font-weight:600}.result-summary__details{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;margin:0 0 16px;padding:14px;background:rgba(248,250,252,.9);border-radius:14px;border:1px solid rgba(226,232,240,.9)}@media(max-width: 767px){.result-summary__details{grid-template-columns:1fr;gap:10px;padding:12px}}.result-detail{text-align:left;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.result-detail__label{display:block;font-size:.875rem;color:#6b7280;font-weight:600;margin:0;letter-spacing:.02em}.result-detail__value{font-size:1.05rem;color:#0f172a;font-weight:800;text-align:right}@media(max-width: 767px){.result-detail__value{font-size:1rem}}.result-actions{display:flex;gap:12px;justify-content:stretch}@media(max-width: 767px){.result-actions{flex-direction:column;gap:12px}}.result-share{margin-top:18px;background:#fff;border-radius:16px;border:1px solid rgba(226,232,240,.9);padding:16px;box-shadow:0 14px 26px rgba(15,23,42,.08)}.result-share__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.result-share__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;font-weight:800;color:#64748b}.result-share__title{font-size:1.05rem;font-weight:800;color:#0f172a}.result-share__badge{background:#0f172a;color:#fff;font-weight:800;font-size:.85rem;padding:4px 10px;border-radius:999px}.result-share__lead{color:#64748b;font-size:.9rem;margin-bottom:12px}.result-share__row{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f8fafc;border-radius:12px;padding:12px 14px;border:1px solid rgba(226,232,240,.9);margin-bottom:12px}.result-share__label{font-weight:700;color:#0f172a;margin-bottom:2px}.result-share__hint{font-size:.85rem;color:#64748b}.result-share__switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.result-share__switch input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.result-share__switch-track{width:48px;height:26px;border-radius:999px;background:#e2e8f0;border:1px solid #cbd5f5;position:relative;transition:background .2s ease,border-color .2s ease}.result-share__switch-track::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:0 4px 10px rgba(15,23,42,.2);transition:transform .2s ease}.result-share__switch input:checked+.result-share__switch-track{background:#1e40af;border-color:#1e40af}.result-share__switch input:checked+.result-share__switch-track::after{transform:translateX(20px)}.result-share__note{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-weight:700;font-size:.85rem;padding:10px 12px;border-radius:10px;margin-bottom:12px}.result-share__link{color:#1d4ed8;text-decoration:none;font-weight:800}.result-share__actions{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px}@media(max-width: 767px){.result-share__actions{grid-template-columns:1fr}}.result-share__btn{font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:8px}.result-share__btn-icon{display:inline-flex;width:16px;height:16px}.result-share__btn-icon svg{width:16px;height:16px}.result-share__status{margin-top:10px;font-size:.85rem;color:#64748b;min-height:1.2em}.result-btn{padding:12px 20px;border-radius:999px;font-weight:700;font-size:.95rem;text-decoration:none;text-align:center;transition:all .3s ease;border:1px solid;width:100%}@media(max-width: 767px){.result-btn{padding:12px 24px;min-width:auto}}.result-btn--primary{background:linear-gradient(135deg, #1e40af, #2563eb);color:#fff;border-color:rgba(30,64,175,.65)}.result-btn--primary:hover{background:linear-gradient(135deg, #1e3a8a, #1d4ed8);border-color:rgba(29,78,216,.7);transform:translateY(-2px);box-shadow:0 18px 28px rgba(29,78,216,.22)}.result-btn--secondary{background:hsla(0,0%,100%,.92);color:#1e40af;border-color:rgba(191,219,254,.9)}.result-btn--secondary:hover{background:rgba(239,246,255,.96);border-color:rgba(147,197,253,.95);transform:translateY(-2px);box-shadow:0 18px 28px rgba(15,23,42,.12)}.result-section-title{font-size:2.25rem;font-weight:700;color:#111827;text-align:center;margin:50px 0 30px 0;padding-bottom:15px;border-bottom:3px solid #e5e7eb}@media(max-width: 767px){.result-section-title{font-size:1.875rem;margin:30px 0 20px 0}}.result-review{margin:0;background:#fff;border-radius:18px;border:1px solid rgba(226,232,240,.95);box-shadow:0 18px 34px rgba(15,23,42,.08)}@media(max-width: 767px){.result-review{border-radius:12px}}.result-review__title{font-size:1.2rem;font-weight:900;color:#1e40af;margin:0;padding:18px 20px;border-bottom:1px solid rgba(226,232,240,.95);text-align:left}@media(max-width: 767px){.result-review__title{padding:14px 16px}}.result-content-level1{padding:20px 20px 26px}@media(max-width: 767px){.result-content-level1{padding:16px 16px 22px}}.result-content-level1 .learning-content{background:rgba(0,0,0,0);border:none;box-shadow:none;padding:0;margin:0}.result-content-level1 .status-mark{display:inline-block;width:24px;height:24px;border-radius:50%;color:#fff;font-size:12px;font-weight:900;margin-left:4px;text-align:center;line-height:24px;vertical-align:top;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}.result-content-level1 .status-mark--correct{background:#22c55e}.result-content-level1 .status-mark--incorrect,.result-content-level1 .status-mark--unanswered{background:#ef4444}.result-content-level1 .status-mark--unanswered{margin-left:-4px;z-index:10;position:relative}.result-content-level1 .chapter-title{display:none;font-size:2rem;font-weight:700;color:#1e40af;margin-bottom:30px;text-align:center;font-family:"Noto Serif JP",serif}@media(max-width: 767px){.result-content-level1 .chapter-title{font-size:1.5rem;margin-bottom:20px}}.result-content-level1 .chapter-content{line-height:2.4rem;font-size:1.2rem;color:#374151}@media(max-width: 767px){.result-content-level1 .chapter-content{font-size:1rem}}.result-content-level1 .chapter-content p{margin-bottom:1.5rem;display:inline}.result-content-level1 .chapter-content p+p{display:block;margin-top:1.5rem}.result-content-level1 .chapter-content .ryuiziko-note{margin:1.4rem 0;padding:1rem 1.2rem;border:1px solid #f4c98a;border-left:6px solid #f59e0b;background:#fff7ed;border-radius:12px;text-indent:0;box-shadow:0 10px 22px rgba(245,158,11,.08)}.result-content-level1 .chapter-content .ryuiziko-note__title{font-weight:900;color:#92400e;font-size:.95rem;margin-bottom:.6rem;letter-spacing:.04em}.result-content-level1 .chapter-content .ryuiziko-note p{display:block;text-indent:0;margin:0 0 .8rem}.result-content-level1 .chapter-content .ryuiziko-note ul{margin:.4rem 0 .8rem;padding-left:1.2rem}.result-content-level1 .chapter-content h2,.result-content-level1 .chapter-content h3,.result-content-level1 .chapter-content h4{font-family:"Noto Serif JP",serif;font-weight:700;margin-top:2rem;margin-bottom:1rem;color:#1f2937}.result-content-level1 .chapter-content h2{font-size:1.5rem;border-bottom:2px solid #d1d5db;padding-bottom:8px}.result-content-level1 .chapter-content h3{font-size:1.25rem}.result-content-level1 .chapter-content ul,.result-content-level1 .chapter-content ol{list-style:none;padding-left:2rem}.result-content-level1 .chapter-content ul li,.result-content-level1 .chapter-content ol li{margin-bottom:.75rem}.result-content-level1 .chapter-content .table-content{margin:1.2rem 0 1.6rem}.result-content-level1 .chapter-content .table-content__row{display:grid;grid-template-columns:minmax(180px, 32%) minmax(0, 1fr);border:1px solid #e2e8f0;border-bottom:none;width:100%;box-sizing:border-box}.result-content-level1 .chapter-content .table-content__row:last-child{border-bottom:1px solid #e2e8f0}.result-content-level1 .chapter-content .table-content__left,.result-content-level1 .chapter-content .table-content__right{padding:10px 12px;line-height:1.7;font-size:1.05rem;min-width:0}.result-content-level1 .chapter-content .table-content__left{background:#f8fafc;border-right:1px solid #e2e8f0;font-weight:400}.result-content-level1 .chapter-content .table-content__right ul{margin:.4rem 0;padding-left:1.4rem;list-style:disc}.result-content-level1 .chapter-content .blank-wrapper{position:relative;display:inline;margin:0 2px}.result-content-level1 .chapter-content .blank-wrapper:hover .blank-details{display:block;opacity:1;transform:translateX(-50%) translateY(0)}.result-content-level1 .chapter-content .blank-input{font-size:1rem;padding:0px 12px;margin:0;background:#fff;border:2px solid #d1d5db;border-radius:6px;text-align:center;font-weight:700;color:#374151;cursor:default;min-width:80px;max-width:150px;position:relative;vertical-align:middle}.result-content-level1 .chapter-content .blank-input.unanswered{background:#fef2f2;border-color:#ef4444;color:#dc2626}.result-content-level1 .chapter-content .blank-input.correct{background:#f0fdf4;border-color:#22c55e;color:#166534;box-shadow:0 4px 12px rgba(34,197,94,.2)}.result-content-level1 .chapter-content .blank-input.incorrect{background:#fef2f2;border-color:#ef4444;color:#dc2626;box-shadow:0 4px 12px rgba(239,68,68,.2)}.result-content-level1 .chapter-content .blank-details{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;border:2px solid;border-radius:8px;padding:12px;margin-top:8px;min-width:200px;box-shadow:0 8px 24px rgba(0,0,0,.15);z-index:10;font-size:.875rem;font-weight:600;display:none;opacity:0;transition:opacity .3s ease,transform .3s ease;transform:translateX(-50%) translateY(-10px)}.result-content-level1 .chapter-content .blank-details--correct{border-color:#22c55e;background:#f0fdf4;color:#166534}.result-content-level1 .chapter-content .blank-details--incorrect{border-color:#ef4444;background:#fef2f2;color:#dc2626}.result-content-level1 .chapter-content .blank-details__user{margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid rgba(0,0,0,.1)}.result-content-level1 .chapter-content .blank-details__correct{color:#059669;font-weight:700}.result-content-level1 .chapter-content .blank-details__status{position:absolute;top:-8px;right:8px;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:900;background:#fff;border:2px solid}.result-content-level1 .chapter-content .blank-details__status--correct{background:#22c55e;border-color:#22c55e;color:#fff}.result-content-level1 .chapter-content .blank-details__status--incorrect{background:#ef4444;border-color:#ef4444;color:#fff}.result-content-level1 .chapter-content .blank-details::before{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-bottom:8px solid}.result-content-level1 .chapter-content .blank-details--correct::before{border-bottom-color:#22c55e}.result-content-level1 .chapter-content .blank-details--incorrect::before{border-bottom-color:#ef4444}.result-page{min-height:100vh;background:#f8fafc;font-family:"Noto Sans JP",sans-serif;line-height:1.6;color:#1f2937}.result-header{padding:40px 0 22px;background:radial-gradient(1100px 420px at 10% -25%, rgba(14, 165, 233, 0.18), rgba(255, 255, 255, 0) 60%),radial-gradient(900px 380px at 92% -30%, rgba(99, 102, 241, 0.12), rgba(255, 255, 255, 0) 65%),linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);border-bottom:1px solid rgba(148,163,184,.22);position:relative;overflow:hidden}.result-header::before,.result-header::after{content:"";position:absolute;border-radius:999px;pointer-events:none;filter:blur(0.2px)}.result-header::before{width:220px;height:220px;left:-80px;top:-90px;background:rgba(59,130,246,.12)}.result-header::after{width:260px;height:260px;right:-120px;top:-110px;background:rgba(14,165,233,.1)}.result-header__content{max-width:1240px;margin:0 auto;padding:0 22px;text-align:left;position:relative;z-index:1}@media(max-width: 767px){.result-header__content{padding:0 16px}}.result-header__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:900;color:#1d4ed8;margin-bottom:6px}.result-header__title{font-size:1.4rem;font-weight:900;color:#0b1f3a;margin:0;line-height:1.45}@media(max-width: 767px){.result-header__title{font-size:1.15rem}}.result-header__subtitle{margin-top:10px;font-size:1.05rem;font-weight:800;color:#1e3a8a;letter-spacing:.01em}@media(max-width: 767px){.result-header__subtitle{font-size:1rem}}.result-container{max-width:1240px;margin:34px auto;padding:0 22px}@media(max-width: 767px){.result-container{margin:20px auto;padding:0 16px}}.result-grid{display:grid;grid-template-columns:minmax(0, 1fr) minmax(320px, 420px);gap:22px;align-items:start}@media(max-width: 767px){.result-grid{grid-template-columns:1fr;gap:16px}}.result-summary{background:#fff;border-radius:18px;padding:22px 22px 20px;margin:0;box-shadow:0 18px 34px rgba(15,23,42,.08);border:1px solid rgba(226,232,240,.95);position:sticky;top:110px}@media(max-width: 767px){.result-summary{position:static;top:auto;padding:20px;border-radius:12px}}.result-summary__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.result-summary__eyebrow{font-size:.78rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:#64748b}.result-summary__headline{margin-top:4px;font-size:1.2rem;font-weight:950;color:#0f172a}.result-summary__chip{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:rgba(239,246,255,.95);border:1px solid rgba(191,219,254,.75);color:#1e3a8a;font-weight:900;font-size:.85rem;white-space:nowrap}.result-summary__score{text-align:center;margin-bottom:16px;padding:16px 14px;background:linear-gradient(135deg, rgba(239, 246, 255, 0.95), rgba(248, 250, 252, 0.92));border-radius:14px;border:1px solid rgba(191,219,254,.65)}@media(max-width: 767px){.result-summary__score{padding:12px}}.result-summary__percentage{font-size:2.4rem;font-weight:900;color:#1e40af;margin-bottom:4px;display:block}@media(max-width: 767px){.result-summary__percentage{font-size:2rem}}.result-summary__fraction{font-size:1rem;color:#6b7280;font-weight:600}.result-summary__details{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:12px;margin:0 0 16px;padding:14px;background:rgba(248,250,252,.9);border-radius:14px;border:1px solid rgba(226,232,240,.9)}@media(max-width: 767px){.result-summary__details{grid-template-columns:1fr;gap:10px;padding:12px}}.result-detail{text-align:left;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.result-detail__label{display:block;font-size:.875rem;color:#6b7280;font-weight:600;margin:0;letter-spacing:.02em}.result-detail__value{font-size:1.05rem;color:#0f172a;font-weight:800;text-align:right}@media(max-width: 767px){.result-detail__value{font-size:1rem}}.result-actions{display:flex;gap:12px;justify-content:stretch}@media(max-width: 767px){.result-actions{flex-direction:column;gap:12px}}.result-share{margin-top:18px;background:#fff;border-radius:16px;border:1px solid rgba(226,232,240,.9);padding:16px;box-shadow:0 14px 26px rgba(15,23,42,.08)}.result-share__head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.result-share__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;font-weight:800;color:#64748b}.result-share__title{font-size:1.05rem;font-weight:800;color:#0f172a}.result-share__badge{background:#0f172a;color:#fff;font-weight:800;font-size:.85rem;padding:4px 10px;border-radius:999px}.result-share__lead{color:#64748b;font-size:.9rem;margin-bottom:12px}.result-share__row{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f8fafc;border-radius:12px;padding:12px 14px;border:1px solid rgba(226,232,240,.9);margin-bottom:12px}.result-share__label{font-weight:700;color:#0f172a;margin-bottom:2px}.result-share__hint{font-size:.85rem;color:#64748b}.result-share__switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.result-share__switch input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.result-share__switch-track{width:48px;height:26px;border-radius:999px;background:#e2e8f0;border:1px solid #cbd5f5;position:relative;transition:background .2s ease,border-color .2s ease}.result-share__switch-track::after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:0 4px 10px rgba(15,23,42,.2);transition:transform .2s ease}.result-share__switch input:checked+.result-share__switch-track{background:#1e40af;border-color:#1e40af}.result-share__switch input:checked+.result-share__switch-track::after{transform:translateX(20px)}.result-share__note{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;font-weight:700;font-size:.85rem;padding:10px 12px;border-radius:10px;margin-bottom:12px}.result-share__link{color:#1d4ed8;text-decoration:none;font-weight:800}.result-share__actions{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px}@media(max-width: 767px){.result-share__actions{grid-template-columns:1fr}}.result-share__btn{font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;gap:8px}.result-share__btn-icon{display:inline-flex;width:16px;height:16px}.result-share__btn-icon svg{width:16px;height:16px}.result-share__status{margin-top:10px;font-size:.85rem;color:#64748b;min-height:1.2em}.result-btn{padding:12px 20px;border-radius:999px;font-weight:700;font-size:.95rem;text-decoration:none;text-align:center;transition:all .3s ease;border:1px solid;width:100%}@media(max-width: 767px){.result-btn{padding:12px 24px;min-width:auto}}.result-btn--primary{background:linear-gradient(135deg, #1e40af, #2563eb);color:#fff;border-color:rgba(30,64,175,.65)}.result-btn--primary:hover{background:linear-gradient(135deg, #1e3a8a, #1d4ed8);border-color:rgba(29,78,216,.7);transform:translateY(-2px);box-shadow:0 18px 28px rgba(29,78,216,.22)}.result-btn--secondary{background:hsla(0,0%,100%,.92);color:#1e40af;border-color:rgba(191,219,254,.9)}.result-btn--secondary:hover{background:rgba(239,246,255,.96);border-color:rgba(147,197,253,.95);transform:translateY(-2px);box-shadow:0 18px 28px rgba(15,23,42,.12)}.result-section-title{font-size:2.25rem;font-weight:700;color:#111827;text-align:center;margin:50px 0 30px 0;padding-bottom:15px;border-bottom:3px solid #e5e7eb}@media(max-width: 767px){.result-section-title{font-size:1.875rem;margin:30px 0 20px 0}}.result-review{margin:0;background:#fff;border-radius:18px;border:1px solid rgba(226,232,240,.95);box-shadow:0 18px 34px rgba(15,23,42,.08)}@media(max-width: 767px){.result-review{border-radius:12px}}.result-review__title{font-size:1.2rem;font-weight:900;color:#1e40af;margin:0;padding:18px 20px;border-bottom:1px solid rgba(226,232,240,.95);text-align:left}@media(max-width: 767px){.result-review__title{padding:14px 16px}}.result-content-level2{padding:20px 20px 26px}@media(max-width: 767px){.result-content-level2{padding:16px 16px 22px}}.result-content-level2 .learning-content{background:rgba(0,0,0,0);border:none;box-shadow:none;padding:0;margin:0}.result-content-level2 .status-mark{display:inline-block;width:20px;height:20px;border-radius:50%;color:#fff;font-size:11px;font-weight:900;margin-left:4px;text-align:center;line-height:20px;vertical-align:top;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}.result-content-level2 .status-mark--correct{background:#22c55e}.result-content-level2 .status-mark--incorrect,.result-content-level2 .status-mark--unanswered{background:#ef4444}.result-content-level2 .status-mark--unanswered{margin-left:-4px;z-index:10;position:relative}.result-content-level2 .chapter-title{display:none;font-size:2rem;font-weight:700;color:#6366f1;margin-bottom:30px;text-align:center;font-family:"Noto Serif JP",serif}@media(max-width: 767px){.result-content-level2 .chapter-title{font-size:1.5rem;margin-bottom:20px}}.result-content-level2 .chapter-content{line-height:2.6rem;font-size:1.1rem;color:#374151}@media(max-width: 767px){.result-content-level2 .chapter-content{font-size:1rem;line-height:2rem}}.result-content-level2 .chapter-content p{margin-bottom:1.2rem;display:inline}.result-content-level2 .chapter-content p+p{display:block;margin-top:1.2rem}.result-content-level2 .chapter-content .ryuiziko-note{margin:1.3rem 0;padding:1rem 1.2rem;border:1px solid #f4c98a;border-left:6px solid #f59e0b;background:#fff7ed;border-radius:12px;text-indent:0;box-shadow:0 10px 22px rgba(245,158,11,.08)}.result-content-level2 .chapter-content .ryuiziko-note__title{font-weight:900;color:#92400e;font-size:.95rem;margin-bottom:.6rem;letter-spacing:.04em}.result-content-level2 .chapter-content .ryuiziko-note p{display:block;text-indent:0;margin:0 0 .8rem}.result-content-level2 .chapter-content .ryuiziko-note ul{margin:.4rem 0 .8rem;padding-left:1.2rem}.result-content-level2 .chapter-content h2,.result-content-level2 .chapter-content h3,.result-content-level2 .chapter-content h4{font-family:"Noto Serif JP",serif;font-weight:700;margin-top:1.8rem;margin-bottom:.8rem;color:#1f2937}.result-content-level2 .chapter-content h2{font-size:1.4rem;border-bottom:2px solid #d1d5db;padding-bottom:6px}.result-content-level2 .chapter-content h3{font-size:1.2rem}.result-content-level2 .chapter-content ul,.result-content-level2 .chapter-content ol{list-style:none;padding-left:1.5rem}.result-content-level2 .chapter-content ul li,.result-content-level2 .chapter-content ol li{margin-bottom:.6rem}.result-content-level2 .chapter-content .table-content{margin:1.1rem 0 1.5rem}.result-content-level2 .chapter-content .table-content__row{display:grid;grid-template-columns:minmax(170px, 32%) minmax(0, 1fr);border:1px solid #e2e8f0;border-bottom:none;width:100%;box-sizing:border-box}.result-content-level2 .chapter-content .table-content__row:last-child{border-bottom:1px solid #e2e8f0}.result-content-level2 .chapter-content .table-content__left,.result-content-level2 .chapter-content .table-content__right{padding:8px 10px;line-height:1.6;font-size:1rem;min-width:0}.result-content-level2 .chapter-content .table-content__left{background:#f8fafc;border-right:1px solid #e2e8f0;font-weight:400}.result-content-level2 .chapter-content .table-content__right ul{margin:.4rem 0;padding-left:1.2rem;list-style:disc}.result-content-level2 .chapter-content .blank-wrapper{position:relative;display:inline;margin:0 2px}.result-content-level2 .chapter-content .blank-wrapper:hover .blank-details{display:block;opacity:1;transform:translateX(-50%) translateY(0)}.result-content-level2 .chapter-content .blank-input{font-size:1rem;padding:4px 10px;margin:0;background:#fff;border:2px dotted #d1d5db;border-radius:4px;text-align:center;font-weight:600;color:#374151;cursor:default;min-width:70px;max-width:140px;position:relative;vertical-align:middle;font-family:"Noto Serif JP",serif}.result-content-level2 .chapter-content .blank-input.unanswered{background:#fef2f2;border-color:#ef4444;color:#dc2626}.result-content-level2 .chapter-content .blank-input.correct{background:#f0fdf4;border:2px solid #22c55e;color:#166534;box-shadow:0 3px 10px rgba(34,197,94,.2)}.result-content-level2 .chapter-content .blank-input.incorrect{background:#fef2f2;border:2px solid #ef4444;color:#dc2626;box-shadow:0 3px 10px rgba(239,68,68,.2)}.result-content-level2 .chapter-content .blank-score-inline{display:inline-block;margin-left:6px;font-size:.62rem;font-weight:600;color:#94a3b8;letter-spacing:.03em;vertical-align:super}.result-content-level2 .chapter-content .blank-details{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:#fff;border:2px solid;border-radius:6px;padding:10px;margin-top:6px;min-width:180px;box-shadow:0 6px 20px rgba(0,0,0,.15);z-index:10;font-size:.8rem;font-weight:600;display:none;opacity:0;transition:opacity .3s ease,transform .3s ease;transform:translateX(-50%) translateY(-8px)}.result-content-level2 .chapter-content .blank-details--correct{border-color:#22c55e;background:#f0fdf4;color:#166534}.result-content-level2 .chapter-content .blank-details--incorrect{border-color:#ef4444;background:#fef2f2;color:#dc2626}.result-content-level2 .chapter-content .blank-details__user{margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid rgba(0,0,0,.1)}.result-content-level2 .chapter-content .blank-details__correct{color:#059669;font-weight:700}.result-content-level2 .chapter-content .blank-details__score{margin-top:4px;font-size:.75rem;font-weight:700;color:#1e293b}.result-content-level2 .chapter-content .blank-details__status{position:absolute;top:-6px;right:6px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:900;background:#fff;border:2px solid}.result-content-level2 .chapter-content .blank-details__status--correct{background:#22c55e;border-color:#22c55e;color:#fff}.result-content-level2 .chapter-content .blank-details__status--incorrect{background:#ef4444;border-color:#ef4444;color:#fff}.result-content-level2 .chapter-content .blank-details::before{content:"";position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border-left:6px solid rgba(0,0,0,0);border-right:6px solid rgba(0,0,0,0);border-bottom:6px solid}.result-content-level2 .chapter-content .blank-details--correct::before{border-bottom-color:#22c55e}.result-content-level2 .chapter-content .blank-details--incorrect::before{border-bottom-color:#ef4444}.drill-level1-history{min-height:100vh;background:linear-gradient(180deg, #eff6ff 0%, #f8fafc 60%, #ffffff 100%)}.history-main__container{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.history-main__container{padding:0 1rem}}@media(min-width: 1024px){.history-main__container{padding:0 .5rem}}.history-main h2{font-size:1.4rem;font-weight:800;color:#0b1f3a;margin-bottom:20px;text-align:left}@media(max-width: 767px){.history-main h2{font-size:1.2rem;margin-bottom:16px}}.history-trend{background:#fff;border-radius:18px;border:1px solid #e2e8f0;box-shadow:0 18px 30px rgba(15,23,42,.08);padding:20px 22px 24px;margin-bottom:28px}.history-trend__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}@media(max-width: 767px){.history-trend__header{flex-direction:column;align-items:flex-start}}.history-trend__eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;font-weight:700;color:#94a3b8;margin-bottom:6px}.history-trend__header h2{min-height:2.6rem;line-height:1.3}.history-trend__meta{display:flex;gap:18px;flex-wrap:wrap}.history-trend__controls{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#475569;position:relative}.history-trend__trigger{appearance:none;border:1px solid #cbd5f5;border-radius:999px;padding:8px 16px;background-color:#fff;color:#1e293b;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;box-shadow:0 8px 18px rgba(15,23,42,.08);transition:border-color .2s ease,box-shadow .2s ease}.history-trend__trigger:hover{border-color:#94a3b8}.history-trend__trigger:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.16)}.history-trend__trigger-icon{font-size:.7rem;color:#64748b}.history-trend__menu{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 18px 30px rgba(15,23,42,.18);padding:6px;display:none;z-index:10}.history-trend__controls.is-open .history-trend__menu{display:block}.history-trend__option{width:100%;text-align:left;border:none;background:rgba(0,0,0,0);padding:8px 10px;border-radius:8px;font-weight:600;color:#0f172a;cursor:pointer}.history-trend__option:hover{background:#eff6ff;color:#1d4ed8}.history-trend__option.is-selected{background:#1d4ed8;color:#fff}.history-trend__stat{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:#64748b}.history-trend__stat strong{font-size:1.05rem;color:#0f172a}.history-trend__chart{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:16px 16px 10px;min-height:320px;display:flex;align-items:center;justify-content:center;flex-direction:column}.history-trend__chart-canvas{width:100%;height:300px}.history-trend__empty{font-size:.9rem;color:#94a3b8;font-weight:700}.history-recent{margin-bottom:28px}.history-recent__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:16px}@media(max-width: 767px){.history-recent__header{flex-direction:column;align-items:flex-start}}.history-recent__eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;font-weight:700;color:#94a3b8;margin-bottom:6px}.history-recent__meta{font-size:.85rem;font-weight:700;color:#475569;background:#e2e8f0;padding:6px 12px;border-radius:999px}.history-recent__grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));gap:16px}.history-recent__card{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 16px 28px rgba(15,23,42,.08);text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.history-recent__card:hover{transform:translateY(-2px);box-shadow:0 18px 30px rgba(15,23,42,.14);border-color:#cbd5f5}.history-recent__card.is-disabled{background:#f8fafc;box-shadow:none;border-style:dashed;cursor:default}.history-recent__card-top{display:flex;justify-content:space-between;gap:12px;font-size:.8rem;color:#64748b;font-weight:700}.history-recent__chapter{text-transform:uppercase;letter-spacing:.12em}.history-recent__time{font-weight:600}.history-recent__title{font-size:1rem;font-weight:800;color:#0f172a}.history-recent__stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(90px, 1fr));gap:10px;font-size:.85rem;color:#475569}.history-recent__stat{display:flex;flex-direction:column;gap:2px}.history-recent__stat strong{font-size:.95rem;color:#0f172a}.history-recent__cta{font-size:.85rem;font-weight:700;color:#1d4ed8}.history-recent__card.is-disabled .history-recent__cta{color:#94a3b8}.history-recent__empty{padding:20px;background:#fff;border-radius:14px;border:1px dashed #e2e8f0;color:#94a3b8;font-weight:700;text-align:center}.history-chapters__grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:20px}.chapter-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 18px 30px rgba(15,23,42,.08);padding:18px 18px 16px;display:flex;flex-direction:column;gap:12px}.chapter-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.chapter-card__eyebrow{font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.12em}.chapter-card__title{font-size:1.05rem;font-weight:800;color:#0f172a;margin:4px 0 0}.chapter-card__badge{padding:6px 12px;border-radius:999px;font-size:.75rem;font-weight:700;white-space:nowrap;background:#e2e8f0;color:#475569}.chapter-card__badge--excellent{background:rgba(30,64,175,.14);color:#1e3a8a}.chapter-card__badge--good{background:rgba(59,130,246,.16);color:#1d4ed8}.chapter-card__badge--needs-review{background:rgba(14,165,233,.18);color:#0284c7}.chapter-card__badge--neglected{background:rgba(148,163,184,.2);color:#475569}.chapter-card__badge--none{background:#f1f5f9;color:#94a3b8}.chapter-card__body{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}@media(max-width: 767px){.chapter-card__body{grid-template-columns:1fr}}.chapter-card__sparkline{min-height:56px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:12px;border:1px dashed #e2e8f0;padding:6px 10px}.chapter-card__sparkline svg{width:100%;height:44px}.chapter-card__sparkline-empty{font-size:.85rem;color:#94a3b8;font-weight:700}.sparkline{stroke-width:3;stroke:#94a3b8}.sparkline--excellent{stroke:#1e3a8a}.sparkline--good{stroke:#2563eb}.sparkline--needs-review{stroke:#0ea5e9}.sparkline--neglected{stroke:#94a3b8}.chapter-card__stats{display:grid;grid-template-columns:1fr;gap:8px;min-width:130px}.chapter-card__stat{display:flex;justify-content:space-between;gap:12px;font-size:.85rem;color:#475569;font-weight:600}.chapter-card__stat-value{font-weight:800;color:#0f172a}.chapter-card__actions{display:flex;justify-content:flex-end}.chapter-card__btn{padding:8px 16px;border-radius:999px;background:#1e40af;color:#fff;text-decoration:none;font-weight:700;font-size:.9rem;box-shadow:0 10px 18px rgba(30,64,175,.18);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.chapter-card__btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 12px 22px rgba(30,64,175,.24)}.drill-level1-history .learnings-hero{animation:drill-history-panel-in .45s ease}.drill-level1-history .learnings-hero__text,.drill-level1-history .history-trend,.drill-level1-history .history-recent,.drill-level1-history .history-chapters,.drill-level1-history .chapter-card{animation:drill-history-rise .5s ease both}.drill-level1-history .learnings-hero__text{animation-delay:.05s}.drill-level1-history .history-trend{animation-delay:.1s}.drill-level1-history .history-recent{animation-delay:.14s}.drill-level1-history .history-chapters{animation-delay:.18s}.drill-level1-history .chapter-card{animation-delay:.12s}.drill-level1-history .chapter-card:nth-child(2){animation-delay:.16s}.drill-level1-history .chapter-card:nth-child(3){animation-delay:.2s}.drill-level1-history .chapter-card:nth-child(4){animation-delay:.24s}@keyframes drill-history-panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes drill-history-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion: reduce){.drill-level1-history .learnings-hero,.drill-level1-history .learnings-hero__text,.drill-level1-history .history-trend,.drill-level1-history .history-recent,.drill-level1-history .history-chapters,.drill-level1-history .chapter-card{animation:none}}.argument-cards{min-height:100vh;display:flex;flex-direction:column;--ac-ink: #0b1f3a;--ac-muted: #56657a;--ac-soft: #94a3b8;--ac-accent: #1d4ed8;--ac-accent-light: #3b82f6;--ac-surface: #ffffff;--ac-border: #e2e8f0;--ac-sidebar-bg: #f8fafc;background:#f1f5f9;color:var(--ac-ink)}.argument-cards__header{background:linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.94));border-bottom:1px solid var(--ac-border);padding:20px 0;position:relative;overflow:hidden}.argument-cards__header::before{content:"";position:absolute;top:-40px;right:-80px;width:260px;height:160px;background:linear-gradient(130deg, rgba(29, 78, 216, 0.12), rgba(14, 165, 233, 0.04));transform:skewX(-10deg);border-radius:32px;pointer-events:none}.argument-cards__header::after{content:"";position:absolute;bottom:-60px;left:-40px;width:160px;height:160px;border-radius:999px;background:radial-gradient(circle at 30% 30%, rgba(14, 165, 233, 0.1), transparent 65%);pointer-events:none}.argument-cards__header-inner{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.argument-cards__header-inner{padding:0 1rem}}@media(min-width: 1024px){.argument-cards__header-inner{padding:0 .5rem}}.argument-cards__header-inner{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.argument-cards__title{font-size:1.25rem;font-weight:700;color:var(--ac-ink);margin:0}.argument-cards__header-meta{display:flex;align-items:center;gap:16px}.argument-cards__mode-badge{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:20px;background:#e0f2fe;color:#0369a1}.argument-cards__mode-badge--hint{background:#fef3c7;color:#b45309}.argument-cards__count{font-size:.875rem;color:var(--ac-muted);font-weight:600}.argument-cards__back-link{font-size:.875rem;color:var(--ac-accent);text-decoration:none}.argument-cards__back-link:hover{text-decoration:underline}.argument-cards__main{flex:1;display:grid;grid-template-columns:280px 1fr;min-height:0}@media(max-width: 767px){.argument-cards__main{grid-template-columns:1fr}}.argument-cards__sidebar{background:var(--ac-sidebar-bg);border-right:1px solid var(--ac-border);display:flex;flex-direction:column;overflow:hidden;min-height:0;height:100%;position:sticky;top:0;max-height:calc(100vh - 80px)}@media(max-width: 767px){.argument-cards__sidebar{display:none}}.argument-cards__sidebar-header{padding:16px 20px;border-bottom:1px solid var(--ac-border);background:var(--ac-surface)}.argument-cards__sidebar-title{font-size:.8rem;font-weight:700;color:var(--ac-muted);text-transform:uppercase;letter-spacing:.05em}.argument-cards__list{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;min-height:0;max-height:100%}.argument-cards__list-item{display:flex;align-items:center;gap:10px;padding:12px 20px;cursor:pointer;border-bottom:1px solid var(--ac-border);transition:background .15s ease}.argument-cards__list-item:hover{background:#e2e8f0}.argument-cards__list-item.is-active{background:var(--ac-accent);color:#fff}.argument-cards__list-item.is-active .argument-cards__list-number{background:hsla(0,0%,100%,.2);color:#fff}.argument-cards__list-item.is-active .argument-cards__list-name{color:#fff}.argument-cards__list-item.is-answered .argument-cards__list-number{background:#dbeafe;color:#1d4ed8}.argument-cards__list-number{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#e2e8f0;border-radius:4px;font-size:.75rem;font-weight:700;color:var(--ac-muted)}.argument-cards__list-name{flex:1;font-size:.875rem;color:var(--ac-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.argument-cards__list-score{font-size:.75rem;font-weight:700;color:var(--ac-muted);min-width:48px;text-align:right;opacity:0;transition:opacity .15s ease}.argument-cards__list-score.is-visible{opacity:1}.argument-cards__content{padding:20px 40px 72px;display:flex;flex-direction:column;gap:24px;max-width:800px;width:100%;align-self:start}@media(max-width: 767px){.argument-cards__content{padding:20px 16px}}.argument-cards__mobile-picker{display:none;flex-direction:column;gap:6px}@media(max-width: 767px){.argument-cards__mobile-picker{display:flex}}.argument-cards__mobile-picker label{font-size:.9rem;color:var(--ac-muted);font-weight:600}.argument-cards__mobile-picker select{width:100%;border:1px solid #000;border-radius:0;padding:10px 12px;font-size:.95rem;background:#fff;color:#000}.argument-cards__share{margin-top:8px}.argument-cards__share[hidden]{display:none}.argument-cards__question{background:var(--ac-surface);border:1px solid var(--ac-border);border-radius:12px;padding:20px 24px;margin-bottom:20px}.argument-cards__question-label{font-size:.75rem;font-weight:700;color:var(--ac-accent);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}.argument-cards__ronten{font-size:1.25rem;font-weight:700;color:var(--ac-ink);line-height:1.5;margin:0}.argument-cards__input{display:flex;flex-direction:column;gap:6px;position:relative;margin-bottom:15px}.argument-cards__input label{display:block;font-size:.95rem;font-weight:400;color:#000;letter-spacing:.1em}.argument-cards__input textarea{--line-height: 2.2em;--line-gap: 3px;width:100%;border:1px solid #000;border-radius:0;padding:.5em 10px;font-size:1.2rem;font-family:inherit;line-height:var(--line-height);color:#000;resize:none;min-height:calc(var(--line-height)*5 + 1em);background-color:#fff;background-image:linear-gradient(to bottom, #bbb 0, #bbb 1px, transparent 1px),linear-gradient(to bottom, #bbb 0, #bbb 1px, transparent 1px);background-size:100% var(--line-height),100% var(--line-height);background-position:0 calc(var(--line-height) + .3em),0 calc(var(--line-height) + .3em + var(--line-gap));background-repeat:repeat-y;background-attachment:local}.argument-cards__input textarea::placeholder{color:#999}.argument-cards__input textarea:focus{outline:none}.argument-cards__input-box{position:relative}.argument-cards__input-box.is-shake{animation:hint-shake .26s ease-in-out}.argument-cards__hint-row{display:flex;align-items:center;gap:10px}.argument-cards__hint-btn{border:1px solid var(--ac-border);background:#f8fafc;color:var(--ac-ink);font-size:.8rem;padding:6px 12px;border-radius:999px;font-weight:600;transition:transform .15s ease,box-shadow .15s ease;cursor:pointer}.argument-cards__hint-btn:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(15,23,42,.08)}.argument-cards__hint-meta{font-size:.8rem;color:var(--ac-muted)}.argument-cards__hint-ghost{position:absolute;left:10px;top:.5em;right:10px;font-size:1.2rem;line-height:2.2em;color:#94a3b8;opacity:0;pointer-events:none;white-space:pre-wrap;padding-right:10px}.argument-cards__hint-ghost.is-visible{opacity:.5}.argument-cards__hint-mask{color:rgba(0,0,0,0)}.argument-cards__hint-text{color:#94a3b8}.argument-cards__hint-status{position:absolute;left:12px;top:8px;font-size:.8rem;color:#1f2937;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;padding:6px 12px;opacity:0;pointer-events:none;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease;box-shadow:0 8px 20px rgba(15,23,42,.08)}.argument-cards__hint-status.is-visible{opacity:1;transform:translateY(0)}.argument-cards__input.is-hint-error textarea{border-color:#94a3b8;box-shadow:0 0 0 1px rgba(148,163,184,.35)}@keyframes hint-shake{0%{transform:translateX(0)}25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-3px)}100%{transform:translateX(0)}}.argument-cards__answer-panel{background:#fff;border:1px solid #000;border-radius:0;margin-top:16px;overflow:hidden;margin-bottom:20px;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.argument-cards__answer-panel.is-reveal{opacity:1;transform:translateY(0)}.argument-cards__answer-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#fff;border-bottom:1px solid #000}.argument-cards__answer-header>span{font-size:.95rem;font-weight:400;color:#000;letter-spacing:.1em}.argument-cards__answer-body{padding:0;font-size:1rem;color:var(--ac-ink);line-height:1.8;white-space:pre-wrap}.argument-cards__answer-body[hidden]{display:none}.argument-cards__btn{padding:10px 18px;border:none;border-radius:8px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg, var(--ac-accent), var(--ac-accent-light));color:#fff;box-shadow:0 2px 6px rgba(29,78,216,.2)}.argument-cards__btn:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(29,78,216,.3)}.argument-cards__btn--correct{background:linear-gradient(135deg, var(--ac-accent), var(--ac-accent-light));box-shadow:0 2px 6px rgba(29,78,216,.2)}.argument-cards__btn--correct:hover{box-shadow:0 4px 10px rgba(29,78,216,.3)}.argument-cards__btn--incorrect{background:#fff;color:var(--ac-muted);border:1.5px solid var(--ac-border);box-shadow:none}.argument-cards__btn--incorrect:hover{background:#f8fafc;border-color:#cbd5e1;color:var(--ac-ink);transform:none;box-shadow:none}.argument-cards__btn--secondary{background:#fff;color:var(--ac-ink);border:1.5px solid #000;box-shadow:none}.argument-cards__btn--secondary:hover{background:#f8fafc;transform:none;box-shadow:none}.argument-cards__actions{display:flex;justify-content:flex-end;align-items:center;gap:16px}.argument-cards__actions[hidden]{display:none}.argument-cards__actions-left{display:flex;align-items:center;gap:10px;margin-right:auto}.argument-cards__grade{display:flex;gap:10px}.argument-cards__result{background:var(--ac-surface);border:1px solid var(--ac-border);border-radius:12px;overflow:hidden;opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.argument-cards__result[hidden]{display:none}.argument-cards__result.is-reveal{opacity:1;transform:translateY(0)}.argument-cards__result--inline{border-radius:0;border:1px solid #000;background:#fff}.argument-cards__result--inline .argument-cards__result-header{background:#fff;border-bottom:1px solid #000}.argument-cards__result-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f8fafc;border-bottom:1px solid var(--ac-border)}.argument-cards__result-title{font-size:.9rem;font-weight:700;color:var(--ac-ink)}.argument-cards__result-score{font-size:.9rem;font-weight:700;padding:4px 12px;border-radius:20px;background:var(--ac-accent);color:#fff}.argument-cards__result-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ac-border)}@media(max-width: 767px){.argument-cards__result-comparison{grid-template-columns:1fr}}.argument-cards__result-column{background:var(--ac-surface);padding:16px 20px}.argument-cards__result-label{font-size:.75rem;font-weight:700;color:var(--ac-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.argument-cards__result-body{font-size:.95rem;line-height:1.8;color:var(--ac-ink)}.argument-cards__result-body .grade-correct{color:#059669;background:#d1fae5}.argument-cards__result-body .grade-incorrect{color:#dc2626;background:#fee2e2;text-decoration:line-through}.argument-cards__result-body .grade-missing{color:#dc2626;background:#fee2e2}.argument-cards__result-body--sheet{--line-height: 2.2em;--line-gap: 3px;min-height:calc(var(--line-height)*5 + 1em);padding:.5em 10px;border:0;font-size:1.2rem;line-height:var(--line-height);background-color:#fff;background-image:linear-gradient(to bottom, #bbb 0, #bbb 1px, transparent 1px),linear-gradient(to bottom, #bbb 0, #bbb 1px, transparent 1px);background-size:100% var(--line-height),100% var(--line-height);background-position:0 calc(var(--line-height) + .3em),0 calc(var(--line-height) + .3em + var(--line-gap));background-repeat:repeat-y;background-attachment:local}.argument-cards__capture.is-capture .argument-cards__result-body--sheet{background-attachment:scroll}.argument-cards__result-body--plain{min-height:0;padding:12px 10px 14px;background:#fff;background-image:none}.argument-cards__answer-body--plain .grade-correct,.argument-cards__answer-body--plain .grade-incorrect,.argument-cards__answer-body--plain .grade-missing{background:rgba(0,0,0,0);text-decoration:none}.argument-cards__answer-body--plain .grade-correct{color:#059669}.argument-cards__answer-body--plain .grade-incorrect,.argument-cards__answer-body--plain .grade-missing{color:#dc2626}.argument-cards__result-actions{padding:0 0 8px;display:flex;justify-content:flex-end;gap:12px}.argument-cards__result-actions[hidden]{display:none}.argument-cards__empty{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.argument-cards__empty{padding:0 1rem}}@media(min-width: 1024px){.argument-cards__empty{padding:0 .5rem}}.argument-cards__empty{padding-top:60px;padding-bottom:60px;text-align:center}.argument-cards__empty[hidden]{display:none}.argument-cards__empty p{font-size:1rem;color:var(--ac-muted);background:var(--ac-surface);border:1px solid var(--ac-border);border-radius:12px;padding:40px}.argument-cards--settings{background:linear-gradient(180deg, #f1f5ff 0%, #f8fafc 55%, #ffffff 100%)}.argument-cards__settings-main{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.argument-cards__settings-main{padding:0 1rem}}@media(min-width: 1024px){.argument-cards__settings-main{padding:0 .5rem}}.argument-cards__settings-main{padding-top:48px;padding-bottom:48px;display:flex;justify-content:center}.argument-cards__settings-panel{width:100%;max-width:520px;background:var(--ac-surface);border:1px solid var(--ac-border);border-radius:20px;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:hidden}.argument-cards__settings-deck{padding:28px;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);color:#fff}.argument-cards__settings-deck-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:hsla(0,0%,100%,.6);margin-bottom:8px}.argument-cards__settings-deck-name{font-size:1.35rem;font-weight:700;color:#fff;margin:0}.argument-cards__settings-deck-desc{font-size:.9rem;color:hsla(0,0%,100%,.7);margin:8px 0 0;line-height:1.5}.argument-cards__settings-section{padding:28px}.argument-cards__settings-section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ac-muted);margin:0 0 16px}.argument-cards__settings-modes{display:flex;flex-direction:column;gap:12px}.argument-cards__settings-mode{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc;border:2px solid var(--ac-border);border-radius:14px;text-decoration:none;color:inherit;transition:all .2s ease}.argument-cards__settings-mode:hover{border-color:var(--ac-accent);background:#eff6ff;transform:translateX(4px)}.argument-cards__settings-mode:hover .argument-cards__settings-mode-arrow{transform:translateX(4px);color:var(--ac-accent)}.argument-cards__settings-mode-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;flex-shrink:0}.argument-cards__settings-mode-icon--free{background:linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);color:#fff}.argument-cards__settings-mode-icon--hint{background:linear-gradient(135deg, #b45309 0%, #f59e0b 100%);color:#fff}.argument-cards__settings-mode-content{flex:1;min-width:0}.argument-cards__settings-mode-name{display:block;font-size:1.05rem;font-weight:700;color:var(--ac-ink);margin-bottom:4px}.argument-cards__settings-mode-desc{display:block;font-size:.85rem;color:var(--ac-muted);line-height:1.4}.argument-cards__settings-mode-arrow{flex-shrink:0;color:var(--ac-soft);transition:all .2s ease}.deck-show{min-height:100vh;background:radial-gradient(ellipse 1000px 400px at 10% 0%, rgba(14, 165, 233, 0.08), transparent 60%),radial-gradient(ellipse 800px 350px at 90% 5%, rgba(29, 78, 216, 0.06), transparent 55%),linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%);color:#0b1f3a}.deck-show__hero{background:#fff;border-bottom:1px solid #e5e7eb;padding:32px 0;position:relative}.deck-show__hero-inner{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.deck-show__hero-inner{padding:0 1rem}}@media(min-width: 1024px){.deck-show__hero-inner{padding:0 .5rem}}.deck-show__hero-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}@media(max-width: 767px){.deck-show__hero-inner{flex-direction:column;align-items:flex-start;gap:20px}}.deck-show__hero-text{flex:1;min-width:0}.deck-show__back-link{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:500;color:#6b7280;text-decoration:none;margin-bottom:12px;transition:color .15s}.deck-show__back-link:hover{color:#1d4ed8}.deck-show__eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.75rem;font-weight:700;color:#1d4ed8;margin-bottom:8px}.deck-show__title{font-size:1.75rem;font-weight:800;color:#0b1f3a;margin:0;line-height:1.3}.deck-show__subtitle{font-size:.9375rem;color:#56657a;margin:8px 0 0;line-height:1.5}.deck-show__hero-actions{display:flex;gap:10px;flex-shrink:0}@media(max-width: 767px){.deck-show__hero-actions{width:100%}}.deck-show__btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;font-size:.875rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;text-decoration:none;transition:all .15s}.deck-show__btn--primary{background:#1d4ed8;color:#fff}.deck-show__btn--primary:hover{background:#1e40af}.deck-show__btn--ghost{background:#fff;color:#374151;border:1px solid #d1d5db}.deck-show__btn--ghost:hover{background:#f9fafb;border-color:#9ca3af}.deck-show__btn--danger{background:#fff;color:#dc2626;border:1px solid #fecaca}.deck-show__btn--danger:hover{background:#fef2f2;border-color:#f87171}.deck-show__btn--large{padding:12px 24px;font-size:.9375rem}.deck-show__main{padding:32px 0 64px;background:#f9fafb;min-height:calc(100vh - 180px)}.deck-show__container{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.deck-show__container{padding:0 1rem}}@media(min-width: 1024px){.deck-show__container{padding:0 .5rem}}.deck-show__container{display:flex;flex-direction:column;gap:24px}.deck-show__stats-bar{display:grid;grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));gap:16px}@media(max-width: 767px){.deck-show__stats-bar{grid-template-columns:repeat(2, 1fr);gap:12px}}.deck-show__stat{display:flex;flex-direction:column;gap:8px;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;transition:all .2s ease}.deck-show__stat:hover{border-color:#d1d5db;box-shadow:0 4px 12px rgba(15,23,42,.06)}.deck-show__stat--accent{background:linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%);border:none}.deck-show__stat--accent .deck-show__stat-value{color:#fff}.deck-show__stat--accent .deck-show__stat-label{color:hsla(0,0%,100%,.8)}.deck-show__stat--accent:hover{box-shadow:0 8px 20px rgba(29,78,216,.25);transform:translateY(-2px)}.deck-show__stat-value{font-size:1.75rem;font-weight:800;color:#111827;line-height:1}.deck-show__stat-label{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.deck-show__section-title{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:600;color:#111827;margin:0}.deck-show__section-title svg{color:#6b7280}.deck-show__add-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.deck-show__add-form{margin-top:20px}.deck-show__add-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width: 767px){.deck-show__add-fields{grid-template-columns:1fr}}.deck-show__add-field{display:flex;flex-direction:column;gap:8px}.deck-show__add-label{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:#374151}.deck-show__add-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:.7rem;font-weight:700;color:#fff;border-radius:4px}.deck-show__add-badge--front{background:#1d4ed8}.deck-show__add-badge--back{background:#059669}.deck-show__add-input{width:100%;padding:12px 14px;font-size:.9375rem;color:#111827;background:#f9fafb;border:1px solid #d1d5db;border-radius:8px;resize:vertical;line-height:1.5;transition:border-color .15s,box-shadow .15s}.deck-show__add-input:focus{outline:none;background:#fff;border-color:#1d4ed8;box-shadow:0 0 0 3px rgba(29,78,216,.1)}.deck-show__add-input::placeholder{color:#9ca3af}@media(max-width: 767px){.deck-show__add-input{font-size:16px}}.deck-show__add-actions{display:flex;justify-content:flex-end;margin-top:16px}.deck-show__answer-sheet{background:#fff;border:1px solid #e5e7eb;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px rgba(15,23,42,.04)}.deck-show__answer-sheet-header{display:flex;align-items:center;gap:16px;padding:24px 28px;background:#fff;border-bottom:1px solid #f3f4f6}.deck-show__answer-sheet-badge-icon{width:48px;height:48px;background:linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.deck-show__answer-sheet-badge-icon svg{color:#1d4ed8}.deck-show__answer-sheet-title{font-size:1.05rem;font-weight:700;color:#0b1f3a;margin:0}.deck-show__answer-sheet-hint{font-size:.8125rem;color:#56657a;margin:4px 0 0}.deck-show__answer-sheet-form{padding:24px}.deck-show__answer-sheet-card{display:flex;flex-direction:column;gap:0}.deck-show__answer-sheet-side{padding:20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.deck-show__answer-sheet-side--answer{background:#fafbfc}.deck-show__answer-sheet-label{display:flex;align-items:center;gap:10px;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:12px}.deck-show__answer-sheet-label-badge{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;font-size:.7rem;font-weight:700;color:#fff;background:linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%);border-radius:6px}.deck-show__answer-sheet-label-badge--back{background:linear-gradient(135deg, #059669 0%, #10b981 100%)}.deck-show__answer-sheet-input{width:100%;padding:14px 16px;font-size:1rem;color:#0b1f3a;background:#fff;border:1px solid #d1d5db;border-radius:8px;resize:vertical;line-height:1.6;transition:border-color .15s,box-shadow .15s}.deck-show__answer-sheet-input:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 3px rgba(29,78,216,.1)}.deck-show__answer-sheet-input::placeholder{color:#94a3b8}.deck-show__answer-sheet-input--lined{--line-height: 2em;background-color:#fff;background-image:linear-gradient(to bottom, #e2e8f0 0, #e2e8f0 1px, transparent 1px);background-size:100% var(--line-height);background-position:0 calc(var(--line-height) + .25em);background-repeat:repeat-y;background-attachment:local;line-height:var(--line-height);min-height:calc(var(--line-height)*5 + 1em)}@media(max-width: 767px){.deck-show__answer-sheet-input{font-size:16px}}.deck-show__answer-sheet-divider{display:flex;align-items:center;justify-content:center;padding:12px 0}.deck-show__answer-sheet-divider-icon{width:36px;height:36px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#94a3b8}.deck-show__answer-sheet-actions{display:flex;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid #e2e8f0}.deck-show__field-label{display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:8px}.deck-show__field-input{width:100%;padding:12px 14px;font-size:.9375rem;color:#0b1f3a;background:#fff;border:1px solid #d1d5db;border-radius:8px;transition:border-color .15s,box-shadow .15s}.deck-show__field-input:focus{outline:none;border-color:#1d4ed8;box-shadow:0 0 0 3px rgba(29,78,216,.1)}.deck-show__field-select{width:100%;padding:12px 14px;font-size:.9375rem;color:#0b1f3a;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%2394a3b8' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px;transition:border-color .15s}.deck-show__field-select:focus{outline:none;border-color:#1d4ed8}@media(max-width: 767px){.deck-show__field-input,.deck-show__field-select{font-size:16px}}.deck-show__cards-section{background:#fff;border:1px solid #e5e7eb;border-radius:20px;overflow:hidden;box-shadow:0 4px 16px rgba(15,23,42,.04)}.deck-show__cards-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.deck-show__cards-count{display:inline-flex;align-items:center;padding:6px 14px;font-size:.8125rem;font-weight:600;color:#1d4ed8;background:#eff6ff;border-radius:20px}.deck-show__cards-list{padding:8px 0}.deck-show__card-item{display:flex;align-items:flex-start;gap:16px;padding:20px 28px;margin:0 12px;border-radius:12px;transition:all .2s ease}.deck-show__card-item:hover{background:#f8fafc}.deck-show__card-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:#1d4ed8;background:linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);border-radius:10px;flex-shrink:0}.deck-show__card-content{flex:1;min-width:0}.deck-show__card-front{font-size:1rem;font-weight:600;color:#111827;margin:0;line-height:1.5}.deck-show__card-back{font-size:.875rem;color:#6b7280;margin:6px 0 0;line-height:1.5;padding:8px 12px;background:#f9fafb;border-radius:8px;border-left:3px solid #e5e7eb}.deck-show__card-actions{display:flex;gap:6px;flex-shrink:0;opacity:0;transition:opacity .15s ease}.deck-show__card-item:hover .deck-show__card-actions{opacity:1}.deck-show__card-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .15s ease}.deck-show__card-btn--edit{color:#6b7280}.deck-show__card-btn--edit:hover{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.deck-show__card-btn--delete{color:#6b7280}.deck-show__card-btn--delete:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.deck-show__cards-empty{padding:64px 28px;text-align:center;color:#6b7280}.deck-show__cards-empty svg{color:#d1d5db;margin-bottom:16px}.deck-show__cards-empty p{font-size:1.125rem;font-weight:600;color:#374151;margin:0 0 8px}.deck-show__cards-empty span{font-size:.9375rem;color:#6b7280}.deck-show__danger-section{padding:24px 28px;background:#fefefe;border:1px solid #f3f4f6;border-radius:16px;display:flex;align-items:center;justify-content:space-between;gap:20px}@media(max-width: 767px){.deck-show__danger-section{flex-direction:column;align-items:flex-start}}.deck-show__danger-title{font-size:.9375rem;font-weight:600;color:#374151;margin:0 0 4px}.deck-show__danger-text{font-size:.8125rem;color:#9ca3af;margin:0}.deck-show__modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:all .25s ease}.deck-show__modal.is-open{opacity:1;visibility:visible}.deck-show__modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.5);backdrop-filter:blur(4px)}.deck-show__modal-panel{position:relative;width:100%;max-width:480px;background:#fff;border-radius:24px;box-shadow:0 25px 60px rgba(15,23,42,.25);transform:translateY(20px) scale(0.95);transition:all .25s ease}.is-open .deck-show__modal-panel{transform:translateY(0) scale(1)}.deck-show__modal-panel--study{max-width:440px}.deck-show__modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:28px 28px 0}.deck-show__modal-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.deck-show__modal-subtitle{font-size:.9rem;color:#6b7280;margin:6px 0 0}.deck-show__modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;border-radius:10px;cursor:pointer;color:#9ca3af;transition:all .15s ease}.deck-show__modal-close:hover{background:#f3f4f6;color:#374151}.deck-show__modal-body{padding:28px}.deck-show__modal-field{margin-bottom:16px}.deck-show__modal-field:last-child{margin-bottom:0}.deck-show__modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px 24px}.deck-show__study-label{font-size:.8125rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px}.deck-show__study-options{display:flex;flex-direction:column;gap:12px}.deck-show__study-option{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:2px solid #e5e7eb;border-radius:16px;text-decoration:none;color:inherit;transition:all .2s ease}.deck-show__study-option:hover{border-color:#1d4ed8;background:#fafbff;transform:translateX(4px)}.deck-show__study-option:hover .deck-show__study-arrow{opacity:1;transform:translateX(4px)}.deck-show__study-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;flex-shrink:0}.deck-show__study-icon--test{background:linear-gradient(135deg, rgba(245, 158, 11, 0.12), rgba(251, 191, 36, 0.08));color:#d97706}.deck-show__study-icon--hint{background:linear-gradient(135deg, rgba(16, 185, 129, 0.12), rgba(52, 211, 153, 0.08));color:#059669}.deck-show__study-text{flex:1}.deck-show__study-name{display:block;font-size:1.0625rem;font-weight:700;color:#111827;margin-bottom:4px}.deck-show__study-desc{display:block;font-size:.875rem;color:#6b7280;line-height:1.4}.deck-show__study-arrow{color:#1d4ed8;opacity:.4;transition:all .2s ease}.user-decks{min-height:100vh;--ud-ink: #0b1f3a;--ud-muted: #56657a;--ud-soft: #94a3b8;--ud-accent: #1d4ed8;--ud-accent-light: #3b82f6;--ud-accent-cool: #0ea5e9;--ud-surface: rgba(255, 255, 255, 0.92);--ud-surface-strong: #ffffff;--ud-border: rgba(15, 23, 42, 0.12);--ud-shadow: 0 18px 34px rgba(15, 23, 42, 0.08);background:radial-gradient(1200px 420px at 10% -10%, rgba(14, 165, 233, 0.18), rgba(255, 255, 255, 0) 60%),radial-gradient(900px 480px at 90% 0%, rgba(29, 78, 216, 0.14), rgba(255, 255, 255, 0) 65%),linear-gradient(180deg, #f1f5ff 0%, #f8fafc 55%, #ffffff 100%);color:var(--ud-ink);position:relative;overflow:hidden}.user-decks__hero{background:linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(239, 246, 255, 0.92));border-bottom:1px solid rgba(148,163,184,.25);padding:36px 0 28px;position:relative;overflow:hidden}.user-decks__hero::before{content:"";position:absolute;top:-36px;right:-120px;width:340px;height:210px;background:linear-gradient(130deg, rgba(29, 78, 216, 0.18), rgba(14, 165, 233, 0.06));transform:skewX(-10deg);border-radius:32px}.user-decks__hero::after{content:"";position:absolute;bottom:-110px;left:-70px;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle at 30% 30%, rgba(14, 165, 233, 0.18), rgba(59, 130, 246, 0.02) 65%)}.user-decks__hero-inner{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.user-decks__hero-inner{padding:0 1rem}}@media(min-width: 1024px){.user-decks__hero-inner{padding:0 .5rem}}.user-decks__hero-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;position:relative;z-index:1}@media(max-width: 767px){.user-decks__hero-inner{flex-direction:column;align-items:flex-start}}.user-decks__hero-text{max-width:560px}.user-decks__eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:700;color:var(--ud-accent);margin-bottom:10px}.user-decks__title{font-size:2.1rem;font-weight:800;color:var(--ud-ink);margin:0 0 8px 0}.user-decks__subtitle{color:var(--ud-muted);font-size:1rem;margin:0}.user-decks__hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}@media(max-width: 767px){.user-decks__hero-actions{width:100%}}.user-decks__btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:600;border-radius:12px;text-decoration:none;transition:all .2s ease;cursor:pointer;border:1px solid rgba(0,0,0,0)}.user-decks__btn--primary{background:var(--ud-accent);color:#fff;box-shadow:0 10px 20px rgba(30,64,175,.18)}.user-decks__btn--primary:hover{background:#1e40af;transform:translateY(-1px)}.user-decks__btn--ghost{background:rgba(0,0,0,0);color:var(--ud-accent);border-color:#bfdbfe}.user-decks__btn--ghost:hover{background:rgba(29,78,216,.06);border-color:var(--ud-accent-light)}.user-decks__main{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.user-decks__main{padding:0 1rem}}@media(min-width: 1024px){.user-decks__main{padding:0 .5rem}}.user-decks__main{padding-top:32px;padding-bottom:48px}.user-decks__quick-actions{display:flex;gap:12px;margin-bottom:28px;flex-wrap:wrap}.user-decks__quick-link{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;font-size:.875rem;font-weight:600;color:var(--ud-muted);background:var(--ud-surface-strong);border:1px solid var(--ud-border);border-radius:10px;text-decoration:none;transition:all .2s ease}.user-decks__quick-link:hover{color:var(--ud-accent);border-color:var(--ud-accent-light);background:rgba(29,78,216,.04)}.user-decks__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.user-decks__section-title{font-size:1.1rem;font-weight:700;color:var(--ud-ink);margin:0}.user-decks__section-meta{font-size:.875rem;color:var(--ud-soft)}.user-decks__grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(300px, 1fr));gap:20px}@media(max-width: 767px){.user-decks__grid{grid-template-columns:1fr}}.user-decks__card{background:var(--ud-surface-strong);border:1px solid var(--ud-border);border-radius:16px;padding:24px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:16px;transition:all .25s ease;box-shadow:0 4px 12px rgba(15,23,42,.04)}.user-decks__card:hover{border-color:var(--ud-accent-light);box-shadow:var(--ud-shadow);transform:translateY(-2px)}.user-decks__card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.user-decks__card-title{font-size:1.15rem;font-weight:700;color:var(--ud-ink);margin:0;line-height:1.4}.user-decks__card-category{display:inline-flex;align-items:center;padding:4px 10px;font-size:.75rem;font-weight:600;color:var(--ud-accent);background:rgba(29,78,216,.08);border-radius:20px;white-space:nowrap}.user-decks__card-body{flex:1}.user-decks__card-stats{display:flex;gap:16px}.user-decks__card-stat{display:flex;flex-direction:column;gap:2px}.user-decks__card-stat-label{font-size:.75rem;color:var(--ud-soft);text-transform:uppercase;letter-spacing:.05em}.user-decks__card-stat-value{font-size:1rem;font-weight:700;color:var(--ud-ink)}.user-decks__card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:16px;border-top:1px solid var(--ud-border)}.user-decks__card-action{font-size:.875rem;font-weight:600;color:var(--ud-accent);display:inline-flex;align-items:center;gap:4px}.user-decks__empty{background:var(--ud-surface-strong);border:2px dashed var(--ud-border);border-radius:20px;padding:64px 32px;text-align:center}.user-decks__empty-icon{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg, rgba(29, 78, 216, 0.1), rgba(14, 165, 233, 0.06));border-radius:16px;display:flex;align-items:center;justify-content:center}.user-decks__empty-icon svg{width:32px;height:32px;color:var(--ud-accent)}.user-decks__empty-title{font-size:1.25rem;font-weight:700;color:var(--ud-ink);margin:0 0 8px 0}.user-decks__empty-text{color:var(--ud-muted);font-size:.95rem;margin:0 0 24px 0;max-width:360px;margin-left:auto;margin-right:auto}.user-decks__empty-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.user-decks__form-panel{background:var(--ud-surface-strong);border:1px solid var(--ud-border);border-radius:20px;padding:32px;max-width:560px;box-shadow:0 4px 12px rgba(15,23,42,.04)}.user-decks__form{display:flex;flex-direction:column;gap:24px}.user-decks__form-group{display:flex;flex-direction:column;gap:8px}.user-decks__form-label{font-size:.875rem;font-weight:600;color:var(--ud-ink)}.user-decks__form-hint{font-size:.8rem;color:var(--ud-soft);margin-top:4px}.user-decks__form-input,.user-decks__form-textarea,.user-decks__form-select{width:100%;padding:12px 16px;font-size:1rem;color:var(--ud-ink);background:#fff;border:1px solid var(--ud-border);border-radius:10px;transition:all .2s ease}.user-decks__form-input:focus,.user-decks__form-textarea:focus,.user-decks__form-select:focus{outline:none;border-color:var(--ud-accent-light);box-shadow:0 0 0 3px rgba(29,78,216,.1)}.user-decks__form-input::placeholder,.user-decks__form-textarea::placeholder,.user-decks__form-select::placeholder{color:var(--ud-soft)}@media(max-width: 767px){.user-decks__form-input,.user-decks__form-textarea,.user-decks__form-select{font-size:16px}}.user-decks__form-textarea{min-height:120px;resize:vertical;line-height:1.6}.user-decks__form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%2394a3b8' d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px;cursor:pointer}.user-decks__form-actions{display:flex;align-items:center;gap:12px;padding-top:8px}.user-decks__form-submit{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;font-size:1rem;font-weight:600;color:#fff;background:var(--ud-accent);border:none;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 10px 20px rgba(30,64,175,.18)}.user-decks__form-submit:hover{background:#1e40af;transform:translateY(-1px)}.user-decks__form-submit:active{transform:translateY(0)}.user-decks__form-cancel{display:inline-flex;align-items:center;gap:6px;padding:14px 20px;font-size:1rem;font-weight:600;color:var(--ud-muted);background:rgba(0,0,0,0);border:1px solid var(--ud-border);border-radius:12px;text-decoration:none;transition:all .2s ease}.user-decks__form-cancel:hover{color:var(--ud-ink);border-color:var(--ud-soft)}.user-decks__detail{display:grid;grid-template-columns:1fr 320px;gap:28px}@media(max-width: 767px){.user-decks__detail{grid-template-columns:1fr}}.user-decks__detail-main{display:flex;flex-direction:column;gap:24px}.user-decks__detail-sidebar{display:flex;flex-direction:column;gap:20px}@media(max-width: 767px){.user-decks__detail-sidebar{order:-1}}.user-decks__info-card{background:var(--ud-surface-strong);border:1px solid var(--ud-border);border-radius:16px;padding:24px}.user-decks__info-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.user-decks__info-title{font-size:.8rem;font-weight:700;color:var(--ud-soft);text-transform:uppercase;letter-spacing:.1em;margin:0}.user-decks__info-body{display:flex;flex-direction:column;gap:12px}.user-decks__info-description{color:var(--ud-muted);font-size:.95rem;line-height:1.6;margin:0}.user-decks__info-meta{display:flex;flex-wrap:wrap;gap:16px;padding-top:12px;border-top:1px solid var(--ud-border)}.user-decks__info-stat{display:flex;flex-direction:column;gap:2px}.user-decks__info-stat-label{font-size:.75rem;color:var(--ud-soft)}.user-decks__info-stat-value{font-size:1rem;font-weight:700;color:var(--ud-ink)}.user-decks__info-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.user-decks__info-action{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;font-size:.95rem;font-weight:600;border-radius:10px;text-decoration:none;transition:all .2s ease;text-align:center}.user-decks__info-action--primary{background:var(--ud-accent);color:#fff}.user-decks__info-action--primary:hover{background:#1e40af}.user-decks__info-action--ghost{background:rgba(0,0,0,0);color:var(--ud-accent);border:1px solid var(--ud-border)}.user-decks__info-action--ghost:hover{border-color:var(--ud-accent-light);background:rgba(29,78,216,.04)}.user-decks__info-action--danger{background:rgba(0,0,0,0);color:#dc2626;border:1px solid rgba(220,38,38,.2)}.user-decks__info-action--danger:hover{background:rgba(220,38,38,.06);border-color:rgba(220,38,38,.4)}.user-decks__card-list-section{background:var(--ud-surface-strong);border:1px solid var(--ud-border);border-radius:16px;overflow:hidden}.user-decks__card-list-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--ud-border);background:#fafbfc}.user-decks__card-list-title{font-size:1rem;font-weight:700;color:var(--ud-ink);margin:0}.user-decks__card-list-count{font-size:.875rem;color:var(--ud-soft)}.user-decks__card-list{list-style:none;margin:0;padding:0}.user-decks__card-list-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--ud-border);transition:background .15s ease}.user-decks__card-list-item:last-child{border-bottom:none}.user-decks__card-list-item:hover{background:#fafbfc}.user-decks__card-list-info{flex:1;min-width:0}.user-decks__card-list-name{font-size:.95rem;font-weight:600;color:var(--ud-ink);margin:0 0 4px 0}.user-decks__card-list-meta{font-size:.8rem;color:var(--ud-soft)}.user-decks__card-list-actions{display:flex;gap:8px}.user-decks__card-list-btn{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;font-size:.8rem;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}.user-decks__card-list-btn--remove{color:#dc2626;background:rgba(220,38,38,.08)}.user-decks__card-list-btn--remove:hover{background:rgba(220,38,38,.15)}.user-decks__card-list-empty{padding:48px 24px;text-align:center;color:var(--ud-muted);font-size:.95rem}.user-decks__add-card-section{background:var(--ud-surface-strong);border:1px solid var(--ud-border);border-radius:16px;padding:24px}.user-decks__add-card-title{font-size:1rem;font-weight:700;color:var(--ud-ink);margin:0 0 16px 0}.user-decks__add-card-form{display:flex;flex-direction:column;gap:16px}.user-decks__add-card-row{display:grid;grid-template-columns:1fr 100px;gap:12px}@media(max-width: 767px){.user-decks__add-card-row{grid-template-columns:1fr}}.user-decks__add-card-submit{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;font-size:.9rem;font-weight:600;color:#fff;background:var(--ud-accent);border:none;border-radius:10px;cursor:pointer;transition:all .2s ease;align-self:flex-start}.user-decks__add-card-submit:hover{background:#1e40af}.user-decks__add-card-empty{color:var(--ud-muted);font-size:.95rem}.user-decks__empty-grid{display:grid;grid-template-columns:3fr 7fr;gap:24px}@media(max-width: 767px){.user-decks__empty-grid{grid-template-columns:1fr}}.user-decks__empty-panel{background:var(--ud-surface-strong);border:2px dashed var(--ud-border);border-radius:20px;padding:48px 32px;text-align:center;display:flex;flex-direction:column;align-items:center}.user-decks__empty-panel--filled{border-style:solid;border-width:1px}.user-decks__empty-panel-icon{width:56px;height:56px;margin-bottom:16px;background:linear-gradient(135deg, rgba(29, 78, 216, 0.1), rgba(14, 165, 233, 0.06));border-radius:14px;display:flex;align-items:center;justify-content:center}.user-decks__empty-panel-icon svg{width:28px;height:28px;color:var(--ud-accent)}.user-decks__empty-panel-title{font-size:1.1rem;font-weight:700;color:var(--ud-ink);margin:0 0 6px 0}.user-decks__empty-panel-text{color:var(--ud-muted);font-size:.9rem;margin:0 0 20px 0;max-width:280px}.user-decks__empty-panel-action{margin-top:auto}.user-decks__category-list{width:100%;list-style:none;margin:0 0 20px 0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.user-decks__category-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f8fafc;border:1px solid var(--ud-border);border-radius:10px;text-align:left}.user-decks__category-icon{width:32px;height:32px;background:rgba(29,78,216,.08);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-decks__category-icon svg{width:16px;height:16px;color:var(--ud-accent)}.user-decks__category-info{flex:1;min-width:0}.user-decks__category-name{font-size:.9rem;font-weight:600;color:var(--ud-ink);margin:0}.user-decks__category-count{font-size:.75rem;color:var(--ud-soft)}.user-decks__modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.user-decks__modal.is-open{opacity:1;visibility:visible}.user-decks__modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.5);backdrop-filter:blur(4px)}.user-decks__modal-panel{position:relative;background:var(--ud-surface-strong);border-radius:20px;padding:32px;width:100%;max-width:420px;box-shadow:0 25px 50px rgba(15,23,42,.25);transform:translateY(10px);transition:transform .2s ease}.is-open .user-decks__modal-panel{transform:translateY(0)}.user-decks__modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.user-decks__modal-title{font-size:1.25rem;font-weight:700;color:var(--ud-ink);margin:0}.user-decks__modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;border-radius:8px;cursor:pointer;color:var(--ud-soft);transition:all .15s ease}.user-decks__modal-close:hover{background:#f1f5f9;color:var(--ud-ink)}.user-decks__modal-body{display:flex;flex-direction:column;gap:20px}.user-decks__modal-actions{display:flex;gap:12px;margin-top:8px}.user-decks__card-creator{background:#fff;border-radius:20px;border:1px solid var(--ud-border);box-shadow:0 4px 16px rgba(15,23,42,.06);overflow:hidden}.user-decks__card-creator-header{display:flex;align-items:center;gap:14px;padding:20px 28px;background:#f8fafc;border-bottom:1px solid var(--ud-border)}.user-decks__card-creator-icon{width:40px;height:40px;background:linear-gradient(135deg, rgba(29, 78, 216, 0.1), rgba(59, 130, 246, 0.06));border-radius:12px;display:flex;align-items:center;justify-content:center}.user-decks__card-creator-icon svg{width:20px;height:20px;color:var(--ud-accent)}.user-decks__card-creator-title{font-size:1.05rem;font-weight:700;color:var(--ud-ink);margin:0}.user-decks__card-creator-body{padding:28px}.user-decks__card-creator-form{display:flex;flex-direction:column;gap:24px}.user-decks__card-preview{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width: 767px){.user-decks__card-preview{grid-template-columns:1fr}}.user-decks__card-side{display:flex;flex-direction:column;gap:10px}.user-decks__card-side-label{display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:700;color:var(--ud-ink)}.user-decks__card-side-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;font-size:.75rem;font-weight:800;color:#fff;border-radius:8px}.user-decks__card-side-badge--front{background:linear-gradient(135deg, #1e40af 0%, #3b82f6 100%)}.user-decks__card-side-badge--back{background:linear-gradient(135deg, #059669 0%, #10b981 100%)}.user-decks__card-side-input{width:100%;padding:18px 20px;font-size:1rem;color:var(--ud-ink);background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;transition:all .2s ease;min-height:140px;resize:vertical;line-height:1.7}.user-decks__card-side-input:focus{outline:none;background:#fff;border-color:var(--ud-accent);box-shadow:0 0 0 4px rgba(29,78,216,.1)}.user-decks__card-side-input::placeholder{color:#94a3b8}.user-decks__card-creator-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.user-decks__card-list-section{background:var(--ud-surface-strong);border:1px solid var(--ud-border);border-radius:20px;overflow:hidden;box-shadow:0 4px 16px rgba(15,23,42,.06)}.user-decks__card-list-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%)}.user-decks__card-list-title{display:flex;align-items:center;gap:10px;font-size:1rem;font-weight:700;color:#fff;margin:0}.user-decks__card-list-icon{width:32px;height:32px;background:hsla(0,0%,100%,.15);border-radius:10px;display:flex;align-items:center;justify-content:center}.user-decks__card-list-icon svg{width:16px;height:16px;color:#fff}.user-decks__card-list-count{font-size:.85rem;font-weight:600;color:hsla(0,0%,100%,.7);background:hsla(0,0%,100%,.1);padding:4px 12px;border-radius:20px}.user-decks__card-list{list-style:none;margin:0;padding:0}.user-decks__card-list-item{display:flex;align-items:center;gap:16px;padding:20px 28px;border-bottom:1px solid #f1f5f9;transition:all .15s ease}.user-decks__card-list-item:last-child{border-bottom:none}.user-decks__card-list-item:hover{background:#f8fafc}.user-decks__card-list-number{width:32px;height:32px;background:linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:var(--ud-accent);flex-shrink:0}.user-decks__card-list-info{flex:1;min-width:0}.user-decks__card-list-name{font-size:.95rem;font-weight:600;color:var(--ud-ink);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-decks__card-list-preview{font-size:.8rem;color:var(--ud-soft);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-decks__card-list-actions{display:flex;gap:8px;flex-shrink:0}.user-decks__card-list-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;font-size:.8rem;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;text-decoration:none}.user-decks__card-list-btn--edit{color:var(--ud-accent);background:#eff6ff}.user-decks__card-list-btn--edit:hover{background:#dbeafe}.user-decks__card-list-btn--remove{color:#dc2626;background:#fef2f2}.user-decks__card-list-btn--remove:hover{background:#fee2e2}.user-decks__card-list-empty{padding:64px 28px;text-align:center;color:var(--ud-muted);font-size:.95rem}.user-decks__edit-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.user-decks__edit-modal.is-open{opacity:1;visibility:visible}.user-decks__edit-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(8px)}.user-decks__edit-modal-panel{position:relative;background:#f1f5f9;border-radius:24px;width:100%;max-width:600px;max-height:90vh;overflow:hidden;box-shadow:0 25px 60px rgba(15,23,42,.3);transform:translateY(20px) scale(0.95);transition:transform .25s ease;display:flex;flex-direction:column}.is-open .user-decks__edit-modal-panel{transform:translateY(0) scale(1)}.user-decks__edit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;background:linear-gradient(135deg, #0f172a 0%, #1e293b 100%)}.user-decks__edit-modal-title{font-size:1.15rem;font-weight:700;color:#fff;margin:0}.user-decks__edit-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.1);border:none;border-radius:10px;cursor:pointer;color:hsla(0,0%,100%,.7);transition:all .15s ease}.user-decks__edit-modal-close:hover{background:hsla(0,0%,100%,.2);color:#fff}.user-decks__edit-modal-body{padding:28px;overflow-y:auto}.user-decks__edit-cards{display:flex;flex-direction:column;gap:20px}.user-decks__edit-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 8px rgba(15,23,42,.06)}.user-decks__edit-card-label{display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:700;color:var(--ud-ink);margin-bottom:12px}.user-decks__edit-card-input{width:100%;padding:16px 18px;font-size:1rem;color:var(--ud-ink);background:#fff;border:2px solid #e2e8f0;border-radius:12px;transition:all .2s ease;min-height:100px;resize:vertical;line-height:1.6}.user-decks__edit-card-input:focus{outline:none;border-color:var(--ud-accent);box-shadow:0 0 0 4px rgba(29,78,216,.1)}.user-decks__edit-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 28px;background:#fff;border-top:1px solid #e2e8f0}.user-decks__card-title-area{flex:1;min-width:0}.user-decks__card-title-link{text-decoration:none;color:inherit;display:block}.user-decks__card-title-link:hover .user-decks__card-title{color:var(--ud-accent)}.user-decks__card-menu{position:relative}.user-decks__card-menu-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;border-radius:8px;cursor:pointer;color:var(--ud-soft);transition:all .15s ease}.user-decks__card-menu-btn:hover{background:#f1f5f9;color:var(--ud-ink)}.user-decks__card-dropdown{position:absolute;top:100%;right:0;z-index:100;min-width:160px;background:#fff;border:1px solid var(--ud-border);border-radius:12px;box-shadow:0 10px 30px rgba(15,23,42,.12);padding:6px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease}.user-decks__card-dropdown.is-open{opacity:1;visibility:visible;transform:translateY(4px)}.user-decks__card-dropdown-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:.875rem;font-weight:500;color:var(--ud-ink);background:rgba(0,0,0,0);border:none;border-radius:8px;cursor:pointer;text-decoration:none;transition:all .15s ease;text-align:left}.user-decks__card-dropdown-item:hover{background:#f1f5f9}.user-decks__card-dropdown-item svg{flex-shrink:0;color:var(--ud-soft)}.user-decks__card-dropdown-item--danger{color:#dc2626}.user-decks__card-dropdown-item--danger svg{color:#dc2626}.user-decks__card-dropdown-item--danger:hover{background:#fef2f2}.user-decks__card-study-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;color:#fff;background:var(--ud-accent);border-radius:8px;text-decoration:none;transition:all .2s ease}.user-decks__card-study-btn:hover{background:#1e40af}.user-decks__card-study-btn--disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed}.user-decks__card-study-btn--disabled:hover{background:#e2e8f0}.user-decks__card-detail-link{display:inline-flex;align-items:center;gap:4px;font-size:.85rem;font-weight:600;color:var(--ud-muted);text-decoration:none;transition:all .2s ease}.user-decks__card-detail-link:hover{color:var(--ud-accent)}.user-decks__modal-panel--wide{max-width:520px}.user-decks__form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width: 767px){.user-decks__form-row{grid-template-columns:1fr}}.user-decks__form-group--half{flex:1}.user-decks__stats-card{background:linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);border-radius:16px;overflow:hidden;color:#fff}.user-decks__stats-header{padding:16px 20px;border-bottom:1px solid hsla(0,0%,100%,.15)}.user-decks__stats-title{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:hsla(0,0%,100%,.9);text-transform:uppercase;letter-spacing:.08em;margin:0}.user-decks__stats-title svg{opacity:.8}.user-decks__stats-body{padding:20px}.user-decks__stats-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:12px;margin-bottom:16px}.user-decks__stats-item{text-align:center;padding:12px 8px;background:hsla(0,0%,100%,.1);border-radius:10px}.user-decks__stats-item--accent{background:hsla(0,0%,100%,.2)}.user-decks__stats-value{display:block;font-size:1.5rem;font-weight:800;color:#fff;line-height:1.2}.user-decks__stats-label{display:block;font-size:.7rem;font-weight:600;color:hsla(0,0%,100%,.7);text-transform:uppercase;letter-spacing:.05em;margin-top:4px}.user-decks__stats-meta{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:hsla(0,0%,100%,.1);border-radius:10px;margin-bottom:16px}.user-decks__stats-meta-label{font-size:.8rem;color:hsla(0,0%,100%,.7)}.user-decks__stats-meta-value{font-size:.85rem;font-weight:600;color:#fff}.user-decks__stats-progress{display:flex;flex-direction:column;gap:8px}.user-decks__stats-progress-bar{height:8px;background:hsla(0,0%,100%,.2);border-radius:4px;overflow:hidden}.user-decks__stats-progress-fill{height:100%;background:#fff;border-radius:4px;transition:width .3s ease}.user-decks__stats-progress-text{font-size:.75rem;color:hsla(0,0%,100%,.8);text-align:center}.category-manager__modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:all .25s ease}.category-manager__modal.is-open{opacity:1;visibility:visible}.category-manager__modal.is-open .category-manager__panel{transform:translateY(0) scale(1)}.category-manager__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(4px)}.category-manager__panel{position:relative;width:100%;max-width:480px;max-height:80vh;background:#fff;border-radius:20px;box-shadow:0 20px 50px rgba(15,23,42,.2);display:flex;flex-direction:column;transform:translateY(20px) scale(0.95);transition:all .25s ease}.category-manager__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--ud-border)}.category-manager__title{font-size:1.1rem;font-weight:700;color:var(--ud-ink);margin:0}.category-manager__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;border-radius:10px;cursor:pointer;color:var(--ud-soft);transition:all .15s ease}.category-manager__close:hover{background:#f1f5f9;color:var(--ud-ink)}.category-manager__body{padding:20px 24px;overflow-y:auto;flex:1}.category-manager__search{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f8fafc;border:1px solid var(--ud-border);border-radius:10px;margin-bottom:16px}.category-manager__search svg{color:var(--ud-soft);flex-shrink:0}.category-manager__search-input{flex:1;border:none;background:rgba(0,0,0,0);font-size:.9rem;color:var(--ud-ink);outline:none}.category-manager__search-input::placeholder{color:var(--ud-soft)}.category-manager__list{max-height:280px;overflow-y:auto;margin-bottom:16px}.category-manager__item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:10px;transition:background .15s ease}.category-manager__item:hover{background:#f8fafc}.category-manager__item-info{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.category-manager__item-name{font-size:.9rem;font-weight:600;color:var(--ud-ink)}.category-manager__item-count{font-size:.75rem;color:var(--ud-muted)}.category-manager__item-actions{display:flex;align-items:center;gap:6px}.category-manager__item-badge{font-size:.7rem;font-weight:600;padding:4px 8px;background:#e0f2fe;color:#0369a1;border-radius:6px}.category-manager__item-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;border-radius:8px;cursor:pointer;color:var(--ud-soft);transition:all .15s ease}.category-manager__item-btn:hover{background:#f1f5f9;color:var(--ud-ink)}.category-manager__item-btn--danger:hover{background:#fef2f2;color:#dc2626}.category-manager__empty{padding:32px 16px;text-align:center;color:var(--ud-muted);font-size:.9rem}.category-manager__status{padding:10px 14px;border-radius:8px;font-size:.85rem;font-weight:500;margin-bottom:16px}.category-manager__status--success{background:#ecfdf5;color:#059669}.category-manager__status--error{background:#fef2f2;color:#dc2626}.category-manager__status[hidden]{display:none}.category-manager__edit-form{display:none;padding:16px;background:#f8fafc;border-radius:12px;margin-bottom:16px}.category-manager__edit-form.is-active{display:block}.category-manager__edit-header{font-size:.8rem;font-weight:600;color:var(--ud-muted);margin-bottom:10px}.category-manager__edit-row{display:flex;gap:8px}.category-manager__edit-input{flex:1;padding:10px 14px;font-size:.9rem;border:1px solid var(--ud-border);border-radius:8px;outline:none}.category-manager__edit-input:focus{border-color:var(--ud-accent)}.category-manager__edit-save,.category-manager__edit-cancel{padding:10px 16px;font-size:.85rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.category-manager__edit-save{background:var(--ud-accent);color:#fff}.category-manager__edit-save:hover{background:#1e40af}.category-manager__edit-cancel{background:#e2e8f0;color:var(--ud-ink)}.category-manager__edit-cancel:hover{background:#cbd5e1}.category-manager__create{padding-top:16px;border-top:1px solid var(--ud-border)}.category-manager__create-label{font-size:.8rem;font-weight:600;color:var(--ud-muted);margin-bottom:10px}.category-manager__create-form{display:flex;gap:8px}.category-manager__create-input{flex:1;padding:10px 14px;font-size:.9rem;border:1px solid var(--ud-border);border-radius:8px;outline:none}.category-manager__create-input:focus{border-color:var(--ud-accent)}.category-manager__create-btn{padding:10px 20px;font-size:.85rem;font-weight:600;background:var(--ud-accent);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.category-manager__create-btn:hover{background:#1e40af}.user-decks__study-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:all .25s ease}.user-decks__study-modal.is-open{opacity:1;visibility:visible}.user-decks__study-modal.is-open .user-decks__study-modal-panel{transform:translateY(0) scale(1)}.user-decks__study-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.6);backdrop-filter:blur(8px)}.user-decks__study-modal-panel{position:relative;width:100%;max-width:480px;background:#fff;border-radius:24px;box-shadow:0 25px 60px rgba(15,23,42,.25);transform:translateY(20px) scale(0.95);transition:all .25s ease;overflow:hidden}.user-decks__study-modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px 20px;background:#fff;border-bottom:1px solid #e5e7eb}.user-decks__study-modal-header-text{flex:1}.user-decks__study-modal-title{font-size:1.25rem;font-weight:700;color:#111827;margin:0 0 4px}.user-decks__study-modal-subtitle{font-size:.9rem;color:#6b7280;margin:0}.user-decks__study-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;border-radius:10px;cursor:pointer;color:#9ca3af;transition:all .15s ease;margin-left:16px;flex-shrink:0}.user-decks__study-modal-close:hover{background:#f3f4f6;color:#374151}.user-decks__study-modal-body{padding:24px 28px 28px}.user-decks__study-modal-section-title{font-size:.85rem;font-weight:700;color:var(--ud-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 16px}.user-decks__study-modes{display:flex;flex-direction:column;gap:12px}.user-decks__study-mode{display:flex;align-items:center;gap:16px;padding:20px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;text-decoration:none;color:inherit;transition:all .2s ease}.user-decks__study-mode:hover{border-color:var(--ud-accent-light);background:#f0f9ff;transform:translateX(4px)}.user-decks__study-mode:hover .user-decks__study-mode-arrow{opacity:1;transform:translateX(4px)}.user-decks__study-mode-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:14px;flex-shrink:0}.user-decks__study-mode-icon--test{background:linear-gradient(135deg, rgba(245, 158, 11, 0.15), rgba(251, 191, 36, 0.1));color:#d97706}.user-decks__study-mode-icon--hint{background:linear-gradient(135deg, rgba(16, 185, 129, 0.15), rgba(52, 211, 153, 0.1));color:#059669}.user-decks__study-mode-content{flex:1;min-width:0}.user-decks__study-mode-name{display:block;font-size:1.05rem;font-weight:700;color:var(--ud-ink);margin-bottom:4px}.user-decks__study-mode-desc{display:block;font-size:.85rem;color:var(--ud-muted);line-height:1.4}.user-decks__study-mode-arrow{color:var(--ud-accent);opacity:.4;transition:all .2s ease;flex-shrink:0}.card-manager{min-height:100vh;display:flex;flex-direction:column;--cm-ink: #0b1f3a;--cm-muted: #56657a;--cm-soft: #94a3b8;--cm-accent: #1d4ed8;--cm-accent-light: #3b82f6;--cm-surface: #ffffff;--cm-border: #e2e8f0;--cm-sidebar-bg: #f8fafc;--cm-danger: #dc2626;background:radial-gradient(1200px 420px at 10% -10%, rgba(14, 165, 233, 0.12), rgba(255, 255, 255, 0) 60%),radial-gradient(900px 480px at 90% 0%, rgba(29, 78, 216, 0.1), rgba(255, 255, 255, 0) 65%),linear-gradient(180deg, #f1f5ff 0%, #f8fafc 55%, #ffffff 100%);color:var(--cm-ink)}.card-manager__header{background:linear-gradient(135deg, rgba(255, 255, 255, 0.96), rgba(239, 246, 255, 0.94));border-bottom:1px solid var(--cm-border);padding:20px 0;position:relative;overflow:hidden}.card-manager__header::before{content:"";position:absolute;top:-40px;right:-80px;width:260px;height:160px;background:linear-gradient(130deg, rgba(29, 78, 216, 0.12), rgba(14, 165, 233, 0.04));transform:skewX(-10deg);border-radius:32px;pointer-events:none}.card-manager__header-inner{max-width:980px;margin:0 auto;padding:0 .25rem}@media(max-width: 767px){.card-manager__header-inner{padding:0 1rem}}@media(min-width: 1024px){.card-manager__header-inner{padding:0 .5rem}}.card-manager__header-inner{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}@media(max-width: 767px){.card-manager__header-inner{flex-direction:column;align-items:flex-start;gap:12px}}.card-manager__header-text{display:flex;flex-direction:column;gap:4px}.card-manager__title{font-size:1.25rem;font-weight:700;color:var(--cm-ink);margin:0}.card-manager__subtitle{font-size:.875rem;color:var(--cm-muted);margin:0}.card-manager__header-actions{display:flex;align-items:center;gap:12px}.card-manager__back-link{display:flex;align-items:center;gap:4px;font-size:.875rem;color:var(--cm-accent);text-decoration:none;padding:8px 12px;border-radius:8px;transition:background .15s ease}.card-manager__back-link:hover{background:rgba(29,78,216,.08)}.card-manager__back-link svg{flex-shrink:0}.card-manager__main{flex:1;display:grid;grid-template-columns:280px 1fr;min-height:0}@media(max-width: 767px){.card-manager__main{grid-template-columns:1fr}}.card-manager__sidebar{background:var(--cm-sidebar-bg);border-right:1px solid var(--cm-border);display:flex;flex-direction:column;overflow:hidden;min-height:0;height:100%;position:sticky;top:0;max-height:calc(100vh - 100px)}@media(max-width: 767px){.card-manager__sidebar{max-height:320px;position:static;border-right:none;border-bottom:1px solid var(--cm-border);border-radius:16px;margin:16px;box-shadow:0 4px 12px rgba(15,23,42,.06)}}.card-manager__sidebar-header{padding:16px 20px;border-bottom:1px solid var(--cm-border);background:var(--cm-surface);display:flex;align-items:center;justify-content:space-between}.card-manager__sidebar-title{font-size:.8rem;font-weight:700;color:var(--cm-muted);text-transform:uppercase;letter-spacing:.05em}.card-manager__sidebar-count{font-size:.75rem;font-weight:600;color:var(--cm-soft);background:#e2e8f0;padding:2px 8px;border-radius:20px}.card-manager__deck-list{overflow-y:auto;flex:1;min-height:0}.card-manager__category{border-bottom:1px solid var(--cm-border)}.card-manager__category-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#f1f5f9;width:100%;border:none;cursor:pointer;text-align:left}.card-manager__category-name{font-size:.75rem;font-weight:700;color:var(--cm-muted);text-transform:uppercase;letter-spacing:.05em}.card-manager__category-meta{display:inline-flex;align-items:center;gap:8px}.card-manager__category-count{font-size:.7rem;font-weight:600;color:var(--cm-soft);background:#e2e8f0;padding:2px 6px;border-radius:10px}.card-manager__category-toggle{width:8px;height:8px;border-right:2px solid var(--cm-muted);border-bottom:2px solid var(--cm-muted);transform:rotate(45deg);transition:transform .2s ease}.card-manager__category-body{max-height:0;overflow:hidden;transition:max-height .25s ease}.card-manager__category.is-open .card-manager__category-toggle{transform:rotate(-135deg)}.card-manager__decks{list-style:none;margin:0;padding:0}.card-manager__deck-item{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 12px 28px;cursor:pointer;border-bottom:1px solid var(--cm-border);transition:background .15s ease}.card-manager__deck-item:last-child{border-bottom:none}.card-manager__deck-item:hover{background:#e2e8f0}.card-manager__deck-item.is-active{background:var(--cm-accent);color:#fff}.card-manager__deck-item.is-active .card-manager__deck-name{color:#fff}.card-manager__deck-item.is-active .card-manager__deck-count{background:hsla(0,0%,100%,.2);color:#fff}.card-manager__deck-name{font-size:.875rem;color:var(--cm-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-manager__deck-count{flex-shrink:0;font-size:.7rem;font-weight:600;color:var(--cm-muted);background:#e2e8f0;padding:2px 8px;border-radius:10px}.card-manager__empty-sidebar{padding:32px 20px;text-align:center}.card-manager__empty-sidebar p{font-size:.875rem;color:var(--cm-muted);margin:0 0 12px}.card-manager__empty-link{font-size:.875rem;color:var(--cm-accent);text-decoration:none}.card-manager__empty-link:hover{text-decoration:underline}.card-manager__card-list{display:none;flex-direction:column;overflow:hidden}.card-manager__card-list.is-visible{display:flex;flex:1;border-top:1px solid var(--cm-border);background:var(--cm-surface)}.card-manager__card-list-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8fafc;border-bottom:1px solid var(--cm-border)}.card-manager__card-list-title{font-size:.8rem;font-weight:700;color:var(--cm-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-manager__add-card-btn{display:flex;align-items:center;gap:4px;padding:6px 10px;border:none;background:var(--cm-accent);color:#fff;font-size:.75rem;font-weight:600;border-radius:6px;cursor:pointer;transition:background .15s ease}.card-manager__add-card-btn:hover{background:var(--cm-accent-light)}.card-manager__add-card-btn svg{flex-shrink:0}.card-manager__add-card-btn:disabled{background:#cbd5f5;color:#fff;cursor:not-allowed}.card-manager__cards{list-style:none;margin:0;padding:0;overflow-y:auto;flex:1;min-height:0}.card-manager__card-item{padding:10px 16px;cursor:pointer;border-bottom:1px solid var(--cm-border);transition:background .15s ease}.card-manager__card-item:hover{background:#f1f5f9}.card-manager__card-item.is-active{background:#dbeafe;border-left:3px solid var(--cm-accent);padding-left:13px}.card-manager__card-name{font-size:.85rem;color:var(--cm-ink);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-manager__card-empty{padding:20px 16px;text-align:center;font-size:.85rem;color:var(--cm-muted)}.card-manager__content{padding:32px 40px;display:flex;flex-direction:column;min-height:0}@media(max-width: 767px){.card-manager__content{padding:20px 16px}}.card-manager__content-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--cm-border);margin-bottom:16px}@media(max-width: 767px){.card-manager__content-header{flex-direction:column;align-items:stretch}}.card-manager__content-label{font-size:.75rem;font-weight:700;color:var(--cm-muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px}.card-manager__content-title{font-size:1.4rem;font-weight:700;color:var(--cm-ink);margin:0 0 4px}.card-manager__content-count{font-size:.85rem;color:var(--cm-soft);margin:0}.card-manager__content-actions{display:flex;align-items:center;gap:12px;flex-wrap:nowrap}@media(max-width: 767px){.card-manager__content-actions{flex-wrap:wrap;justify-content:flex-start}}.card-manager__search{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#f8fafc;border:1px solid var(--cm-border);border-radius:10px;min-width:240px}@media(max-width: 767px){.card-manager__search{width:100%}}.card-manager__search-icon{color:var(--cm-soft);flex-shrink:0;display:inline-flex}.card-manager__search-input{flex:1;border:none;background:rgba(0,0,0,0);font-size:.9rem;color:var(--cm-ink);outline:none}.card-manager__search-input::placeholder{color:var(--cm-soft)}.card-manager__search-input:disabled{color:var(--cm-soft);cursor:not-allowed}.card-manager__search-clear{border:none;background:#e2e8f0;color:var(--cm-muted);font-size:.9rem;width:22px;height:22px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.card-manager__search-clear:hover{background:#cbd5f5;color:var(--cm-ink)}.card-manager__page-status{margin-bottom:14px;padding:10px 14px;border-radius:8px;font-size:.85rem;font-weight:600}.card-manager__page-status[hidden]{display:none}.card-manager__page-status--success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.card-manager__page-status--error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.card-manager__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;text-align:center;padding:60px 20px}.card-manager__placeholder-icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, rgba(29, 78, 216, 0.1), rgba(14, 165, 233, 0.06));border-radius:20px;margin-bottom:20px}.card-manager__placeholder-icon svg{width:40px;height:40px;color:var(--cm-accent)}.card-manager__placeholder-title{font-size:1.25rem;font-weight:700;color:var(--cm-ink);margin:0 0 8px}.card-manager__placeholder-text{font-size:.9rem;color:var(--cm-muted);margin:0}.card-manager__table{border:1px solid var(--cm-border);border-radius:12px;background:var(--cm-surface);overflow:hidden;box-shadow:0 4px 14px rgba(15,23,42,.06)}.card-manager__table-head,.card-manager__table-row{display:grid;grid-template-columns:minmax(140px, 1.2fr) minmax(160px, 1.8fr) 110px 110px 90px 90px;gap:12px;align-items:center;padding:12px 16px}.card-manager__table-head{background:#f8fafc;font-size:.75rem;font-weight:700;color:var(--cm-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--cm-border)}.card-manager__table-body{display:flex;flex-direction:column}.card-manager__table-row{cursor:pointer;border-bottom:1px solid var(--cm-border);transition:background .15s ease}.card-manager__table-row:last-child{border-bottom:none}.card-manager__table-row:hover{background:#eff6ff}.card-manager__table-row:focus-visible{outline:2px solid var(--cm-accent);outline-offset:-2px}.card-manager__table-cell{font-size:.85rem;color:var(--cm-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-manager__table-cell--front{font-weight:600}.card-manager__loading{margin-top:16px;font-size:.9rem;color:var(--cm-muted)}@media(max-width: 767px){.card-manager__table{overflow-x:auto}.card-manager__table-head,.card-manager__table-row{min-width:720px}}.card-manager__editor-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--cm-border);background:#f8fafc}.card-manager__editor-title{font-size:1rem;font-weight:700;color:var(--cm-ink);margin:0}.card-manager__editor-body{padding:24px;display:flex;flex-direction:column;gap:20px;flex:1;overflow-y:auto}@media(max-width: 767px){.card-manager__editor-body{padding:16px}}.card-manager__status{padding:10px 14px;border-radius:8px;font-size:.85rem;font-weight:500}.card-manager__status[hidden]{display:none}.card-manager__status--success{background:#dcfce7;color:#166534;border:1px solid #bbf7d0}.card-manager__status--error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}.card-manager__editor-field{display:flex;flex-direction:column;gap:8px}.card-manager__editor-label{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--cm-ink)}.card-manager__editor-badge{font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase}.card-manager__editor-badge--front{background:#dbeafe;color:#1e40af}.card-manager__editor-badge--back{background:#fef3c7;color:#b45309}.card-manager__editor-input{width:100%;padding:12px 14px;border:1px solid var(--cm-border);border-radius:8px;font-size:.95rem;font-family:inherit;line-height:1.6;color:var(--cm-ink);resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}.card-manager__editor-input:focus{outline:none;border-color:var(--cm-accent);box-shadow:0 0 0 3px rgba(29,78,216,.1)}.card-manager__editor-input::placeholder{color:var(--cm-soft)}.card-manager__editor-input--large{min-height:200px}.card-manager__editor-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--cm-border);background:#fafbfc}@media(max-width: 767px){.card-manager__editor-footer{padding:16px;gap:12px}}.card-manager__btn{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease}.card-manager__btn svg{flex-shrink:0}.card-manager__btn--primary{background:linear-gradient(135deg, var(--cm-accent), var(--cm-accent-light));color:#fff;box-shadow:0 2px 6px rgba(29,78,216,.2)}.card-manager__btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(29,78,216,.3)}.card-manager__btn--danger{background:#fff;color:var(--cm-danger);border:1px solid #fecaca}.card-manager__btn--danger:hover{background:#fef2f2;border-color:var(--cm-danger)}.card-manager__btn--danger[hidden]{display:none}.card-manager__modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:1000}.card-manager__modal[hidden]{display:none}.card-manager__modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.45)}.card-manager__modal-panel{position:relative;background:var(--cm-surface);border-radius:16px;border:1px solid var(--cm-border);width:min(720px,92vw);max-height:90vh;overflow:hidden;box-shadow:0 24px 60px rgba(15,23,42,.25);z-index:1;display:flex;flex-direction:column}.card-manager__modal-close{border:none;background:none;font-size:1.4rem;cursor:pointer;color:var(--cm-muted)}.card-manager__add-card-btn--primary{padding:10px 14px;font-size:.85rem}.user-drill{max-width:980px;margin:0 auto;padding:32px 20px 64px}.user-drill__header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px;padding:28px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 4px 16px rgba(15,23,42,.04)}@media(max-width: 767px){.user-drill__header{flex-direction:column;align-items:flex-start;gap:20px;padding:20px}}.user-drill__eyebrow{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#1d4ed8;font-weight:700;margin-bottom:4px}.user-drill__title{font-size:1.75rem;font-weight:800;color:#0f172a;margin:0 0 8px;line-height:1.3}.user-drill__lead{color:#6b7280;font-size:.9375rem;line-height:1.5}.user-drill__cards{display:grid;gap:16px}.user-drill__empty{padding:64px 32px;text-align:center;border:2px dashed #e5e7eb;border-radius:20px;background:#fff}.user-drill__empty p{font-size:1.0625rem;color:#6b7280;margin-bottom:20px}.user-drill-card{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 28px;border-radius:20px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 4px 16px rgba(15,23,42,.04);transition:all .2s ease}.user-drill-card:hover{border-color:#d1d5db;box-shadow:0 8px 24px rgba(15,23,42,.08)}@media(max-width: 767px){.user-drill-card{flex-direction:column;align-items:flex-start;gap:16px;padding:20px}}.user-drill-card__main{flex:1;min-width:0}.user-drill-card__title{font-size:1.125rem;font-weight:700;color:#111827;margin-bottom:8px;line-height:1.4}.user-drill-card__meta{display:flex;gap:16px;flex-wrap:wrap;color:#6b7280;font-size:.875rem}.user-drill-card__meta span{display:inline-flex;align-items:center;gap:4px}.user-drill-card__actions{display:flex;gap:10px;flex-shrink:0}@media(max-width: 767px){.user-drill-card__actions{width:100%}}.user-drill-page{max-width:980px;margin:0 auto;padding:32px 16px 64px}.user-drill-page__header{margin-bottom:24px;padding:24px 28px;background:linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 4px 16px rgba(15,23,42,.04)}.user-drill-page__eyebrow{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#1d4ed8;font-weight:700;margin-bottom:6px}.user-drill-page h1{font-size:1.6rem;font-weight:800;color:#0f172a;margin:0;line-height:1.3}.user-drill-page p{color:#64748b;margin-top:8px}@media(max-width: 767px){.user-drill-page{padding:16px 12px 48px}.user-drill-page__header{padding:18px 20px;border-radius:12px}.user-drill-page h1{font-size:1.35rem}}.user-drill-editor{background:#fff;border-radius:18px;border:1px solid #e2e8f0;padding:24px;box-shadow:0 16px 28px rgba(15,23,42,.08)}.user-drill-editor__form{display:flex;flex-direction:column;gap:20px}.user-drill-editor__errors{border:1px solid #fecaca;background:#fef2f2;color:#b91c1c;border-radius:12px;padding:12px 14px;font-weight:600}.user-drill-editor__errors ul{margin-top:8px;padding-left:16px}.user-drill-editor__fields{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:16px}.user-drill-editor__field{display:flex;flex-direction:column;gap:8px}.user-drill-editor__label{font-weight:700;color:#0f172a}.user-drill-editor__input,.user-drill-editor__select{border:1px solid #cbd5f5;border-radius:10px;padding:12px 14px;font-size:1rem;background:#f8fafc}.user-drill-editor__chapter{font-weight:700;padding:12px 14px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0}.user-drill-editor__hint{font-size:.9rem;color:#1e40af;padding:12px 16px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:10px}.user-drill-editor__notice{padding:10px 12px;border-radius:10px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;font-weight:600}.user-drill-editor__toolbar{position:sticky;top:0;z-index:100;background:linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);border-radius:12px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 8px 20px rgba(30,64,175,.25);margin-bottom:16px}.user-drill-editor__toolbar-hint{color:hsla(0,0%,100%,.9);font-size:.875rem;font-weight:500}.user-drill-editor__toolbar-actions{display:flex;align-items:center;gap:14px}.user-drill-editor__toolbar-btn{background:#fff;color:#1e40af;border:none;padding:10px 20px;border-radius:8px;font-weight:700;font-size:.9375rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(0,0,0,.1)}.user-drill-editor__toolbar-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.15)}.user-drill-editor__toolbar-btn:disabled{opacity:.5;cursor:not-allowed}.user-drill-editor__toolbar-count{color:#fff;font-weight:700;font-size:.9375rem;background:hsla(0,0%,100%,.2);padding:6px 12px;border-radius:999px}.user-drill-editor__preview{border:1px solid #e2e8f0;border-radius:16px;padding:24px 28px;background:#f8fafc;box-shadow:0 14px 30px rgba(30,64,175,.08);min-height:300px}.user-drill-editor__preview-content{line-height:1.8;font-size:1.05rem;letter-spacing:.01em;color:var(--text-primary)}.user-drill-editor__preview-content p{margin:0 0 1.2rem;text-indent:0;color:var(--text-primary)}.user-drill-editor__preview-content h2{font-size:1.2rem;margin:1.4rem 0 .6rem;color:var(--text-primary);font-weight:700;scroll-margin-top:96px}.user-drill-editor__preview-content h3{font-size:1.05rem;margin:1rem 0 .5rem;color:var(--text-primary);font-weight:600;scroll-margin-top:96px}.user-drill-editor__preview-content .kizyun-viewer__section-body{margin-left:2.4rem;margin-top:.2rem}.user-drill-editor__preview-content .kizyun-viewer__section-body ul{padding-left:.8rem}.user-drill-editor__preview-content ul{list-style:none;padding-left:1.2rem;margin:.6rem 0 1.2rem}.user-drill-editor__preview-content li{margin-bottom:.6rem;text-indent:0;color:var(--text-primary)}.user-drill-editor__preview-content ul ul{padding-left:2rem;margin-top:.5rem}.user-drill-editor__preview-content ul ul ul{padding-left:2.4rem;margin-top:.4rem}.user-drill-editor__preview-content table{width:100%;border-collapse:collapse;margin:1rem 0 1.4rem;font-size:.95rem}.user-drill-editor__preview-content th,.user-drill-editor__preview-content td{border:1px solid #e2e8f0;padding:8px 10px;text-align:left;vertical-align:top}.user-drill-editor__preview-content thead th{background:#f8fafc;font-weight:700}.user-drill-editor__preview-content td ul,.user-drill-editor__preview-content td ol{margin:.4rem 0;padding-left:1.2rem}.user-drill-editor__preview-content .table-content{margin:1rem 0 1.4rem}.user-drill-editor__preview-content .table-content__row{display:grid;grid-template-columns:minmax(160px, 30%) minmax(0, 1fr);border:1px solid #e2e8f0;border-bottom:none}.user-drill-editor__preview-content .table-content__row:last-child{border-bottom:1px solid #e2e8f0}.user-drill-editor__preview-content .table-content__left,.user-drill-editor__preview-content .table-content__right{padding:8px 10px;line-height:1.6}.user-drill-editor__preview-content .table-content__left{background:#f8fafc;font-weight:400;border-right:1px solid #e2e8f0}.user-drill-editor__preview-content .table-content__right ul{margin:.4rem 0;padding-left:1.2rem;list-style:disc}.user-drill-editor__preview-content .math-display{text-align:center;margin:1rem 0}.user-drill-editor__preview-content .ryuiziko-note{margin:1.4rem 0;padding:1rem 1.2rem;border:1px solid #f4c98a;border-left:6px solid #f59e0b;background:#fff7ed;border-radius:6px;text-indent:0;box-shadow:0 6px 16px rgba(245,158,11,.08)}.user-drill-editor__preview-content .ryuiziko-note__title{font-weight:700;color:#92400e;font-size:.95rem;margin-bottom:.6rem;letter-spacing:.04em}.user-drill-editor__preview-content .ryuiziko-note p{text-indent:0;margin-bottom:.8rem}.user-drill-editor__preview-content .ryuiziko-note ul{margin:.4rem 0 .8rem;padding-left:1.2rem}.user-drill-editor .blank-wrapper{position:relative;display:inline;cursor:pointer}.user-drill-editor .blank-wrapper::after{content:"クリックで削除";position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:#1f2937;color:#fff;font-size:.75rem;font-weight:600;padding:6px 10px;border-radius:6px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:10;pointer-events:none}.user-drill-editor .blank-wrapper::before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);border:5px solid rgba(0,0,0,0);border-top-color:#1f2937;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:10}.user-drill-editor .blank-wrapper:hover::after,.user-drill-editor .blank-wrapper:hover::before{opacity:1;visibility:visible}.user-drill-editor .blank-input{display:inline;min-width:60px;line-height:3rem;padding:2px 8px;margin:5px 0px;background:#fff;border:2px solid var(--text-primary);border-radius:3px;color:var(--text-primary);font-size:inherit;transition:all .2s ease;text-decoration:none}.user-drill-editor .blank-input:hover{background:#fef2f2;border-color:#ef4444;color:#ef4444}.user-drill-editor__actions{display:none}.user-drill-editor__count{color:#475569;font-weight:600}.user-drill-editor__textarea{position:absolute;opacity:0;pointer-events:none;height:0;width:0}.user-drill-editor__submit{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.user-drill-study{max-width:980px;margin:0 auto;padding:32px 20px 64px}.user-drill-study__header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;padding:28px;background:#fff;border:1px solid #e5e7eb;border-radius:20px;box-shadow:0 4px 16px rgba(15,23,42,.04)}@media(max-width: 767px){.user-drill-study__header{flex-direction:column;align-items:flex-start;gap:20px;padding:20px}}.user-drill-study__eyebrow{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;color:#1d4ed8;font-weight:700;margin-bottom:4px}.user-drill-study__title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0 0 8px;line-height:1.3}.user-drill-study__meta{color:#6b7280;font-weight:600;font-size:.9rem}.user-drill-study__actions{display:flex;gap:10px;flex-shrink:0}@media(max-width: 767px){.user-drill-study__actions{width:100%}}.user-drill-study__actions .action-btn{padding:12px 20px;border-radius:12px;font-weight:600;font-size:.9375rem;transition:all .2s ease}.user-drill-study__actions .action-btn--primary{background:linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%);color:#fff;border:none;box-shadow:0 8px 20px rgba(29,78,216,.25)}.user-drill-study__actions .action-btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(29,78,216,.3)}.user-drill-study__progress{display:flex;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px rgba(15,23,42,.04)}.user-drill-study__progress-bar{flex:1;height:10px;background:#e5e7eb;border-radius:5px;overflow:hidden}.user-drill-study__progress-fill{height:100%;background:linear-gradient(90deg, #1d4ed8 0%, #3b82f6 100%);width:0;transition:width .3s ease;border-radius:5px}.user-drill-study__progress-text{font-weight:700;font-size:.9375rem;color:#111827;white-space:nowrap}.user-drill-study__content{background:#fff;border-radius:20px;border:1px solid #e5e7eb;padding:32px;box-shadow:0 8px 24px rgba(15,23,42,.06)}@media(max-width: 767px){.user-drill-study__content{padding:20px 16px;border-radius:16px}}@media(max-width: 767px){.user-drill-editor{padding:16px;border-radius:14px}.user-drill-editor__input,.user-drill-editor__select{font-size:16px}.user-drill-editor__toolbar{flex-direction:column;gap:12px;padding:12px 14px}.user-drill-editor__toolbar-hint{font-size:.8125rem;text-align:center}.user-drill-editor__toolbar-actions{width:100%;justify-content:space-between}.user-drill-editor__toolbar-btn{flex:1;padding:12px 16px}.user-drill-editor__preview{padding:16px;border-radius:12px}.user-drill-editor__hint{font-size:.8125rem;padding:10px 12px}.user-drill-editor .blank-wrapper::after,.user-drill-editor .blank-wrapper::before{display:none}.user-drill-editor .blank-input{padding:2px 6px;min-width:50px}.user-drill-study{padding:16px 12px 64px}.user-drill-study .blank-input{display:inline-block;max-width:calc(100vw - 80px);min-width:120px}.user-drill-study .blank-display{display:none}}.user-drill .action-btn,.user-drill-study .action-btn,.user-drill-page .action-btn{border:1px solid #e5e7eb;background:#f9fafb;color:#374151;padding:12px 20px;border-radius:12px;font-weight:600;font-size:.9375rem;text-decoration:none;cursor:pointer;transition:all .2s ease}.user-drill .action-btn:hover,.user-drill-study .action-btn:hover,.user-drill-page .action-btn:hover{background:#f3f4f6;border-color:#d1d5db}.user-drill .action-btn--primary,.user-drill-study .action-btn--primary,.user-drill-page .action-btn--primary{background:linear-gradient(135deg, #1d4ed8 0%, #3b82f6 100%);color:#fff;border:none;box-shadow:0 8px 20px rgba(29,78,216,.25)}.user-drill .action-btn--primary:hover,.user-drill-study .action-btn--primary:hover,.user-drill-page .action-btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(29,78,216,.3)}.user-drill .action-btn--ghost,.user-drill-study .action-btn--ghost,.user-drill-page .action-btn--ghost{background:rgba(0,0,0,0);color:#6b7280;border:1px solid #e5e7eb}.user-drill .action-btn--ghost:hover,.user-drill-study .action-btn--ghost:hover,.user-drill-page .action-btn--ghost:hover{background:#f9fafb;color:#374151}@media(max-width: 767px){.user-drill .action-btn,.user-drill-study .action-btn,.user-drill-page .action-btn{flex:1;text-align:center;padding:12px 16px}}