:root{--primary: #06b6d4;--primary-dark: #164e63;--primary-light: #cffafe;--ink-black: #1a1a1b;--official-gray: #4a4a4a;--paper-bg: #ffffff;--header-bg: #164e63;--body-bg: #ecfeff;--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",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif;font-weight:400;color:var(--text-primary)}.learning-layout{font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif;background-color:var(--body-bg);color:var(--ink-black)}.btn{display:inline-block;padding:10px 20px;border-radius:8px;font-weight:700;font-size:.9rem;text-align:center;text-decoration:none;border:2px solid rgba(0,0,0,0);cursor:pointer;transition:all .2s ease}.btn--primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;border-color:rgba(0,0,0,0)}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(6,182,212,.3)}.btn--outline{background:#fff;color:var(--primary);border-color:var(--primary)}.btn--outline:hover{background:var(--primary-light)}.btn--lg{padding:14px 28px;font-size:1rem}.btn--sm{padding:6px 14px;font-size:.8rem}.btn--disabled,.btn:disabled{background:#e2e8f0;color:#9ca3af;border-color:rgba(0,0,0,0);cursor:not-allowed;transform:none;box-shadow:none}.progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg, var(--primary), #0891b2);border-radius:4px;transition:width .4s ease}.app-header{background:linear-gradient(135deg, #0891b2 0%, #164e63 100%);padding:12px 0;border-bottom:1px solid hsla(0,0%,100%,.08);box-shadow:0 6px 16px rgba(22,78,99,.25);position:sticky;top:0;z-index:1000}.app-header__container{max-width:980px;margin:0 auto;padding:0 1rem;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.5rem;font-weight:800;letter-spacing:.01em;background:linear-gradient(135deg, #ffffff 0%, rgba(165, 243, 252, 0.9) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.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(22,78,99,.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-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__user{flex:0 0 auto}.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:#164e63;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(236,254,255,.95);color:#164e63}.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(22,78,99,.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:#ecfeff;color:#0891b2}.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__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.2rem}.app-header__menu-button{display:inline-flex;margin-left:auto;border-radius:14px;background:rgba(22,78,99,.18);border-color:rgba(165,243,252,.6);box-shadow:0 10px 18px rgba(22,78,99,.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:#f0fdfa;background-image:radial-gradient(8px 8px at 18% 20%, rgba(6, 182, 212, 0.08) 0 60%, rgba(240, 253, 250, 0) 62%),radial-gradient(10px 10px at 78% 28%, rgba(8, 145, 178, 0.06) 0 60%, rgba(240, 253, 250, 0) 62%),radial-gradient(12px 12px at 28% 76%, rgba(6, 182, 212, 0.05) 0 60%, rgba(240, 253, 250, 0) 62%),linear-gradient(145deg, rgba(207, 250, 254, 0.9), rgba(255, 255, 255, 0.95));box-shadow:-16px 0 30px rgba(22,78,99,.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(22,78,99,.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-link{display:flex;align-items:center;padding:10px 12px;font-size:.95rem;color:#164e63;background:hsla(0,0%,100%,.75);border:1px solid rgba(148,163,184,.25);width:100%}.app-header__nav-link:hover{background:rgba(207,250,254,.9);color:#164e63}.app-header__nav-link--active{background:rgba(8,145,178,.12);color:#164e63;border-color:rgba(8,145,178,.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:#164e63;background:hsla(0,0%,100%,.8);border-color:rgba(148,163,184,.3)}.app-header__auth-link:hover{background:rgba(207,250,254,.95);color:#164e63}.app-header__auth-link--primary{background:rgba(8,145,178,.12);color:#164e63;border-color:rgba(8,145,178,.35)}.app-header__auth-link--primary:hover{background:rgba(8,145,178,.18)}}.app-main{min-height:80vh}.learning-main{min-height:80vh}.app-footer{background:linear-gradient(180deg, #0891b2 0%, #164e63 100%);color:hsla(0,0%,100%,.85);padding:2rem 0 1.5rem;margin-top:auto}.app-footer__inner{max-width:980px;margin:0 auto;padding:0 1rem}.app-footer__top{display:flex;gap:48px;margin-bottom:32px}@media(max-width: 767px){.app-footer__top{flex-direction:column;gap:32px}}.app-footer__brand{flex-shrink:0}.app-footer__logo{font-size:1.2rem;font-weight:800;color:#fff;text-decoration:none;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.app-footer__logo:hover{opacity:.9}.app-footer__nav{display:grid;grid-template-columns:repeat(3, 1fr);gap:24px 32px;flex:1}@media(max-width: 767px){.app-footer__nav{grid-template-columns:1fr}}.app-footer__group{display:flex;flex-direction:column;gap:10px}.app-footer__group h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.16em;color:hsla(0,0%,100%,.5);margin-bottom:4px}.app-footer__group a{color:hsla(0,0%,100%,.85);text-decoration:none;font-weight:600;font-size:.9rem;transition:color .2s ease}.app-footer__group a:hover{color:#fff;text-decoration:underline}.app-footer__copy{font-size:.85rem;letter-spacing:.02em;border-top:1px solid hsla(0,0%,100%,.1);padding-top:20px;text-align:center}.admin-header{background:#1f2937;padding:10px 0}.admin-header__inner{max-width:980px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;gap:24px}.admin-header__brand{color:#fff;font-weight:700;text-decoration:none}.admin-header__nav{display:flex;gap:8px;flex:1}.admin-header__nav a{color:hsla(0,0%,100%,.8);text-decoration:none;padding:6px 12px;border-radius:6px;font-size:.85rem}.admin-header__nav a:hover{background:hsla(0,0%,100%,.1);color:#fff}.admin-header__user{color:hsla(0,0%,100%,.7);font-size:.85rem;display:flex;align-items:center;gap:12px}.admin-header__user a{color:hsla(0,0%,100%,.8);text-decoration:none}.admin-header__user a:hover{color:#fff}.admin-main{max-width:980px;margin:0 auto;padding:2rem 1rem}.flash{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-weight:500}.flash--notice{background:#ecfeff;color:#155e75;border:1px solid #67e8f9}.flash--alert{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.home-takken{background:rgba(0,0,0,0);min-height:100vh}.home-takken__container{max-width:980px;margin:0 auto;padding:0 1rem}@media(min-width: 1024px){.home-takken__container{padding:0 .5rem}}.home-takken__hero{position:relative;overflow:hidden;background:#fff;color:#0f172a;padding:122px 0 84px}@media(max-width: 767px){.home-takken__hero{padding:52px 0 36px}}.home-takken__hero::before,.home-takken__hero::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;z-index:0}.home-takken__hero::before{top:-180px;right:-140px;background:radial-gradient(circle, rgba(6, 182, 212, 0.18), rgba(255, 255, 255, 0))}.home-takken__hero::after{bottom:-220px;left:-120px;background:radial-gradient(circle, rgba(14, 116, 144, 0.14), rgba(255, 255, 255, 0))}.home-takken__hero-inner{position:relative;z-index:1;max-width:860px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:18px}.home-takken__hero-title{font-size:clamp(2.2rem,3.4vw,3.6rem);font-weight:800;line-height:1.2;margin-bottom:20px;letter-spacing:.02em;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}@media(max-width: 767px){.home-takken__hero-title{font-size:2rem}}.home-takken__hero-emphasis{display:inline-block;padding:0 6px;color:#0e7490;font-weight:800;position:relative}.home-takken__hero-emphasis::after{content:"";position:absolute;left:0;right:0;bottom:.1em;height:.35em;background:rgba(6,182,212,.25);border-radius:6px;z-index:-1}.home-takken__hero-lead{color:#1f2937;font-size:1.15rem;line-height:1.9;font-weight:600;display:grid;gap:6px;margin-top:2px;max-width:720px;margin-left:auto;margin-right:auto}@media(max-width: 767px){.home-takken__hero-lead{font-size:.95rem}}.home-takken__hero-actions{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:8px;flex-wrap:wrap}.home-takken__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;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}@media(max-width: 767px){.home-takken__cta{padding:14px 28px;width:100%;text-align:center}}.home-takken__cta--primary{background:linear-gradient(90deg, #06b6d4, #0e7490);color:#fff;box-shadow:0 8px 20px -4px rgba(6,182,212,.4)}.home-takken__cta--primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px -4px rgba(6,182,212,.5)}.home-takken__cta--ghost{background:hsla(0,0%,100%,.9);color:#164e63;box-shadow:0 4px 12px -2px rgba(0,0,0,.1);border:1px solid rgba(6,182,212,.3)}.home-takken__cta--ghost:hover{background:#fff;box-shadow:0 6px 16px -2px rgba(0,0,0,.15)}.home-takken__main{padding:24px 0 72px}.home-takken__definition{margin:6px 0 44px;text-align:center;max-width:900px;margin-left:auto;margin-right:auto}.home-takken__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;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.home-takken__definition-title::after{content:"";position:absolute;left:50%;bottom:-4px;width:72px;height:3px;background:#0f172a;transform:translateX(-50%)}.home-takken__definition-lead{color:#1f2937;font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.9;font-weight:700;max-width:760px;margin:0 auto;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}@media(max-width: 767px){.home-takken__definition-lead{font-size:1rem}}.home-takken__title{font-size:2.2rem;font-weight:800;color:#0f172a;margin-bottom:12px;letter-spacing:.02em;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}@media(max-width: 767px){.home-takken__title{font-size:1.7rem}}.home-takken__lead{font-size:1.05rem;color:#475569;max-width:720px;line-height:1.9;margin-left:auto;margin-right:auto;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}@media(max-width: 767px){.home-takken__lead{font-size:.95rem}}.home-takken__eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;font-weight:700;color:#0e7490;margin-bottom:10px;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.home-takken__section-title{font-size:1.6rem;font-weight:800;color:#0f172a;margin-bottom:6px;margin-top:4px;letter-spacing:.02em;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.home-takken__learning{margin-top:8px;margin-bottom:36px;text-align:center;max-width:900px;margin-left:auto;margin-right:auto}.home-takken__card{background:#fff;border-radius:18px;padding:22px;border:1px solid #e2e8f0;box-shadow:0 16px 28px rgba(15,23,42,.08)}.home-takken__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-takken__card--flow::after{content:"";position:absolute;right:-80px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle, rgba(6, 182, 212, 0.16), rgba(255, 255, 255, 0));pointer-events:none}.home-takken__flow{list-style:none;padding:0;margin:0;position:relative;display:flex;flex-direction:column;gap:16px}.home-takken__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='%230e7490' stroke-width='10' opacity='0.15' 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='%2306b6d4' stroke-width='3' opacity='0.3' 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-takken__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;text-align:left}.home-takken__flow-step:hover{transform:translateY(-2px);box-shadow:0 18px 32px rgba(15,23,42,.12);border-color:rgba(6,182,212,.4)}.home-takken__flow-step::before{content:"";position:absolute;inset:0;border-radius:16px;background:linear-gradient(120deg, rgba(6, 182, 212, 0.06), rgba(14, 116, 144, 0.04));opacity:0;transition:opacity .2s ease;pointer-events:none}.home-takken__flow-step:hover::before{opacity:1}.home-takken__flow-index{position:absolute;top:16px;left:20px;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif;font-weight:800;font-size:clamp(3rem,9vw,5.6rem);letter-spacing:.08em;color:rgba(14,116,144,.1);z-index:0;line-height:1;pointer-events:none}.home-takken__flow-body{display:block;text-align:left;position:relative;z-index:1}.home-takken__flow-copy{display:grid;gap:6px;padding-left:100px;position:relative;z-index:1}@media(max-width: 767px){.home-takken__flow-copy{padding-left:64px}}.home-takken__flow-title{font-size:clamp(1.4rem,2vw,1.8rem);font-weight:800;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif;color:#0f172a;margin-bottom:4px}.home-takken__flow-text{color:#475569;line-height:1.7;font-size:1rem;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.home-takken__flow-step:nth-child(even) .home-takken__flow-index{left:auto;right:20px}.home-takken__flow-step:nth-child(even) .home-takken__flow-copy{padding-left:0;padding-right:100px}@media(max-width: 767px){.home-takken__flow-step:nth-child(even) .home-takken__flow-copy{padding-left:64px;padding-right:0}}@media(max-width: 767px){.home-takken__flow-index{left:16px;font-size:clamp(2.4rem,12vw,3.4rem)}.home-takken__flow-step:nth-child(even) .home-takken__flow-index{left:16px;right:auto}}.home-takken__cta-section{margin:28px auto 0;max-width:880px}.home-takken__cta-card{background:linear-gradient(135deg, rgba(6, 182, 212, 0.1), rgba(14, 116, 144, 0.06));border:1px solid rgba(6,182,212,.2);border-radius:22px;padding:28px 32px;text-align:center;box-shadow:0 18px 32px rgba(15,23,42,.1)}@media(max-width: 767px){.home-takken__cta-card{padding:22px 18px}}.home-takken__cta-title{font-size:1.6rem;font-weight:800;color:#0f172a;margin-bottom:10px;letter-spacing:.02em;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}@media(max-width: 767px){.home-takken__cta-title{font-size:1.4rem}}.home-takken__cta-lead{color:#475569;line-height:1.8;font-weight:600;margin-bottom:16px;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.home-takken__cta-actions{display:flex;justify-content:center;gap:16px;margin-bottom:8px;flex-wrap:wrap}.home-takken__cta-note{display:grid;gap:6px;margin:12px auto 0;color:#475569;font-weight:600;font-size:.95rem;line-height:1.7;text-align:center;max-width:720px;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.home-takken__cta-note-free{color:#64748b}.home-takken__cta-note-accent{display:inline;color:#0f172a;font-weight:700;letter-spacing:.02em;text-decoration-line:underline;text-decoration-color:rgba(6,182,212,.6);text-decoration-thickness:3px;text-underline-offset:.28em}.home-takken__overview{margin-top:12px;padding:8px 0}.home-takken__overview-details{background:hsla(0,0%,100%,.7);border-radius:0;border:0;padding:18px 20px;box-shadow:none}.home-takken__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-takken__overview-summary::before{content:"";position:absolute;left:0;bottom:0;width:72px;height:3px;background:#06b6d4}.home-takken__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;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.home-takken__overview-body{margin-top:20px}.home-takken__overview-split{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:18px}@media(max-width: 767px){.home-takken__overview-split{grid-template-columns:1fr}}.home-takken__overview-right{border-left:2px solid #0f172a;padding-left:32px}@media(max-width: 767px){.home-takken__overview-right{border-left:0;border-top:2px solid #0f172a;padding-left:0;padding-top:20px}}.home-takken__overview-section+.home-takken__overview-section{margin-top:22px;padding-top:22px;border-top:1px solid rgba(15,23,42,.2)}.home-takken__overview-heading{font-size:1rem;font-weight:800;color:#0f172a;margin-bottom:10px;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.home-takken__overview-grid{display:grid;grid-template-columns:1fr;gap:14px;padding:0;border:0}.home-takken__overview-item{padding:0}.home-takken__overview-label{font-size:.8rem;color:#64748b;font-weight:700;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.home-takken__overview-value{display:block;margin-top:8px;font-size:1.05rem;color:#0f172a;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.home-takken__columns{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:16px}.home-takken__label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#0e7490;margin-bottom:8px;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.home-takken__list{padding-left:18px;color:#334155;line-height:1.7;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.home-takken__list-count{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:4px;background:rgba(6,182,212,.08);color:#0e7490;font-size:.8rem;font-weight:700}.home-takken__text{color:#334155;line-height:1.7;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.home-takken__trust-grid{display:grid;grid-template-columns:1fr;gap:18px}.home-takken__trust-item{display:grid;gap:6px}.home-takken__trust-label{font-weight:700;color:#1e293b;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.home-takken__link{color:#0e7490;font-weight:700;text-decoration:none;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.home-takken__link:hover{text-decoration:underline}.btn{display:inline-block;padding:12px 24px;border-radius:8px;font-weight:700;font-size:1rem;text-decoration:none;text-align:center;cursor:pointer;transition:all .3s ease;border:none}.btn--hero{background:linear-gradient(135deg, #06b6d4, #164e63);color:#fff;padding:16px 36px;font-size:1.1rem}.btn--hero:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(6,182,212,.35)}@media(max-width: 767px){.btn--hero{padding:14px 28px;font-size:1rem;width:100%}}.btn--outline-light{background:rgba(0,0,0,0);color:#164e63;border:2px solid #06b6d4;padding:14px 32px;font-size:1.05rem}.btn--outline-light:hover{background:rgba(6,182,212,.08);transform:translateY(-1px)}@media(max-width: 767px){.btn--outline-light{width:100%}}.btn--primary{background:linear-gradient(135deg, #06b6d4, #164e63);color:#fff}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(6,182,212,.3)}.btn--outline{background:rgba(0,0,0,0);color:#164e63;border:2px solid #cbd5e1}.btn--outline:hover{border-color:#06b6d4;color:#06b6d4}.btn--sm{padding:8px 16px;font-size:.85rem}.btn--lg{padding:14px 28px;font-size:1.05rem}.section-title{font-size:1.8rem;font-weight:800;color:#164e63;text-align:center;margin-bottom:40px;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}@media(max-width: 767px){.section-title{font-size:1.4rem;margin-bottom:28px}}.devise-container{min-height:100vh;background:linear-gradient(135deg, #ecfeff 0%, #cffafe 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);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}@media(max-width: 767px){.devise-header{margin-bottom:24px}}.devise-flash{border-radius:10px;padding:12px 14px;margin:0 0 20px;font-weight:700;font-size:.95rem}.devise-flash--alert{background:rgba(254,242,242,.96);border:1px solid rgba(248,113,113,.45);color:#b91c1c}.devise-flash--notice{background:rgba(236,254,255,.96);border:1px solid rgba(103,232,249,.5);color:#155e75}.devise-title{font-size:2rem;font-weight:700;color:#164e63;margin-bottom:8px}@media(max-width: 767px){.devise-title{font-size:1.6rem}}.devise-subtitle{color:#64748b;font-size:1rem}@media(max-width: 767px){.devise-subtitle{font-size:.9rem}}.devise-form-content .devise-field{margin-bottom:24px}@media(max-width: 767px){.devise-form-content .devise-field{margin-bottom:18px}}.devise-form-content .devise-field-error{margin:8px 0 0;color:#b91c1c;font-size:.9rem;font-weight:700}.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;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}.devise-form-content .devise-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(6,182,212,.1)}@media(max-width: 767px){.devise-form-content .devise-input{font-size:16px}}.devise-form-content .devise-input--invalid{border-color:rgba(248,113,113,.85);background:rgba(254,242,242,.55)}.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:var(--primary);cursor:pointer}.devise-form-content .devise-checkbox-label{font-size:.875rem;color:#374151;cursor:pointer;margin:0}.devise-form-content .devise-disclosure{margin-bottom:24px}.devise-form-content .devise-disclosure__summary{list-style:none;cursor:pointer;border:1px dashed #67e8f9;border-radius:10px;padding:12px 14px;margin-bottom:12px;background:#ecfeff;display:flex;align-items:center;justify-content:space-between}.devise-form-content .devise-disclosure__summary::after{content:"+";font-weight:800;color:var(--primary)}.devise-form-content .devise-disclosure__summary::-webkit-details-marker{display:none}.devise-form-content .devise-disclosure[open] .devise-form-content .devise-disclosure__summary::after{content:"-"}.devise-actions{margin-bottom:32px}@media(max-width: 767px){.devise-actions{margin-bottom:20px}}.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, #06b6d4, #164e63);color:#fff}.devise-btn--primary:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(6,182,212,.3)}.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)}.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)}@media(max-width: 767px){.devise-btn{padding:12px 20px;font-size:.95rem}}.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}@media(max-width: 767px){.devise-links{padding-top:16px;gap:8px}}.devise-link{color:var(--primary);text-decoration:none;font-size:.875rem;font-weight:500}.devise-link:hover{color:var(--primary-dark);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}#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}.toast{position:fixed;top:80px;right:18px;width:min(420px,100vw - 32px);padding:14px 16px;border-radius:12px;font-weight:700;font-size:.95rem;z-index:2000;animation:toast-in .3s ease-out;box-shadow:0 12px 24px rgba(0,0,0,.12)}.toast--notice{background:#ecfeff;border:1px solid #67e8f9;color:#155e75}.toast--alert{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}@media(max-width: 767px){.toast{top:70px;right:8px;left:8px;width:auto}}@keyframes toast-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.learnings-dashboard{min-height:100vh;--dash-ink: #0f172a;--dash-muted: #56657a;--dash-soft: #94a3b8;--dash-accent: #0891b2;--dash-accent-strong: #164e63;--dash-accent-cool: #06b6d4;--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(6, 182, 212, 0.18), rgba(255, 255, 255, 0) 60%),radial-gradient(900px 480px at 90% 0%, rgba(8, 145, 178, 0.14), rgba(255, 255, 255, 0) 65%),linear-gradient(180deg, #ecfeff 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(8, 145, 178, 0.18), rgba(6, 182, 212, 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(6, 182, 212, 0.18), rgba(6, 182, 212, 0.02) 65%)}.learnings-hero__inner{max-width:980px;margin:0 auto;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}@media(max-width: 767px){.learnings-hero__title{font-size:1.6rem}}.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:#a5f3fc}.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:#0e7490;border-color:#0e7490}.dashboard-main{max-width:980px;margin:0 auto;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(6,182,212,.35);background:rgba(239,246,255,.95);color:#164e63}.dashboard-menu__item.is-active{background:#0e7490;color:#fff;border-color:#0e7490;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-body{max-width:980px;margin:0 auto;padding:0 1rem}@media(min-width: 1024px){.dashboard-body{padding:0 .5rem}}.dashboard-body{padding-top:32px;padding-bottom:64px}@media(max-width: 767px){.dashboard-body{padding-top:20px;padding-bottom:40px}}.dashboard-content{max-width:100%}.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}@media(max-width: 767px){.dashboard-panel{padding:16px 14px}}.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}.dashboard-section__meta{font-size:.85rem;font-weight:700;color:var(--dash-muted)}.dashboard-section__subtitle{font-size:.85rem;color:var(--dash-soft);margin:4px 0 0;font-weight:500}@media(max-width: 767px){.dashboard-section{gap:8px;padding:14px 0}.dashboard-section__title{font-size:.95rem}.dashboard-section__meta{font-size:.78rem}}.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)}.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}.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}.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}}.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, #0891b2, #22d3ee)}@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}}.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}}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:28px}@media(max-width: 767px){.dashboard-grid{grid-template-columns:1fr;gap:16px}}.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(8,145,178,.12);color:#164e63;border:1px solid rgba(8,145,178,.2)}.dashboard-card__badge--accent{background:rgba(6,182,212,.16);color:#0e7490;border:1px solid rgba(6,182,212,.28)}.dashboard-card__count{font-size:.85rem;color:var(--dash-muted);font-weight:600}.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}.dashboard-card__footer{margin-top:16px;display:flex;justify-content:flex-end}.progress-bar{height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden}.progress-bar__fill{height:100%;background:linear-gradient(90deg, #0e7490, #67e8f9);border-radius:999px;transition:width .6s ease;min-width:0}.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:#164e63;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, #0e7490, #67e8f9);border-radius:999px}.resume-item__progress-label{font-size:.92rem;color:var(--dash-muted);min-width:72px;text-align:right}.resume-item__action{color:#0e7490;font-weight:800;text-decoration:none;padding:10px 18px;border:1px solid rgba(8,145,178,.35);border-radius:999px;background:#0e7490;font-size:1.02rem;color:#fff;box-shadow:none}.resume-item__action:hover{background:#0891b2;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}}.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;gap:10px}.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:#0e7490;border-color:#0e7490;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-input{position:absolute;opacity:0;pointer-events:none}.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)}.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 #a5f3fc;background:#eff6ff;color:#164e63;font-weight:700;font-size:.95rem;transition:all .2s ease}.settings-form__option--toggle input:checked+.settings-form__choice-label{background:#0e7490;border-color:#0e7490;color:#fff;box-shadow:0 6px 12px rgba(30,64,175,.2)}.settings-form__option--toggle input:focus+.settings-form__choice-label{box-shadow:0 0 0 3px 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__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:#164e63;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 #a5f3fc;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:#0891b2}.settings-form__count{max-width:220px}.settings-form__input{width:100%;border:1px solid #a5f3fc;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(4, 1fr);gap:10px}@media(max-width: 767px){.settings-form__mode-grid{grid-template-columns:repeat(2, 1fr)}}.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:#a5f3fc;box-shadow:0 6px 14px rgba(30,64,175,.08);transform:translateY(-1px)}.settings-form__mode-card.is-active{background:#0e7490;border-color:#0e7490;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 #a5f3fc;background:#eff6ff;color:#164e63;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:#0e7490;border-color:#0e7490;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}.action-btn{border:1px solid #c7d2fe;background:#0e7490;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:#0891b2;transform:translateY(-1px)}.action-btn--ghost{background:#fff;color:#0e7490}.learnings-dashboard .action-btn{border-radius:999px;padding:10px 18px;border:1px solid rgba(6,182,212,.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:#164e63;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}.past-exam-list{display:flex;flex-direction:column;gap:24px}.year-grid{display:flex;flex-direction:column;gap:24px;padding:18px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}@media(max-width: 767px){.year-grid{padding:12px}}.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:#06b6d4;background:#eff6ff;transform:translateY(-2px);box-shadow:0 6px 12px rgba(6,182,212,.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:#06b6d4;margin-bottom:4px}.year-item .year-full{font-size:.8rem;color:#6b7280;text-align:center}.year-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;transition:background .2s ease}.year-card:first-child{border-top:none;padding-top:0}.year-card:hover{background:rgba(15,23,42,.02)}.year-card__header{margin-bottom:12px}.year-card__title{font-size:1.1rem;font-weight:800;color:var(--dash-ink)}.year-card__subjects{display:flex;flex-wrap:wrap;gap:8px}.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:#0f172a;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:#164e63;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:#0e7490}.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:#0f172a;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}.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 #a5f3fc;background:#eff6ff;color:#164e63;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(6,182,212,.18)}.resume-confirm-modal__btn--primary{background:linear-gradient(135deg, #0e7490, #06b6d4);border-color:#0e7490;color:#fff}.resume-confirm-modal__btn--primary:hover{background:linear-gradient(135deg, #164e63, #0891b2)}.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}.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, #22d3ee, #0891b2);color:#fff;box-shadow:0 6px 16px -4px rgba(8,145,178,.35);transition:transform .2s ease,box-shadow .2s ease}.share-cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px -4px rgba(8,145,178,.45)}.share-cta-btn:active{transform:translateY(0);box-shadow:0 4px 12px -4px rgba(8,145,178,.3)}.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)}}@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)}}@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}}.dashboard-card__progress{padding:8px 0 12px}.dashboard-card__progress-bar{height:6px;background:rgba(148,163,184,.18);border-radius:999px;overflow:hidden;margin-bottom:6px}.dashboard-card__progress-bar span{display:block;height:100%;background:linear-gradient(90deg, var(--dash-accent), var(--dash-accent-cool));border-radius:999px;transition:width .4s ease}.dashboard-card__progress-label{font-size:.82rem;font-weight:700;color:var(--dash-muted)}.law-modal-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px}@media(max-width: 767px){.law-modal-grid{grid-template-columns:1fr;gap:12px}}.law-modal-group{background:var(--dash-surface-strong);border:1px solid var(--dash-border);border-radius:14px;padding:16px;box-shadow:0 4px 12px rgba(15,23,42,.04)}.law-modal-group__title{font-size:1rem;font-weight:800;color:var(--dash-ink);margin:0 0 10px}.law-modal-items{display:flex;flex-direction:column;gap:6px}.law-modal-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;text-decoration:none;color:var(--dash-ink);font-size:.9rem;font-weight:600;transition:background .15s ease}.law-modal-item:hover{background:rgba(8,145,178,.06);color:var(--dash-accent)}.law-name{flex:1}.problem-count{font-size:.78rem;font-weight:700;color:var(--dash-accent);padding:3px 10px;border-radius:999px;background:rgba(8,145,178,.08)}.law-list-filter__empty{grid-column:1/-1;text-align:center;padding:40px 20px;color:var(--dash-soft);font-size:.92rem;font-weight:600}.law-list-filter__empty:not(.is-visible){display:none}.today-menu-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:2050}.today-menu-modal.show{display:flex}.today-menu-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55);backdrop-filter:blur(3px);animation:today-menu-fade .25s ease}.today-menu-modal__panel{position:relative;width:min(500px,92vw);max-height:85vh;background:#fff;border-radius:18px;border:1px solid rgba(148,163,184,.3);box-shadow:0 24px 48px rgba(15,23,42,.22);display:flex;flex-direction:column;overflow:hidden;animation:today-menu-rise .35s cubic-bezier(0.16, 1, 0.3, 1)}.today-menu-modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(148,163,184,.2)}.today-menu-modal__title{margin:0;font-size:1.15rem;font-weight:800;color:#0f172a}.today-menu-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}.today-menu-modal__close:hover{background:#ef4444;color:#fff}.today-menu-modal__body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.today-menu-modal__goal{display:flex;flex-direction:column;gap:10px}.today-menu-modal__goal-label{font-weight:700;font-size:.95rem;color:#164e63}.today-menu-modal__goal-progress{display:flex;flex-direction:column;gap:6px}.today-menu-modal__goal-bar{height:10px;background:#e2e8f0;border-radius:999px;overflow:hidden}.today-menu-modal__goal-bar span{display:block;height:100%;background:linear-gradient(90deg, #0e7490, #67e8f9);border-radius:999px;transition:width .4s ease}.today-menu-modal__goal-value{font-size:.88rem;font-weight:700;color:#475569}.today-menu-modal__subjects{display:flex;flex-direction:column;gap:0}.today-menu-modal__subject-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid rgba(148,163,184,.2)}.today-menu-modal__subject-row:first-child{border-top:none}.today-menu-modal__subject-info{display:flex;flex-direction:column;gap:2px}.today-menu-modal__subject-name{font-weight:700;font-size:1rem;color:#0f172a}.today-menu-modal__subject-count{font-size:.85rem;color:#64748b;font-weight:600}.today-menu-modal__subject-action{padding:8px 16px;border-radius:999px;background:#0e7490;color:#fff;font-weight:700;font-size:.88rem;text-decoration:none;border:1px solid rgba(8,145,178,.35);transition:background .2s ease,transform .2s ease;white-space:nowrap}.today-menu-modal__subject-action:hover{background:#0891b2;transform:translateY(-1px)}.today-menu-modal__no-goal{padding:16px;border-radius:14px;background:#f8fafc;border:1px dashed #a5f3fc;text-align:center}.today-menu-modal__no-goal-text{margin:0 0 12px;font-size:.92rem;color:#475569;line-height:1.6}.today-menu-modal__no-goal-action{display:inline-block;padding:8px 20px;border-radius:999px;background:linear-gradient(135deg, #0e7490, #06b6d4);color:#fff;font-weight:700;font-size:.9rem;text-decoration:none;transition:background .2s ease,transform .2s ease}.today-menu-modal__no-goal-action:hover{background:linear-gradient(135deg, #164e63, #0891b2);transform:translateY(-1px)}.learnings-hero__panel-cta--primary{background:linear-gradient(135deg, #0e7490, #06b6d4);border-color:#0e7490;color:#fff;box-shadow:0 10px 18px rgba(8,145,178,.2)}.learnings-hero__panel-cta--primary:hover{background:linear-gradient(135deg, #164e63, #0891b2)}.learnings-dashboard{font-family:"Noto Sans JP",sans-serif}.training{max-width:980px;margin:0 auto;padding:0 1rem}@media(min-width: 1024px){.training{padding:0 .5rem}}.training{padding-top:24px;padding-bottom:60px;display:grid;grid-template-columns:80px 1fr;grid-template-rows:auto 1fr;gap:20px}@media(max-width: 767px){.training{grid-template-columns:1fr}}.training__header{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.training__header h1{font-size:1.4rem;font-weight:800;color:var(--primary-dark)}.training__progress{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:.9rem}@media(max-width: 767px){.training__sidebar{display:none}}.training__main{min-width:0}.problem-list{display:flex;flex-direction:column;gap:6px}.problem-list__item{width:56px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:.8rem;font-weight:700;background:#fff;border:1px solid var(--border-light);color:var(--text-secondary)}.problem-list__item.is-correct{background:#ecfeff;border-color:#67e8f9;color:#155e75}.problem-list__item.is-wrong{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.problem-card{background:#fff;border:1px solid var(--border-light);border-radius:16px;padding:32px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}@media(max-width: 767px){.problem-card{padding:20px}}.problem-card__header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.problem-card__number{background:var(--primary);color:#fff;padding:4px 12px;border-radius:6px;font-weight:700;font-size:.9rem}.problem-card__year{color:var(--text-secondary);font-size:.85rem}.problem-card__body{font-size:1.05rem;line-height:1.8;color:var(--text-primary);margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-light)}.problem-card__choices{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.problem-card__actions{display:flex;gap:12px}.problem-card__result{margin-top:20px;padding:20px;border-radius:12px;border:1px solid var(--border-light);background:#f8fafc}.choice-option{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border:2px solid var(--border-light);border-radius:10px;cursor:pointer;transition:all .2s ease}.choice-option:hover{border-color:var(--primary);background:#ecfeff}.choice-option input[type=radio]{margin-top:3px;accent-color:var(--primary)}.choice-option__label{font-weight:700;color:var(--primary-dark);min-width:24px}.choice-option__text{color:var(--text-primary);line-height:1.6}.finished-card{background:#fff;border:1px solid var(--border-light);border-radius:16px;padding:48px;text-align:center;box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.finished-card h2{font-size:1.6rem;font-weight:800;color:var(--primary-dark);margin-bottom:12px}.finished-card p{color:var(--text-secondary);margin-bottom:24px}.finished-card__actions{display:flex;justify-content:center;gap:12px}.learning-history{min-height:100vh;background:radial-gradient(circle at top, #ecfeff 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(8, 145, 178, 0.22), rgba(6, 182, 212, 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(6, 182, 212, 0.18), rgba(8, 145, 178, 0.02) 65%)}.learning-history__hero-inner{max-width:980px;margin:0 auto;padding:0 1rem;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:#164e63}.learning-history__hero-chip{background:#ecfeff;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(22,78,99,.06)}.learning-history__content{max-width:980px;margin:0 auto;padding:36px 1rem 60px;display:flex;flex-direction:column;gap:40px}@media(max-width: 767px){.learning-history__content{padding-left:16px;padding-right:16px}}.learning-history__section-title{font-size:1.5rem;font-weight:800;color:#164e63;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__overview{background:#fff;border-radius:24px;padding:28px;border:1px solid #e2e8f0;box-shadow:0 20px 36px rgba(22,78,99,.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:#164e63;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__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__trend-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:16px;box-shadow:inset 0 1px 8px rgba(22,78,99,.05);min-height:220px}.learning-history__trend-card canvas{width:100% !important;height:180px !important}.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__chart-skeleton{height:180px;display:flex;align-items:center;justify-content:center}.learning-history__chart-skeleton-inner{width:80%;height:60%;background:linear-gradient(90deg, #f1f5f9 25%, #e2e8f0 50%, #f1f5f9 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:12px}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.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-head h3{font-size:.95rem}.learning-history__progress-head span{font-size:.95rem;color:#0891b2}.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, #0891b2, #06b6d4);border-radius:999px;transition:width .6s ease}.learning-history__summary{background:#fff;border-radius:20px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 18px 32px rgba(22,78,99,.08)}.learning-history__summary-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));gap:16px;margin-top:20px}.learning-history__summary-card{background:#fff;border-radius:16px;padding:18px 20px;border:1px solid #e2e8f0;box-shadow:0 12px 20px rgba(22,78,99,.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:#0891b2;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__summary-links{display:flex;gap:16px;align-items:center;flex-shrink:0}@media(max-width: 767px){.learning-history__summary-links{flex-direction:column;align-items:flex-start;gap:8px}}.learning-history__summary-link{font-size:.9rem;font-weight:700;color:#0891b2;text-decoration:none;white-space:nowrap}.learning-history__summary-link:hover{text-decoration:underline}.learning-history__layout{display:flex;gap:32px;align-items:flex-start}@media(max-width: 767px){.learning-history__layout{flex-direction:column;gap:0}}.learning-history__sidebar{position:sticky;top:24px;width:200px;flex-shrink:0}@media(max-width: 767px){.learning-history__sidebar{display:none}}.learning-history__nav{display:flex;flex-direction:column;gap:4px;margin-bottom:20px}.learning-history__nav-link{display:block;padding:8px 12px;border-radius:8px;font-size:.9rem;font-weight:600;color:#475569;text-decoration:none;transition:background .15s,color .15s}.learning-history__nav-link:hover{background:#f1f5f9;color:#0f172a}.learning-history__nav-link.is-active{background:#ecfeff;color:#0891b2;font-weight:700}.learning-history__nav-secondary{border-top:1px solid #e2e8f0;padding-top:16px}.learning-history__nav-title{font-size:.8rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;padding:0 12px}.learning-history__nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.learning-history__nav-secondary-link{display:block;padding:6px 12px;border-radius:8px;font-size:.85rem;font-weight:600;color:#475569;text-decoration:none;transition:background .15s,color .15s}.learning-history__nav-secondary-link:hover{background:#f1f5f9;color:#0f172a}.learning-history__nav-secondary-link.is-active{background:#ecfeff;color:#0891b2;font-weight:700}.learning-history__main{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:40px}.learning-history__map{background:#fff;border-radius:20px;padding:24px;border:1px solid #e2e8f0;box-shadow:0 18px 32px rgba(22,78,99,.08)}.learning-history__map--accordion{padding:0;border:1px solid #e2e8f0}.learning-history__map--accordion[open] .learning-history__map-cta-icon{transform:rotate(180deg)}.learning-history__map-summary{cursor:pointer;list-style:none;padding:20px 24px}.learning-history__map-summary::-webkit-details-marker{display:none}.learning-history__map-summary::marker{display:none;content:""}.learning-history__map-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}@media(max-width: 767px){.learning-history__map-header{flex-direction:column}}.learning-history__map-title{flex:1;min-width:0}.learning-history__map-cta{display:flex;align-items:center;gap:6px;margin-top:8px}.learning-history__map-cta-label{font-size:.8rem;color:#0891b2;font-weight:600}.learning-history__map-cta-icon{width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:6px solid #0891b2;transition:transform .2s}.learning-history__map-actions{flex-shrink:0}.learning-history__map-metric{text-align:right}@media(max-width: 767px){.learning-history__map-metric{text-align:left}}.learning-history__map-rate{font-size:1.6rem;font-weight:800;color:#0891b2}.learning-history__map-count{font-size:.85rem;color:#64748b;font-weight:600}.learning-history__map-body{padding:0 24px 24px}.learning-history__meter{margin-bottom:16px}.learning-history__meter-strip{display:flex;height:8px;border-radius:4px;overflow:hidden;background:#ebedf0}.learning-history__meter-segment{flex:1;min-width:1px}.learning-history__meter-segment--level-0{background:#ebedf0}.learning-history__meter-segment--level-1{background:#9be9a8}.learning-history__meter-segment--level-2{background:#40c463}.learning-history__meter-segment--level-3{background:#216e39}.learning-history__legend{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;margin-top:12px}.learning-history__legend-item{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#64748b;font-weight:600}.learning-history__legend-chip{width:12px;height:12px;border-radius:3px;display:inline-block}.learning-history__legend-chip.is-level-0{background:#ebedf0}.learning-history__legend-chip.is-level-1{background:#9be9a8}.learning-history__legend-chip.is-level-2{background:#40c463}.learning-history__legend-chip.is-level-3{background:#216e39}.learning-history__grid-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.learning-history__grid-wrap--heatmap{overflow-x:auto}.learning-history__grid{display:flex;flex-wrap:wrap;gap:3px}.learning-history__cell{width:14px;height:14px;border-radius:3px;cursor:default;transition:outline .1s}.learning-history__cell:hover{outline:2px solid #0891b2;outline-offset:1px}.learning-history__cell--level-0{background:#ebedf0}.learning-history__cell--level-1{background:#9be9a8}.learning-history__cell--level-2{background:#40c463}.learning-history__cell--level-3{background:#216e39}.learning-history__cell--level-0{background:#ebedf0}.learning-history__cell--level-1{background:#9be9a8}.learning-history__cell--level-2{background:#40c463}.learning-history__cell--level-3{background:#216e39}.learning-history__heatmap{display:grid;grid-template-columns:50px repeat(var(--heatmap-columns), 1fr) 60px;gap:2px;min-width:fit-content}.learning-history__heatmap-header{display:contents}.learning-history__heatmap-header>div{font-size:.7rem;font-weight:700;color:#94a3b8;text-align:center;padding:4px 0}.learning-history__heatmap-corner{font-size:.7rem;font-weight:700;color:#94a3b8;text-align:center;padding:4px 0}.learning-history__heatmap-label{font-size:.7rem;font-weight:700;color:#94a3b8;text-align:center;padding:4px 0}.learning-history__heatmap-summary{font-size:.75rem;font-weight:700;color:#64748b;text-align:center;display:flex;align-items:center;justify-content:center}.learning-history__heatmap-row{display:contents}.learning-history__heatmap-year{font-size:.75rem;font-weight:700;color:#475569;display:flex;align-items:center;justify-content:center}.learning-history__heatmap-empty{background:rgba(0,0,0,0);min-height:14px}.learning-history__tooltip{position:fixed;z-index:9999;background:#0f172a;color:#fff;font-size:.8rem;font-weight:600;padding:6px 12px;border-radius:8px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s;box-shadow:0 4px 12px rgba(0,0,0,.2)}.learning-history__tooltip.is-visible{opacity:1}.learning-history__hint{font-size:.8rem;color:#94a3b8;margin-top:12px;font-style:italic}.learning-history__yearly-table{margin-top:20px}.learning-history__subtitle{font-size:.95rem;color:#64748b;margin-top:4px}.plan-page{min-height:100vh;background:linear-gradient(180deg, #f8fafc 0%, #ffffff 55%, #ecfeff 100%)}.plan-hero{padding:40px 0 20px;background:radial-gradient(1200px 420px at 10% -20%, rgba(6, 182, 212, 0.15), 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 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:#0e7490;margin-bottom:6px;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.plan-hero__title{font-size:2.2rem;font-weight:800;color:#0f172a;margin:0 0 8px 0;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.plan-main{max-width:980px;margin:0 auto;padding:0 1rem}@media(min-width: 1024px){.plan-main{padding:0 .5rem}}.plan-main{padding-top:36px;padding-bottom:60px}.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;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.plan-section__subtitle{color:#64748b;margin:0 auto;max-width:680px;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.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(6, 182, 212, 0.18) 60%);box-decoration-break:clone}.plan-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:20px}@media(max-width: 767px){.plan-grid{grid-template-columns:1fr}}.plan-grid--pricing{max-width:800px;margin:0 auto}.plan-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:28px 24px;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--accent{border-color:#a5f3fc;box-shadow:0 18px 32px rgba(6,182,212,.18)}.plan-card--recommended{border-width:2px}.plan-card__badge{position:absolute;top:18px;right:18px;background:#0e7490;color:#fff;font-size:.7rem;letter-spacing:.12em;font-weight:800;text-transform:uppercase;padding:6px 10px;border-radius:999px;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.plan-card__header{margin-bottom:4px}.plan-card__label{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;color:#64748b;margin:0 0 6px 0;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.plan-card__title{font-size:1.35rem;font-weight:800;margin:0 0 8px 0;color:#0f172a;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.plan-card__price{font-size:2.2rem;font-weight:800;color:#0e7490;margin:0 0 4px;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.plan-card__price-unit{font-size:1rem;font-weight:500;color:#64748b}.plan-card__desc{color:#64748b;margin:6px 0 0;font-size:.95rem;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.plan-card__list{list-style:none;padding:0;margin:0;display:grid;gap:8px;color:#475569;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.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{background:#0e7490}.plan-table{border-radius:16px;overflow:hidden;border:1px solid #e2e8f0;background:#fff;max-width:700px;margin:0 auto}.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;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif;font-size:.95rem}.plan-table__cell--center{text-align:center}.plan-table__cell--accent{background:rgba(6,182,212,.06);color:#164e63;font-weight:700}.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;scrollbar-width:none}.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;transition:all .2s ease}.plan-preview__nav:hover{box-shadow:0 14px 24px rgba(15,23,42,.25);color:#0e7490}.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}.plan-preview__media img{width:100%;height:100%;object-fit:cover}.plan-preview__media--placeholder{background:linear-gradient(135deg, #ecfeff, #cffafe);display:flex;align-items:center;justify-content:center;cursor:default}.plan-preview__media--placeholder span{color:#0e7490;font-size:.9rem;font-weight:600;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.plan-preview__body{padding:18px 20px 22px;color:#475569;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.plan-preview__title{font-size:1.1rem;font-weight:800;color:#0f172a;margin:0 0 6px;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.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__list{display:flex;flex-direction:column;gap:14px;max-width:700px;margin:0 auto}.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;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.plan-faq__answer{color:#64748b;line-height:1.7;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.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;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.plan-cta p{margin:0 0 22px;color:#64748b;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.plan-cta__button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(90deg, #06b6d4, #0e7490);color:#fff;font-weight:800;padding:14px 48px;border-radius:999px;border:none;text-decoration:none;box-shadow:0 8px 20px -4px rgba(6,182,212,.4);transition:transform .2s ease,box-shadow .2s ease;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.plan-cta__button:hover{transform:translateY(-2px);box-shadow:0 12px 24px -4px rgba(6,182,212,.5)}.plan-cta__note{display:block;margin-top:14px;color:#64748b;font-size:.85rem;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}.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,.25)}.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;transition:background .2s ease}.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;font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN",sans-serif}body.is-modal-open{overflow:hidden}.static-page{padding:2rem 0 3rem}.static-page__container{max-width:980px;margin:0 auto;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:var(--primary-dark);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 var(--primary)}.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:var(--primary-dark);margin-bottom:8px}.static-faq__answer{color:#475569}.static-form{display:flex;flex-direction:column;gap:16px}.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}.static-form__input:focus,.static-form__textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(5,150,105,.12)}@media(max-width: 767px){.static-form__input,.static-form__textarea{font-size:16px}}.static-form__alert{background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;font-size:.9rem;margin-bottom:8px}.static-form__submit{align-self:flex-start}.static-policy{display:flex;flex-direction:column;gap:32px;margin-top:24px}.static-policy__section h3{font-size:1.15rem;font-weight:700;color:var(--text-primary);margin-bottom:12px}.static-policy__section p,.static-policy__section ul{color:#475569;line-height:1.8}.static-policy__section ul{padding-left:1.5rem;margin-top:8px}.static-policy__section ul li{margin-bottom:6px}.static-tokushoho{margin-top:24px}.static-tokushoho__table{width:100%;border-collapse:collapse}.static-tokushoho__table th,.static-tokushoho__table td{border:1px solid #e2e8f0;padding:12px 14px;text-align:left;vertical-align:top}.static-tokushoho__table th{background:#f8fafc;font-weight:700;color:var(--text-primary);width:30%}.static-tokushoho__table td{color:#475569}.articles-index{--article-ink: #0b1320;--article-ink-soft: #475569;--article-sand: #ecfeff;--article-green: #06b6d4;--article-sky: #cffafe;position:relative;background:radial-gradient(circle at top left, #ecfeff 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(6, 182, 212, 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(6, 182, 212, 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-green);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__chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:#fff;border:1px solid #67e8f9;font-size:.85rem;font-weight:700;color:#164e63}.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__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-green);flex-shrink:0}.articles-index__card-link:hover{color:#164e63}.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:#06b6d4}.article-toc__item--sub .article-toc__link{color:#64748b;font-size:.88rem}.article-toc__item--sub .article-toc__link:hover{color:#06b6d4}.article-show__body{margin-top:18px;font-size:1.02rem;line-height:1.9;color:#0f172a}.article-show__body h2{font-size:1.45rem;font-weight:700;color:#0f172a;margin:48px 0 18px;padding:10px 0 10px 16px;border-left:4px solid #06b6d4;line-height:1.35}.article-show__body h2:first-child{margin-top:0}.article-show__body 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 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 h4::before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:3px;background:#cbd5e1;border-radius:2px}.article-show__body h5{font-size:.98rem;font-weight:700;color:#475569;margin:22px 0 8px}.article-show__body p{margin:0 0 18px}.article-show__body ul,.article-show__body ol{margin:14px 0 22px;padding-left:24px}.article-show__body ul{list-style:disc}.article-show__body ol{list-style:decimal}.article-show__body li{margin-bottom:6px;line-height:1.8}.article-show__body li strong{color:#0f172a}.article-show__body table{width:100%;border-collapse:collapse;font-size:.92rem;line-height:1.6;margin:20px 0 28px;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0}.article-show__body 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 td{padding:12px 16px;border-bottom:1px solid #f1f5f9;color:#334155;vertical-align:top}.article-show__body td:first-child{font-weight:600;color:#1e293b}.article-show__body tr:last-child td{border-bottom:none}.article-show__body tr:nth-child(even) td{background:#fafbfc}.article-show__body tr:hover td{background:#ecfeff}.article-show__body blockquote{margin:24px 0;padding:18px 20px;border-left:4px solid #06b6d4;background:#ecfeff;border-radius:0 12px 12px 0;color:#164e63;font-size:.95rem;line-height:1.8}.article-show__body blockquote br:last-child{display:none}.article-show__body pre{margin:20px 0 24px;padding:18px 20px;background:#0f172a;border-radius:12px;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-show__body 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 code{background:#f1f5f9;color:#be185d;padding:2px 6px;border-radius:4px;font-family:"SF Mono","Fira Code",monospace;font-size:.9em}.article-show__body strong{font-weight:700;color:#0f172a}.article-show__body em{font-style:italic;color:#475569}.article-show__body a{color:#06b6d4;text-decoration:none;border-bottom:1px solid rgba(6,182,212,.2);transition:color .15s,border-color .15s}.article-show__body a:hover{color:#164e63;border-bottom-color:#164e63}.article-show__body hr{border:none;height:1px;background:linear-gradient(90deg, transparent, #e2e8f0 20%, #e2e8f0 80%, transparent);margin:40px 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-rich{display:grid;grid-template-columns:1fr;gap:20px;align-items:center;margin-top:32px;padding:32px;border-radius:20px;background:linear-gradient(145deg, #ffffff 0%, #ecfeff 100%);border:1px solid #67e8f9;box-shadow:0 8px 24px rgba(6,182,212,.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:#06b6d4;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-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, #06b6d4, #164e63);color:#fff;box-shadow:0 4px 14px rgba(6,182,212,.3);transition:transform .2s ease,box-shadow .2s ease}.article-show__cta-rich-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(6,182,212,.4)}.article-show__cta-rich-button--ghost{background:#fff;color:#06b6d4;border:1.5px solid #67e8f9;box-shadow:none}.article-show__cta-rich-button--ghost:hover{background:#ecfeff;border-color:#22d3ee;box-shadow:none;transform:translateY(-1px)}.article-show__footer-nav{margin-top:28px;text-align:center}.article-show__footer-link{color:#06b6d4;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 #d1d5db;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__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, #164e63 0%, #06b6d4 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:#6ee7b7;font-weight:700}.article-sidebar-cta__button{display:block;width:100%;padding:12px 16px;border-radius:999px;background:#fff;color:#06b6d4;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:#ecfeff;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}.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:#06b6d4;padding:0;border:none}.articles-index__pagination .pagination>span.current{background:#06b6d4;color:#fff;border-color:#06b6d4}.articles-index__pagination .pagination>span.gap{border:none;color:#94a3b8}.admin-article-preview{background:#fff;border-radius:12px;padding:24px;border:1px solid #e5e7eb}.admin-article-preview__meta{width:100%;margin-bottom:24px;border-collapse:collapse}.admin-article-preview__meta th{text-align:left;padding:8px 16px 8px 0;color:#6b7280;font-weight:600;font-size:.85rem;white-space:nowrap;vertical-align:top;border-bottom:1px solid #f3f4f6}.admin-article-preview__meta td{padding:8px 0;color:#1f2937;font-size:.9rem;border-bottom:1px solid #f3f4f6}.admin-article-preview__meta code{background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:.8rem}.admin-article-preview__body{border-top:2px solid #e5e7eb;padding-top:24px}.admin-article-preview__body h2{font-size:1.1rem;color:#374151;margin:0 0 16px}@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}.article-show__cta-rich{padding:24px 20px}.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}}@media(prefers-reduced-motion: reduce){.articles-index::before,.articles-index::after,.articles-index__card{animation:none}}.error-page{padding:4rem 1.5rem;min-height:calc(100vh - 160px);display:grid;place-items:center;background:radial-gradient(circle at top, #ecfeff 0%, #cffafe 60%, #a5f3fc 100%)}.error-card{width:min(720px,100%);background:#fff;border:1px solid var(--border-light);border-radius:.5rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);padding:3rem;display:grid;gap:1.5rem}.error-card__code{font-size:2.25rem;font-weight:700;color:var(--error);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, #0891b2 0%, #164e63 100%);color:#fff;border-color:rgba(0,0,0,0)}@media(max-width: 640px){.error-card{padding:2rem}}.choices-train{max-width:980px;margin:0 auto;padding:0 1rem}@media(min-width: 1024px){.choices-train{padding:0 .5rem}}.choices-train{padding-top:24px;padding-bottom:60px;display:flex;flex-direction:column;gap:20px}.choices-train__header{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px;box-shadow:0 10px 20px rgba(30,64,175,.08)}.choices-train__title{font-size:1.8rem;font-weight:800;color:#1e40af;margin:0 0 6px 0}.choices-train__meta{display:flex;flex-wrap:wrap;gap:10px 16px;color:#475569;font-size:.95rem;align-items:center}.choices-train__meta strong{color:#1e40af}.choices-train__filter-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s ease}.choices-train__filter-btn:hover{border-color:#f59e0b;color:#f59e0b}.choices-train__filter-btn.is-active{background:#fffbeb;border-color:#f59e0b;color:#d97706}.choices-train__filter-btn svg{display:block;flex-shrink:0}.choices-train__list{display:flex;flex-direction:column;gap:20px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:0;overflow:hidden}.choices-train__pagination{display:flex;justify-content:space-between;gap:12px}.choices-train__page-btn{padding:10px 16px;border-radius:10px;border:1px solid #bfdbfe;background:#fff;color:#1e40af;text-decoration:none;font-weight:700;transition:all .2s ease}.choices-train__page-btn:hover{background:#eff6ff}.choices-train__page-btn--primary{background:#1e40af;color:#fff;border-color:#1e40af}.choice-item{display:grid;grid-template-columns:minmax(0, 1fr) auto;gap:10px 16px;align-items:start;padding:16px 20px;position:relative}.choice-item+.choice-item::before{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;background:#e2e8f0}.choice-item__text{color:#1e293b;font-size:1rem;line-height:1.7;grid-column:1/2;grid-row:2/3}.choice-item__actions{display:flex;gap:8px;flex-wrap:nowrap;align-self:center;grid-column:2/3;grid-row:2/3;justify-self:end}.choice-item__meta{font-size:.9rem;font-weight:700;color:#1e40af;grid-column:1/2;grid-row:1/2;display:flex;align-items:center;gap:6px}.choice-item__meta-actions{display:inline-flex;align-items:center;gap:4px;margin-left:auto}.choice-item__bookmark{display:inline-flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;padding:2px;cursor:pointer;color:#94a3b8;transition:color .2s ease,transform .2s ease;flex-shrink:0}.choice-item__bookmark:hover{color:#f59e0b;transform:scale(1.15)}.choice-item__bookmark.is-active{color:#f59e0b}.choice-item__bookmark.is-active svg{fill:#f59e0b}.choice-item__bookmark svg{display:block}.choice-item__review-flag{display:inline-flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);border:none;padding:2px;cursor:pointer;color:#94a3b8;transition:color .2s ease,transform .2s ease;flex-shrink:0}.choice-item__review-flag:hover{color:#ef4444;transform:scale(1.15)}.choice-item__review-flag.is-active{color:#ef4444}.choice-item__review-flag.is-active svg{fill:#ef4444}.choice-item__review-flag svg{display:block}.choice-item__history{grid-column:2/3;grid-row:1/2;justify-self:end;display:inline-flex;gap:6px;padding:2px 6px;border-radius:999px;background:#f8fafc;color:#475569;font-weight:700;font-size:.8rem;align-items:center;flex-wrap:nowrap;min-height:36px;width:fit-content}.choice-item__history.is-empty{display:none}.choice-item__history-entry{display:grid;justify-items:center;gap:2px;min-width:36px;min-height:36px;padding:4px 6px}.choice-item__history-date{opacity:.75;font-size:.75rem}.choice-item__history-mark{width:20px;height:20px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;border:1px solid #94a3b8}.choice-item__history-mark.incorrect{color:#b91c1c;border-color:#b91c1c}.choice-item.is-correct{box-shadow:inset 4px 0 0 #1e40af}.choice-item.is-incorrect{box-shadow:inset 4px 0 0 #dc2626}.choice-item__feedback{grid-column:1/-1;margin-top:4px;display:inline-flex;align-items:center;justify-self:flex-start;border-radius:999px;padding:4px 10px;font-size:.95rem;font-weight:700;color:#475569;border:1px solid #e2e8f0}.choice-item__feedback:empty{display:none}.choice-item__explanation{grid-column:1/-1;margin-top:10px;padding:12px 14px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155}.choice-item__explanation-title{font-size:.9rem;font-weight:700;color:#1e40af;margin-bottom:6px}.choice-item__explanation-body{font-size:.98rem;line-height:1.7}.choice-item.is-correct .choice-item__feedback{color:#1e40af;border-color:#1e40af}.choice-item.is-incorrect .choice-item__feedback{color:#dc2626;border-color:#dc2626}@media(max-width: 768px){.choice-item{grid-template-columns:1fr;gap:8px}.choice-item__meta,.choice-item__history,.choice-item__text,.choice-item__actions{grid-column:1/-1;grid-row:auto}.choice-item__history{justify-self:flex-start}.choice-item__actions{justify-self:flex-start;align-self:flex-start;display:flex;width:auto;gap:8px}.choice-item__actions .choice-answer__btn{flex:0 0 auto !important;width:44px !important;height:36px;min-width:44px;padding:0;font-size:.85rem;line-height:1;border-radius:10px;text-align:center}}.choice-answer__btn{border:1px solid #bfdbfe;background:#fff;color:#1e40af;padding:8px 14px;border-radius:999px;font-weight:700;cursor:pointer;transition:all .2s ease}.choice-answer__btn:hover{background:#eff6ff}.choice-answer__btn:disabled{opacity:.6;cursor:default}.choice-answer__btn.is-selected:disabled{opacity:1}.choice-answer__btn.is-selected{background:#1e40af;color:#fff;border-color:#1e40af;box-shadow:0 8px 16px rgba(30,64,175,.2)}.choices-train__result-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:2000}.choices-train__result-modal[hidden]{display:none}.choices-train__result-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.45);animation:choices-result-fade .25s ease}.choices-train__result-panel{position:relative;width:min(640px,92vw);background:#fff;border-radius:20px;border:1px solid rgba(148,163,184,.35);box-shadow:0 24px 40px rgba(15,23,42,.24);padding:22px 24px;display:flex;flex-direction:column;gap:16px;overflow:hidden;animation:choices-result-rise .5s cubic-bezier(0.16, 1, 0.3, 1)}.choices-train__result-panel::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg, rgba(30, 64, 175, 0.08), rgba(14, 165, 233, 0.04));pointer-events:none}.choices-train__result-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.choices-train__result-title{margin:0;font-size:1.4rem;font-weight:800;color:#1e40af}.choices-train__result-subtitle{margin:6px 0 0;color:#64748b;font-size:.95rem}.choices-train__result-close{border:none;background:#e2e8f0;color:#0f172a;font-size:.85rem;font-weight:700;padding:6px 12px;border-radius:999px;cursor:pointer}.choices-train__result-body{display:flex;flex-direction:column;gap:16px}.choices-train__result-stats{position:relative;display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:12px}.choices-train__result-stat{background:hsla(0,0%,100%,.86);border:1px solid rgba(226,232,240,.9);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;color:#475569;font-size:.85rem;font-weight:600;transform:translateY(8px);opacity:0;animation:choices-result-card .4s ease forwards}.choices-train__result-stat:nth-child(1){animation-delay:.08s}.choices-train__result-stat:nth-child(2){animation-delay:.12s}.choices-train__result-stat:nth-child(3){animation-delay:.16s}.choices-train__result-stat:nth-child(4){animation-delay:.2s}.choices-train__result-stat:nth-child(5){animation-delay:.24s}.choices-train__result-stat strong{font-size:1.35rem;color:#0f172a}.choices-train__result-actions{position:relative;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:4px}.choices-train__result-progress{position:relative;display:flex;flex-direction:column;gap:8px}.choices-train__result-progress-track{position:relative;height:10px;border-radius:999px;background:#fde68a;overflow:hidden;box-shadow:inset 0 1px 2px rgba(15,23,42,.12)}.choices-train__result-progress-base{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(90deg, rgba(251, 146, 60, 0.35), rgba(251, 146, 60, 0.55));transition:width .9s ease}.choices-train__result-progress-gain{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(90deg, #f97316, #fb923c);transition:width .9s ease}.choices-train__result-progress-meta{display:flex;justify-content:space-between;font-size:.85rem;font-weight:700;color:#9a3412}.choices-train__result-progress-meta strong{color:#9a3412}.choices-train__result-btn{padding:10px 16px;border-radius:10px;border:1px solid #c7d2fe;background:#fff;color:#1e40af;text-decoration:none;font-weight:700;transition:all .2s ease}.choices-train__result-btn:hover{background:#eff6ff;transform:translateY(-1px)}.choices-train__result-btn--primary{background:#1e40af;color:#fff;border-color:#1e40af;box-shadow:0 12px 22px rgba(30,64,175,.22)}@keyframes choices-result-rise{0%{opacity:0;transform:translateY(18px) scale(0.98) rotate(-2deg)}65%{opacity:1;transform:translateY(-2px) scale(1.01) rotate(0.6deg)}100%{opacity:1;transform:translateY(0) scale(1) rotate(0deg)}}@keyframes choices-result-fade{from{opacity:0}to{opacity:1}}@keyframes choices-result-card{to{transform:translateY(0);opacity:1}}@media(max-width: 520px){.choices-train__result-stats{grid-template-columns:1fr}}@media(max-width: 900px){.choices-train__result-stats{grid-template-columns:repeat(2, minmax(0, 1fr))}}body.choices-train-modal-open{overflow:hidden}.choices-train__limit-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:2000}.choices-train__limit-modal[hidden]{display:none}.choices-train__limit-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.45);animation:choices-result-fade .25s ease}.choices-train__limit-panel{position:relative;width:min(520px,92vw);background:#fff;border-radius:20px;border:1px solid rgba(148,163,184,.35);box-shadow:0 24px 40px rgba(15,23,42,.24);padding:22px 24px;display:flex;flex-direction:column;gap:16px;overflow:hidden;animation:choices-result-rise .5s cubic-bezier(0.16, 1, 0.3, 1)}.choices-train__limit-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.choices-train__limit-title{margin:0;font-size:1.35rem;font-weight:800;color:#1e40af}.choices-train__limit-subtitle{margin:6px 0 0;color:#64748b;font-size:.95rem}.choices-train__limit-close{border:none;background:#e2e8f0;color:#0f172a;font-size:.85rem;font-weight:700;padding:6px 12px;border-radius:999px;cursor:pointer}.choices-train__limit-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.choices-train__limit-btn{padding:10px 16px;border-radius:999px;border:1px solid #bfdbfe;background:#fff;color:#1e40af;text-decoration:none;font-weight:700;transition:all .2s ease}.choices-train__limit-btn:hover{background:#eff6ff}.choices-train__limit-btn--primary{background:#1e40af;color:#fff;border-color:#1e40af}.choices-login-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:2100}.choices-login-modal.is-visible{display:flex}.choices-login-modal__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.55)}.choices-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}.choices-login-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.choices-login-modal__title{font-size:1.2rem;font-weight:800;color:#0b1f3a}.choices-login-modal__close{border:none;background:rgba(0,0,0,0);font-size:1.2rem;color:#64748b;cursor:pointer}.choices-login-modal__text{color:#475569;font-size:.95rem;line-height:1.6;margin-bottom:16px}.choices-login-modal__actions{display:flex;justify-content:flex-end}.choices-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}.choices-login-modal__button:hover{background:#1d4ed8;border-color:#1d4ed8;transform:translateY(-1px)}.mypage{min-height:100vh;background:linear-gradient(180deg, #ecfeff 0%, #f8fafc 55%, #ffffff 100%)}.mypage__header{background:#f8fafc;border-bottom:1px solid #e2e8f0;box-shadow:0 12px 24px rgba(22,78,99,.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(8, 145, 178, 0.2), rgba(6, 182, 212, 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(6, 182, 212, 0.16), rgba(8, 145, 178, 0.02) 65%);z-index:0}.mypage__header-inner{max-width:980px;margin:0 auto;padding:0 1rem;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__title{font-size:2rem;font-weight:800;color:#164e63;margin-bottom:6px}.mypage__subtitle{color:#475569;font-size:1.05rem}.mypage__ghost-link{border:1px solid #a5f3fc;background:#fff;color:#0891b2;padding:10px 16px;border-radius:999px;text-decoration:none;font-weight:700;font-size:.95rem;transition:all .2s ease}.mypage__ghost-link:hover{background:#ecfeff;border-color:#67e8f9}.mypage__content{max-width:980px;margin:0 auto;padding:30px 1rem 60px}.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(22,78,99,.08);padding:16px;display:flex;flex-direction:column;gap:12px}@media(max-width: 767px){.mypage__nav{flex-direction:row;gap:10px;padding:12px;overflow-x:auto}}.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;white-space:nowrap}.mypage__nav-link:hover{background:#ecfeff;border-color:#a5f3fc;color:#0891b2}.mypage__nav-link.is-active{background:#0891b2;color:#fff;border-color:#0891b2;box-shadow:0 10px 18px rgba(8,145,178,.3)}.mypage__card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 16px 30px rgba(22,78,99,.08);padding:28px 32px}@media(max-width: 767px){.mypage__card{padding:24px 20px}}.mypage__card--plan{background:linear-gradient(140deg, #ffffff 0%, #ecfeff 100%)}.mypage__card-header{margin-bottom:24px}.mypage__card-title{font-size:1.4rem;font-weight:800;color:#0891b2;margin-bottom:8px}.mypage__card-lead{color:#64748b}.mypage__stack{display:flex;flex-direction:column;gap:32px;flex:1}.mypage__form{display:flex;flex-direction:column;gap:20px}.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__label{font-size:.9rem;font-weight:700;color:#1f2937}.mypage__input{border:1px solid #cbd5e1;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:#0891b2;box-shadow:0 0 0 3px rgba(8,145,178,.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__hint{font-size:.85rem;color:#64748b}@media(max-width: 767px){.mypage__input{font-size:16px}}.mypage__notice{padding:10px 14px;border-radius:10px;background:#ecfeff;border:1px solid #a5f3fc;color:#164e63;font-size:.9rem}.mypage__actions{display:flex;gap:12px;flex-wrap:wrap}.mypage__primary-button{background:#0891b2;color:#fff;border:none;padding:12px 20px;border-radius:10px;font-weight:700;cursor:pointer;transition:all .2s ease;text-decoration:none}.mypage__primary-button:hover{background:#0e7490;transform:translateY(-1px)}.mypage__secondary-button{background:#ecfeff;color:#0891b2;border:1px solid #a5f3fc;padding:12px 20px;border-radius:10px;font-weight:700;text-decoration:none;transition:all .2s ease}.mypage__secondary-button:hover{background:#cffafe;color:#164e63}.mypage__plan-current{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}.mypage__plan-current-main{display:flex;align-items:center;gap:12px}.mypage__plan-chip{background:#0891b2;color:#fff;font-weight:700;padding:8px 14px;border-radius:999px}.mypage__plan-note{color:#475569;font-weight:600;margin:0}.mypage__plan-actions-inline{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}.mypage__plan-usage{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:16px;margin-top:16px;margin-bottom:16px}.mypage__plan-usage-item{background:#f8fafc;border-radius:10px;padding:16px}.mypage__plan-usage-label{font-size:.85rem;color:#64748b;margin-bottom:4px}.mypage__plan-usage-value{font-size:1.3rem;font-weight:700;color:var(--text-primary)}.mypage__plan-usage-meta{font-size:.8rem;color:#94a3b8;margin-top:4px}.mypage__plan-actions-secondary{margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0;display:flex;flex-direction:column;gap:8px}.mypage__plan-cancel{display:inline-block;background:none;border:1px solid #fca5a5;color:#dc2626;padding:8px 20px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;align-self:flex-start}.mypage__plan-cancel:hover{background:#fef2f2}.mypage__plan-actions-note{font-size:.8rem;color:#94a3b8}.mypage__plan-status{font-size:.9rem;color:#f59e0b;font-weight:600}.learning-goals{min-height:100vh;background:radial-gradient(circle at top, #ecfeff 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(8, 145, 178, 0.22), rgba(6, 182, 212, 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(6, 182, 212, 0.18), rgba(8, 145, 178, 0.02) 65%)}.learning-goals__hero-inner{max-width:980px;margin:0 auto;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:#cffafe;border:1px solid rgba(14,116,144,.2);padding:10px 18px;border-radius:999px;font-weight:700;font-size:.9rem;color:#164e63;box-shadow:0 8px 16px rgba(15,23,42,.06)}.learning-goals__content{max-width:980px;margin:0 auto;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(14,116,144,.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:#ecfeff;border-color:#a5f3fc;color:#0e7490}.learning-goals__menu-link.is-active{background:#164e63;color:#fff;border-color:#164e63;box-shadow:0 10px 18px rgba(14,116,144,.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:#ecfeff;border-color:#a5f3fc;color:#0e7490}.learning-goals__tab.is-active{background:#fff;color:#0e7490;border-color:#a5f3fc;box-shadow:0 8px 14px rgba(14,116,144,.18)}.learning-goals__panel{display:block}.learning-goals__panel--hidden{display:none}.learning-goals__flash{background:#ecfeff;border:1px solid #67e8f9;border-radius:12px;padding:12px 16px;font-weight:700;color:#0f172a}.learning-goals__errors{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:12px 16px;color:#991b1b;font-size:.9rem}.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 #a5f3fc;background:#ecfeff;color:#0e7490;font-weight:700;font-size:.85rem;white-space:nowrap}.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:#cffafe;color:#164e63;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:#ecfeff;color:#0c4a6e;font-size:.8rem;font-weight:700}.learning-goals__time-chart-canvas{height:240px}.learning-goals__label{font-size:.85rem;font-weight:700;color:#64748b}.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__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__primary-button{padding:10px 18px;border-radius:10px;border:none;background:#0891b2;color:#fff;font-weight:700;cursor:pointer}.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__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:#0891b2;text-decoration:none;font-weight:600}.learning-goals__summary-link:hover{text-decoration:underline}.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__form,.learning-goals__field,.learning-goals__actions{animation:learning-goals-rise .5s ease both}@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__form,.learning-goals__field,.learning-goals__actions{animation:none}}.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(8, 145, 178, 0.15), rgba(6, 182, 212, 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(6, 182, 212, 0.12), rgba(8, 145, 178, 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:#0e7490;font-weight:800}.onboarding-modal__step{font-size:.8rem;font-weight:700;color:#0e7490;background:linear-gradient(135deg, #ecfeff, #cffafe);padding:6px 14px;border-radius:999px;white-space:nowrap;border:1px solid rgba(6,182,212,.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:#06b6d4;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__grid--single{grid-template-columns:1fr;max-width:200px}.onboarding-form__field{display:flex;flex-direction:column;gap:6px}.onboarding-form__section-title{font-size:.9rem;font-weight:700;color:#0e7490;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.onboarding-form__label{font-size:.85rem;font-weight:700;color:#334155}.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:#06b6d4;box-shadow:0 0 0 4px rgba(6,182,212,.15)}.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, #0891b2 0%, #06b6d4 100%);color:#fff;box-shadow:0 2px 8px rgba(8,145,178,.3)}.onboarding-btn--primary:hover{background:linear-gradient(135deg, #164e63 0%, #0891b2 100%);box-shadow:0 4px 12px rgba(8,145,178,.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-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(8, 145, 178, 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-step{display:none;flex-direction:column;min-height:100%}.onboarding-step.is-active{display:flex}@keyframes onboarding-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes onboarding-panel-in{from{opacity:0;transform:translateY(12px) scale(0.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes onboarding-check-pop{from{opacity:0;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}@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__select{padding:10px 12px;font-size:16px;border-radius:10px}.onboarding-form__grid--single{max-width:none}}.drill-page{font-family:"Noto Sans JP",sans-serif;min-height:100vh;background:radial-gradient(1200px 420px at 10% -10%, rgba(6, 182, 212, 0.18), rgba(255, 255, 255, 0) 60%),radial-gradient(900px 480px at 90% 0%, rgba(8, 145, 178, 0.14), rgba(255, 255, 255, 0) 65%),linear-gradient(180deg, #ecfeff 0%, #f8fafc 55%, #ffffff 100%)}.drill-start{max-width:980px;margin:0 auto;padding:0 1rem}@media(min-width: 1024px){.drill-start{padding:0 .5rem}}.drill-start{padding-top:36px;padding-bottom:60px;max-width:780px}.drill-start__header{text-align:center;margin-bottom:32px}.drill-start__header h1{font-size:2.1rem;font-weight:800;color:#0f172a;margin:0 0 8px}@media(max-width: 767px){.drill-start__header h1{font-size:1.6rem}}.drill-start__header p{color:#56657a;font-size:1rem;margin:0 0 14px}.drill-start__form{background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:14px;padding:28px;box-shadow:0 18px 34px rgba(15,23,42,.08)}@media(max-width: 767px){.drill-start__form{padding:16px 14px}}.drill-start__section{margin-bottom:24px}.drill-start__section:last-child{margin-bottom:0}.drill-start__section h2{font-size:1.05rem;font-weight:800;color:#0f172a;margin:0 0 12px}.drill-start__subject-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px;padding:4px;border-radius:999px;background:rgba(148,163,184,.12)}.drill-start__subject-tab{padding:8px 18px;border:none;border-radius:999px;background:rgba(0,0,0,0);font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s ease;color:#94a3b8}.drill-start__subject-tab:hover{color:#0891b2}.drill-start__subject-tab.is-active{background:#fff;color:#0891b2;box-shadow:0 6px 14px rgba(15,23,42,.12)}.drill-start__law-list{display:flex;flex-direction:column;gap:8px}.drill-start__law-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:10px;border:1px solid rgba(148,163,184,.25);background:rgba(248,250,252,.95);cursor:pointer;transition:all .2s ease;font-weight:700;font-size:.95rem;color:#0f172a}.drill-start__law-item:hover{border-color:rgba(6,182,212,.35);background:rgba(239,246,255,.95);transform:translateY(-1px)}.drill-start__law-item input[type=radio]{accent-color:#0891b2;width:18px;height:18px;flex-shrink:0}.drill-start__law-name{flex:1}.drill-start__law-count{font-size:.78rem;font-weight:700;color:#0891b2;padding:3px 10px;border-radius:999px;background:rgba(8,145,178,.08)}.drill-start__empty{color:#94a3b8;font-size:.92rem;font-weight:600;text-align:center;padding:24px 16px}.drill-start__options{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:16px;padding-top:20px;border-top:1px solid rgba(148,163,184,.18)}@media(max-width: 767px){.drill-start__options{grid-template-columns:1fr}}.drill-start__options label{font-size:.85rem;font-weight:700;color:#56657a;margin-bottom:6px;display:block}.drill-start__select,.drill-start__input{width:100%;padding:10px 12px;border:1px solid #a5f3fc;background:#eff6ff;border-radius:10px;font-size:1rem;font-weight:600;color:#1e293b;transition:border-color .2s ease,box-shadow .2s ease}.drill-start__select:focus,.drill-start__input:focus{outline:none;border-color:#0891b2;box-shadow:0 0 0 3px rgba(6,182,212,.15)}@media(max-width: 767px){.drill-start__select,.drill-start__input{font-size:16px}}.drill-start__actions{text-align:center;padding-top:20px;border-top:1px solid rgba(148,163,184,.18)}.drill-step{max-width:980px;margin:0 auto;padding:0 1rem}@media(min-width: 1024px){.drill-step{padding:0 .5rem}}.drill-step{padding-top:28px;padding-bottom:60px;max-width:800px}.drill-step__header{margin-bottom:24px}.drill-step__progress-info{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:.9rem;font-weight:700;color:#0891b2}.drill-step__law-name{font-weight:600;color:#56657a;font-size:.85rem}.drill-step__progress-bar{height:6px;background:rgba(148,163,184,.18);border-radius:999px;overflow:hidden}.drill-step__progress-fill{height:100%;background:linear-gradient(90deg, #0e7490, #67e8f9);border-radius:999px;transition:width .4s ease}.drill-step__question{background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:14px;padding:28px;box-shadow:0 10px 20px rgba(15,23,42,.06);margin-bottom:20px;position:relative;overflow:hidden}.drill-step__question::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg, #0891b2, #06b6d4)}@media(max-width: 767px){.drill-step__question{padding:18px 14px}}.drill-step__context{margin-bottom:14px}.drill-step__article{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0891b2}.drill-step__text{font-size:1.08rem;line-height:1.9;color:#0f172a;font-weight:500}.drill-step__answer-area{background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:14px;padding:24px;box-shadow:0 10px 20px rgba(15,23,42,.06)}@media(max-width: 767px){.drill-step__answer-area{padding:16px 14px}}.drill-step__input-group{margin-bottom:16px}.drill-step__input-group label{display:block;font-size:.85rem;font-weight:700;color:#56657a;margin-bottom:8px}.drill-step__answer-input{width:100%;padding:12px 16px;border:1px solid #a5f3fc;border-radius:10px;font-size:1rem;font-weight:600;background:#eff6ff;color:#1e293b;transition:border-color .2s ease,box-shadow .2s ease}.drill-step__answer-input:focus{outline:none;border-color:#0891b2;box-shadow:0 0 0 3px rgba(6,182,212,.18);background:#fff}@media(max-width: 767px){.drill-step__answer-input{font-size:16px}}.drill-step__actions{display:flex;justify-content:center;gap:12px;margin-top:20px}.drill-step__result{margin-top:20px;animation:drill-rise .4s ease both}.drill-step__result-card{padding:20px 24px;border-radius:14px;border:1px solid rgba(148,163,184,.2);margin-bottom:16px;box-shadow:0 10px 20px rgba(15,23,42,.06);position:relative;overflow:hidden}.drill-step__result-card::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px}.drill-step__result-card--correct{background:linear-gradient(135deg, #ecfdf5, #f0fdf4);border-color:rgba(16,185,129,.3)}.drill-step__result-card--correct::before{background:#10b981}.drill-step__result-card--wrong{background:linear-gradient(135deg, #fef2f2, #fff1f2);border-color:rgba(239,68,68,.3)}.drill-step__result-card--wrong::before{background:#ef4444}@media(max-width: 767px){.drill-step__result-card{padding:14px 16px}}.drill-step__result-label{font-size:1.15rem;font-weight:800;margin-bottom:8px}.drill-step__result-card--correct .drill-step__result-label{color:#059669}.drill-step__result-card--wrong .drill-step__result-label{color:#dc2626}.drill-step__your-answer{font-size:.95rem;color:#0f172a;margin-bottom:4px;font-weight:600}.drill-step__correct-answer{font-size:.95rem;color:#56657a}.drill-four-choice__choices{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}@media(max-width: 767px){.drill-four-choice__choices{grid-template-columns:1fr}}.drill-four-choice__choice{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 20px;border:1px solid rgba(148,163,184,.25);border-radius:14px;background:#fff;cursor:pointer;transition:all .2s ease;font-size:.95rem;font-weight:700;color:#0f172a;text-align:left;box-shadow:0 4px 12px rgba(15,23,42,.04)}.drill-four-choice__choice:hover:not(.drill-four-choice__choice--disabled){border-color:rgba(6,182,212,.35);background:rgba(239,246,255,.95);transform:translateY(-2px);box-shadow:0 8px 18px rgba(15,23,42,.1)}.drill-four-choice__choice.is-selected{border-color:#0891b2;background:rgba(8,145,178,.08);box-shadow:0 0 0 2px rgba(6,182,212,.22),0 8px 18px rgba(15,23,42,.1)}.drill-four-choice__choice--correct{border-color:#10b981 !important;background:linear-gradient(135deg, #ecfdf5, #f0fdf4) !important;box-shadow:0 0 0 2px rgba(16,185,129,.2),0 8px 18px rgba(15,23,42,.06) !important}.drill-four-choice__choice--wrong{border-color:#ef4444 !important;background:linear-gradient(135deg, #fef2f2, #fff1f2) !important;box-shadow:0 0 0 2px rgba(239,68,68,.2),0 8px 18px rgba(15,23,42,.06) !important}.drill-four-choice__choice--disabled{cursor:default;pointer-events:none}@media(max-width: 767px){.drill-four-choice__choice{padding:14px 16px;font-size:.9rem}}.drill-four-choice__choice-text{flex:1;line-height:1.5}.drill-four-choice__choice-badge{font-size:.72rem;font-weight:700;padding:3px 10px;border-radius:999px;margin-left:8px;white-space:nowrap;letter-spacing:.04em}.drill-four-choice__choice-badge--correct{background:#10b981;color:#fff}.drill-four-choice__choice-badge--wrong{background:#ef4444;color:#fff}.drill-view{max-width:980px;margin:0 auto;padding:0 1rem}@media(min-width: 1024px){.drill-view{padding:0 .5rem}}.drill-view{padding-top:28px;padding-bottom:60px;max-width:800px}.drill-view__header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid rgba(148,163,184,.2)}.drill-view__header h1{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0}@media(max-width: 767px){.drill-view__header h1{font-size:1.2rem}}.drill-view__list{display:flex;flex-direction:column;gap:14px}.drill-view__item{background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:14px;padding:20px;box-shadow:0 10px 20px rgba(15,23,42,.06);transition:border-color .2s ease,transform .2s ease;position:relative}.drill-view__item:hover{border-color:rgba(6,182,212,.3);transform:translateY(-1px)}@media(max-width: 767px){.drill-view__item{padding:14px}}.drill-view__item-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.drill-view__item-number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:rgba(8,145,178,.1);color:#0891b2;font-size:.78rem;font-weight:800;flex-shrink:0}.drill-view__item-article{font-size:.82rem;color:#56657a;font-weight:600}.drill-view__item-question{font-size:.98rem;line-height:1.8;margin-bottom:12px;color:#0f172a}.drill-view__item-answer{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:.88rem;font-weight:700}.drill-view__item-answer--correct{background:rgba(16,185,129,.1);color:#059669;border:1px solid rgba(16,185,129,.25)}.drill-view__item-answer--wrong{background:rgba(239,68,68,.08);color:#dc2626;border:1px solid rgba(239,68,68,.2)}.drill-view__answer-label{font-weight:800}.drill-view__correct-text{color:#94a3b8;font-weight:600;margin-left:4px}.drill-view__answer-form{margin-top:10px}.drill-view__input-group{display:flex;gap:8px;align-items:center}.drill-view__answer-input{flex:1;padding:10px 12px;border:1px solid #a5f3fc;border-radius:10px;font-size:.95rem;font-weight:600;background:#eff6ff;color:#1e293b}.drill-view__answer-input:focus{outline:none;border-color:#0891b2;box-shadow:0 0 0 3px rgba(6,182,212,.15);background:#fff}@media(max-width: 767px){.drill-view__answer-input{font-size:16px}}.drill-view__finish{text-align:center;margin-top:32px;padding-top:24px;border-top:1px solid rgba(148,163,184,.18)}.drill-finish{max-width:980px;margin:0 auto;padding:0 1rem}@media(min-width: 1024px){.drill-finish{padding:0 .5rem}}.drill-finish{padding-top:48px;padding-bottom:60px;max-width:640px;text-align:center}.drill-finish h1{font-size:2.1rem;font-weight:800;color:#0f172a;margin:0 0 8px}@media(max-width: 767px){.drill-finish h1{font-size:1.6rem}}.drill-finish__subtitle{color:#56657a;font-size:1rem;margin-bottom:32px}.drill-finish__stats{display:grid;grid-template-columns:repeat(auto-fit, minmax(140px, 1fr));gap:14px;margin-bottom:36px}.drill-finish__stat-card{background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:14px;padding:20px 16px;box-shadow:0 10px 20px rgba(15,23,42,.06);transform:translateY(8px);opacity:0;animation:drill-stat-card .4s ease forwards}.drill-finish__stat-card:nth-child(1){animation-delay:.08s}.drill-finish__stat-card:nth-child(2){animation-delay:.12s}.drill-finish__stat-card:nth-child(3){animation-delay:.16s}.drill-finish__stat-card:nth-child(4){animation-delay:.2s}.drill-finish__stat-label{font-size:.8rem;color:#94a3b8;font-weight:700;margin-bottom:6px;display:block;text-transform:uppercase;letter-spacing:.08em}.drill-finish__stat-value{font-size:1.8rem;font-weight:800;display:block;color:#0f172a}.drill-finish__stat-card--total .drill-finish__stat-value{color:#0891b2}.drill-finish__stat-card--correct .drill-finish__stat-value{color:#059669}.drill-finish__stat-card--rate .drill-finish__stat-value{color:#164e63}.drill-finish__stat-card--time .drill-finish__stat-value{color:#56657a}.drill-finish__actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.drill-start .btn,.drill-step .btn,.drill-view .btn,.drill-finish .btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;border-radius:999px;font-weight:700;font-size:1rem;text-decoration:none;border:1px solid rgba(6,182,212,.35);cursor:pointer;transition:all .2s ease;box-shadow:0 10px 18px rgba(30,64,175,.15)}@media(max-width: 767px){.drill-start .btn,.drill-step .btn,.drill-view .btn,.drill-finish .btn{padding:9px 16px;font-size:.92rem}}.drill-start .btn--primary,.drill-step .btn--primary,.drill-view .btn--primary,.drill-finish .btn--primary{background:#0e7490;color:#fff;border-color:#0e7490}.drill-start .btn--primary:hover,.drill-step .btn--primary:hover,.drill-view .btn--primary:hover,.drill-finish .btn--primary:hover{background:#0891b2;transform:translateY(-1px);box-shadow:0 12px 22px rgba(30,64,175,.2)}.drill-start .btn--primary:disabled,.drill-step .btn--primary:disabled,.drill-view .btn--primary:disabled,.drill-finish .btn--primary:disabled{background:#e2e8f0;border-color:#e2e8f0;color:#94a3b8;box-shadow:none;cursor:not-allowed}.drill-start .btn--outline,.drill-step .btn--outline,.drill-view .btn--outline,.drill-finish .btn--outline{background:hsla(0,0%,100%,.95);color:#164e63;box-shadow:none}.drill-start .btn--outline:hover,.drill-step .btn--outline:hover,.drill-view .btn--outline:hover,.drill-finish .btn--outline:hover{background:rgba(239,246,255,.95);transform:translateY(-1px)}.drill-start .btn--sm,.drill-step .btn--sm,.drill-view .btn--sm,.drill-finish .btn--sm{padding:7px 14px;font-size:.88rem;box-shadow:none}.law-drills__blank{display:inline-block;min-width:var(--blank-ch, 6ch);height:1.5em;border-bottom:2px dashed #06b6d4;background:linear-gradient(180deg, rgba(6, 182, 212, 0.06), rgba(6, 182, 212, 0.12));border-radius:3px;vertical-align:bottom;margin:0 2px}@keyframes drill-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes drill-stat-card{to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion: reduce){.drill-step__result,.drill-finish__stat-card{animation:none;opacity:1;transform:none}}