@font-face{font-family:roman-fix;src:local("Arial"),local("Helvetica Neue"),local("Helvetica");unicode-range:U+2160-217F}.roman{font-family:Arial,sans-serif}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,p,ul,ol{margin:0;padding:0}ul{list-style:none}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}img{max-width:100%;display:block}:root{--yellow: #FFDE59;--yellow-dark: #D4B400;--yellow-deep: #6B5700;--yellow-light: #FFFDE7;--yellow-bg: #FEFEE8;--ink: #1C1917;--ink-2: #44403C;--ink-3: #78716C;--ink-4: #A8A29E;--border: #E7E5E4;--border-2: #D6D3D1;--surface: #FFFFFF;--bg: #FAFAF8;--bg-2: #F5F4F1;--green: #16A34A;--green-light: #DCFCE7;--red: #DC2626;--red-light: #FEE2E2;--blue: #2563EB;--blue-light: #EFF6FF;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow: 0 2px 8px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 16px rgba(0,0,0,.1), 0 2px 4px rgba(0,0,0,.06);--shadow-lg: 0 10px 40px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);--r-sm: 6px;--r: 10px;--r-lg: 16px;--r-xl: 20px;font-family:roman-fix,Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Yu Gothic Medium,Yu Gothic,sans-serif;font-size:15px;line-height:1.65;color:var(--ink)}body{background:var(--bg);-webkit-font-smoothing:antialiased}.app-wrapper{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:40px 24px}.header{position:sticky;top:0;z-index:200;background:var(--surface);border-bottom:2px solid var(--yellow);box-shadow:var(--shadow-sm)}.header-inner{max-width:1080px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;gap:24px}.logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:15px;color:var(--ink);flex-shrink:0;letter-spacing:-.02em}.logo-mark{width:28px;height:28px;background:var(--yellow);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:var(--ink);flex-shrink:0}.logo-text-full{display:block}.logo-text-short{display:none}.header-nav{display:flex;gap:2px;flex:1}.nav-link{padding:6px 14px;border-radius:var(--r-sm);font-size:14px;font-weight:600;color:var(--ink-3);transition:background .15s,color .15s}.nav-link:hover{background:var(--bg-2);color:var(--ink)}.nav-link.active{background:var(--yellow);color:#1a1a1a;font-weight:700}.header-auth{flex-shrink:0;display:flex;align-items:center;gap:12px}.user-name{font-size:13px;font-weight:600;color:var(--ink-3)}.footer{background:var(--ink);color:var(--ink-4);text-align:center;padding:24px;font-size:12px;display:flex;flex-direction:column;align-items:center;gap:8px}.footer-link{color:var(--ink-4);font-size:12px;transition:color .15s}.footer-link:hover{color:#ffffffb3}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 22px;border-radius:var(--r);font-size:14px;font-weight:700;transition:all .15s;white-space:nowrap;letter-spacing:.01em}.btn-lg{padding:14px 32px;font-size:16px;border-radius:var(--r-lg)}.btn-sm{padding:6px 14px;font-size:13px;border-radius:var(--r-sm)}.btn-yellow{background:var(--yellow);color:var(--ink);box-shadow:0 2px 0 var(--yellow-dark)}.btn-yellow:hover{background:#fcd34d;transform:translateY(-1px);box-shadow:0 4px 0 var(--yellow-dark)}.btn-yellow:active{transform:translateY(0);box-shadow:0 1px 0 var(--yellow-dark)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:var(--ink-2);transform:translateY(-1px)}.btn-outline{background:transparent;border:2px solid var(--border-2);color:var(--ink-2)}.btn-outline:hover{border-color:var(--yellow);color:var(--yellow-deep);background:var(--yellow-bg)}.btn-ghost{background:transparent;color:var(--ink-3);padding:6px 12px;font-size:13px}.btn-ghost:hover{background:var(--bg-2);color:var(--ink)}.btn-google{background:var(--surface);border:2px solid var(--border);color:var(--ink);font-size:15px;padding:14px 28px;border-radius:var(--r-lg);width:100%}.btn-google:hover{border-color:var(--yellow);background:var(--yellow-bg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-hover{transition:box-shadow .2s,transform .2s,border-color .2s}.card-hover:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--yellow)}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.badge-yellow{background:var(--yellow-light);color:var(--yellow-deep)}.badge-green{background:var(--green-light);color:#166534}.badge-gray{background:var(--bg-2);color:var(--ink-3)}.badge-blue{background:var(--blue-light);color:var(--blue)}.section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-4);margin-bottom:16px}.section-title{font-size:22px;font-weight:800;color:var(--ink);margin-bottom:20px;letter-spacing:-.02em}.home{display:flex;flex-direction:column;gap:40px}.hero{margin:-40px -24px 0;padding:0 24px 40px;background:var(--yellow);display:flex;flex-direction:column;align-items:center;text-align:center}.hero-top-img{display:block;width:calc(100% + 48px);height:auto;margin:0 -24px 24px;align-self:center;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.hero-app-name{font-size:12px;font-weight:700;color:var(--ink-3);text-align:center;letter-spacing:.04em;margin-bottom:6px}.notices-area{background:var(--yellow);margin:0 -24px;padding:0 24px 40px}.main-content:has(.hero){background:var(--yellow)}.hero-date{font-size:16px;font-weight:700;color:var(--yellow-deep);letter-spacing:.04em;margin-bottom:12px}.hero-title{font-size:26px;font-weight:900;color:var(--ink);letter-spacing:-.03em;line-height:1.3;margin-bottom:28px}.hero-countdown{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;margin-bottom:0;max-width:400px}.hero-cd-card{background:#ffffffe6;border-radius:var(--r-lg);padding:12px 16px;border:2px solid rgba(255,255,255,.6)}.hero-cd-card.dark{background:#fff;border-color:var(--yellow-dark)}.hero-cd-label{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--yellow-deep);margin-bottom:6px}.hero-cd-card.dark .hero-cd-label{color:#ffffff73}.hero-cd-num{font-size:36px;font-weight:900;line-height:1;color:var(--ink);letter-spacing:-.04em}.hero-cd-card.dark .hero-cd-num{color:var(--yellow)}.hero-cd-unit{font-size:13px;font-weight:700;color:var(--ink-2)}.hero-cd-card.dark .hero-cd-unit{color:#fff9}.hero-cd-tbd{font-size:16px;font-weight:800;color:var(--yellow-deep);padding:10px 0}.hero-cd-card.dark .hero-cd-tbd{color:var(--yellow)}.hero-cd-date{font-size:11px;color:var(--ink-3);margin-top:8px}.hero-cd-card.dark .hero-cd-date{color:#fff6}.home-sections{display:flex;flex-direction:column;gap:32px}.home-links{display:flex;flex-direction:column;gap:8px}.home-link-card{display:flex;align-items:center;gap:16px;padding:18px 22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:all .2s}.home-link-card:hover{border-color:var(--yellow);box-shadow:var(--shadow);transform:translateY(-1px)}.home-link-icon{font-size:22px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--yellow-light);border-radius:var(--r);flex-shrink:0}.home-link-title{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:3px}.home-link-desc{font-size:12px;color:var(--ink-3)}.home-link-arrow{margin-left:auto;color:var(--ink-4);font-size:18px;flex-shrink:0}.hero-cd-card.dark .hero-cd-label{color:var(--yellow-deep)}.hero-cd-card.dark .hero-cd-num{color:var(--ink)}.hero-cd-card.dark .hero-cd-unit{color:var(--ink-2)}.hero-cd-card.dark .hero-cd-tbd{color:var(--yellow-deep)}.hero-cd-card.dark .hero-cd-date{color:var(--ink-3)}.power-gauge-card{background:var(--surface);border:2px solid var(--yellow);border-radius:var(--r-xl);padding:28px}.power-gauge-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.power-gauge-title{font-size:15px;font-weight:800;color:var(--ink)}.power-gauge-link{font-size:13px;color:var(--yellow-dark);font-weight:700;transition:opacity .15s}.power-gauge-link:hover{opacity:.75}.gauge-rows{display:flex;flex-direction:column;gap:14px}.gauge-row{display:flex;align-items:center;gap:12px}.gauge-label{font-size:13px;font-weight:700;color:var(--ink-2);width:56px;flex-shrink:0}.gauge-bar-wrap{flex:1;position:relative;height:22px;background:var(--bg-2);border-radius:11px;overflow:hidden;border:1px solid var(--border)}.gauge-bar-wrap:after{content:"";position:absolute;left:60%;top:0;bottom:0;width:2px;background:var(--ink-3);pointer-events:none;z-index:2}.gauge-bar{height:100%;border-radius:11px;background:linear-gradient(90deg,var(--yellow-dark),var(--yellow));transition:width .9s cubic-bezier(.4,0,.2,1);min-width:0}.gauge-score{font-size:15px;font-weight:900;color:var(--ink);width:40px;text-align:right;flex-shrink:0}.gauge-60-hint{text-align:right;font-size:11px;color:var(--ink-4);margin-top:10px;font-weight:600}.quick-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 12px;text-align:center}.quick-stat-num{font-size:30px;font-weight:900;color:var(--yellow-dark);line-height:1;margin-bottom:6px}.quick-stat-label{font-size:11px;color:var(--ink-3);font-weight:600}.achievements-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.achievement-item{padding:16px 12px;border-radius:var(--r-lg);border:1.5px solid var(--border);background:var(--bg-2);text-align:center;transition:all .2s;opacity:.42}.achievement-item.unlocked{border-color:var(--yellow);background:var(--yellow-bg);opacity:1;box-shadow:0 2px 10px #fbbf2433}.achievement-emoji{font-size:26px;margin-bottom:7px;display:block}.achievement-label{font-size:12px;font-weight:700;color:var(--ink);margin-bottom:4px;line-height:1.4}.achievement-desc{font-size:11px;color:var(--ink-4);line-height:1.4}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.reward-card{padding:16px 12px;border-radius:var(--r-lg);border:1.5px solid var(--border);background:var(--bg-2);text-align:center;opacity:.42;transition:all .2s}.reward-card.unlocked{border-color:var(--yellow);background:var(--yellow-bg);opacity:1;box-shadow:0 2px 10px #fbbf2433}.reward-icon{font-size:26px;margin-bottom:7px}.reward-label{font-size:12px;font-weight:700;color:var(--ink);margin-bottom:10px;line-height:1.4}.reward-btn{background:var(--yellow);color:#000;border:none;border-radius:var(--r-md);padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.reward-lock-hint{font-size:11px;color:var(--ink-4)}.reward-subtitle{font-size:12px;color:var(--ink-3);margin-bottom:10px}.reward-thumb{width:100%;aspect-ratio:9 / 16;object-fit:cover;border-radius:var(--r-md);display:block;margin-bottom:8px}.reward-btn-pc{display:inline-block;margin-top:8px}@media(max-width:600px){.reward-btn-pc{display:none}}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:26px;height:19px;padding:0;flex-shrink:0}.hamburger span{display:block;height:2.5px;background:var(--ink);border-radius:2px;transition:all .25s;transform-origin:center}.hamburger.open span:nth-child(1){transform:translateY(8.25px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-8.25px) rotate(-45deg)}.mobile-menu{background:var(--surface);border-top:1px solid var(--border);padding:4px 16px 20px;display:flex;flex-direction:column;box-shadow:var(--shadow-md)}.mobile-nav-link{display:block;padding:13px 8px;font-size:15px;font-weight:600;color:var(--ink);border-bottom:1px solid var(--bg-2);transition:color .15s}.mobile-nav-link:last-of-type{border-bottom:none}.mobile-nav-link:hover{color:var(--yellow-deep)}.mobile-menu-auth{padding-top:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.mobile-user{font-size:13px;color:var(--ink-3);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.privacy-page{max-width:720px}.privacy-page h1{font-size:24px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.privacy-date{font-size:13px;color:var(--ink-4);margin-bottom:32px}.privacy-section{margin-bottom:28px}.privacy-section h2{font-size:15px;font-weight:700;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.privacy-section p{font-size:14px;color:var(--ink-2);line-height:1.9}.countdown-section{display:grid;grid-template-columns:1fr 1fr;gap:16px}.countdown-card{padding:28px;border-radius:var(--r-xl);display:flex;flex-direction:column;gap:8px}.countdown-card.primary{background:var(--ink);color:#fff}.countdown-card.secondary{background:var(--yellow-bg);border:2px solid var(--yellow);color:var(--ink)}.countdown-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;opacity:.6}.countdown-days{font-size:64px;font-weight:900;line-height:1;letter-spacing:-.04em;color:var(--yellow)}.countdown-card.secondary .countdown-days{color:var(--yellow-dark)}.countdown-unit{font-size:14px;font-weight:700;opacity:.7}.countdown-date-str{font-size:12px;opacity:.5;margin-top:4px}.countdown-passed{font-size:20px;font-weight:800;color:var(--yellow)}.notices-section{display:flex;flex-direction:column;gap:12px}.notice-item{padding:16px 20px;border-radius:var(--r);border-left:3px solid var(--yellow);background:var(--surface);border-top:1px solid var(--border);border-right:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;gap:16px;align-items:flex-start}.notice-date{font-size:12px;color:var(--ink-4);flex-shrink:0;padding-top:2px}.notice-title{font-size:14px;font-weight:600;color:var(--ink)}.notice-body{font-size:13px;color:var(--ink-3);margin-top:4px}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:16px}.quick-link-card{display:flex;align-items:center;gap:16px;padding:24px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);transition:all .2s;cursor:pointer}.quick-link-card:hover{border-color:var(--yellow);box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-link-icon{width:44px;height:44px;background:var(--yellow-light);border-radius:var(--r);display:flex;align-items:center;justify-content:center;flex-shrink:0}.quick-link-icon svg{width:22px;height:22px;color:var(--yellow-dark)}.quick-link-info h3{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:4px}.quick-link-info p{font-size:12px;color:var(--ink-3)}.quick-link-arrow{margin-left:auto;color:var(--ink-4);font-size:18px;flex-shrink:0}.home-cta{padding:36px;border-radius:var(--r-xl);background:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:24px}.home-cta-text h2{font-size:20px;font-weight:800;color:#fff;margin-bottom:6px}.home-cta-text p{font-size:13px;color:#ffffff80}.login-page{min-height:70vh;display:flex;align-items:center;justify-content:center}.login-card{width:100%;max-width:420px;padding:48px 40px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);text-align:center}.login-mark{width:56px;height:56px;background:var(--yellow);border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:var(--ink);margin:0 auto 20px}.login-card h1{font-size:22px;font-weight:800;margin-bottom:8px;letter-spacing:-.02em}.login-desc{font-size:13px;color:var(--ink-3);margin-bottom:28px;line-height:1.7}.login-note{font-size:12px;color:var(--ink-4);margin-top:20px;line-height:1.7}.dashboard{display:flex;flex-direction:column;gap:32px}.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--border)}.dashboard-welcome h1{font-size:22px;font-weight:800;letter-spacing:-.02em}.dashboard-welcome p{font-size:13px;color:var(--ink-3);margin-top:4px}.dash-section{display:flex;flex-direction:column;gap:12px}.dash-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-4)}.progress-hub-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 32px;background:var(--ink);border-radius:var(--r-xl);color:#fff;transition:transform .2s,box-shadow .2s;cursor:pointer}.progress-hub-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.progress-hub-info h2{font-size:18px;font-weight:800;margin-bottom:6px}.progress-hub-info p{font-size:13px;color:#ffffff80}.progress-hub-stats{display:flex;gap:24px;align-items:center}.hub-stat{text-align:center}.hub-stat-num{font-size:32px;font-weight:900;color:var(--yellow);line-height:1}.hub-stat-label{font-size:11px;color:#ffffff80;margin-top:4px}.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.content-card{display:block;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:all .2s}.content-card:hover{border-color:var(--yellow);box-shadow:var(--shadow);transform:translateY(-1px)}.content-card-icon{width:36px;height:36px;background:var(--yellow-light);border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.content-card-icon svg{width:18px;height:18px;color:var(--yellow-dark)}.content-card h3{font-size:14px;font-weight:700;color:var(--ink);margin-bottom:4px}.content-card p{font-size:12px;color:var(--ink-3);line-height:1.6}.store-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:all .2s}.store-card:hover{border-color:var(--yellow);box-shadow:var(--shadow)}.store-card-info h3{font-size:15px;font-weight:700;margin-bottom:4px}.store-card-info p{font-size:12px;color:var(--ink-3)}.paid-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.paid-card{padding:24px;background:var(--bg-2);border:1px dashed var(--border-2);border-radius:var(--r-lg);opacity:.7}.paid-card h3{font-size:15px;font-weight:700;margin-bottom:6px}.paid-card p{font-size:12px;color:var(--ink-3)}.progress-page{display:flex;flex-direction:column;gap:24px}.progress-page-header{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--border)}.back-btn{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink-3);transition:color .15s}.back-btn:hover{color:var(--ink)}.progress-page-header h1{font-size:22px;font-weight:800;letter-spacing:-.02em}.toggle-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.toggle-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.toggle-header:hover{background:var(--bg)}.toggle-title{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700}.toggle-badge{font-size:11px;font-weight:700;background:var(--yellow-light);color:var(--yellow-deep);padding:2px 8px;border-radius:20px}.toggle-chevron{width:20px;height:20px;color:var(--ink-4);transition:transform .2s}.toggle-chevron.open{transform:rotate(180deg)}.toggle-body{border-top:1px solid var(--border);padding:20px 24px;display:none}.toggle-body.open{display:block}.toggle-body.no-pad{padding:0;overflow:visible}.exam-table{width:100%;border-collapse:collapse;table-layout:fixed}.exam-table th{font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--ink-4);padding:6px 4px;text-align:center;background:var(--bg);border-bottom:1px solid var(--border);overflow:hidden;white-space:nowrap}.exam-table th:first-child{text-align:left}.exam-table td{padding:6px 4px;border-bottom:1px solid var(--bg-2);text-align:center;vertical-align:middle;overflow:hidden}.exam-table tr:last-child td{border-bottom:none}.year-cell{font-size:13px;font-weight:700;color:var(--ink);text-align:left;white-space:nowrap}.check-group{display:flex;align-items:center;justify-content:center;gap:4px}.check-box{width:28px;height:28px;border-radius:var(--r-sm);border:2px solid var(--border-2);background:var(--surface);display:flex;align-items:center;justify-content:center;transition:all .15s;font-size:13px;font-weight:700;color:transparent;cursor:pointer}.check-box:hover{border-color:var(--yellow)}.check-box.on{background:var(--yellow);border-color:var(--yellow-dark);color:var(--ink)}.memo-cell{text-align:left}.memo-input{width:100%;min-width:120px;border:1px solid transparent;border-radius:var(--r-sm);padding:4px 8px;font-size:12px;font-family:inherit;color:var(--ink);background:transparent;transition:all .15s;resize:none}.memo-input:hover{border-color:var(--border);background:var(--bg)}.memo-input:focus{outline:none;border-color:var(--yellow);background:var(--surface);box-shadow:0 0 0 3px var(--yellow-light)}.mg-checklist{display:flex;flex-direction:column;gap:8px}.mg-check-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r);background:var(--bg);transition:background .15s}.mg-check-item:hover{background:var(--yellow-bg)}.mg-check-label{flex:1;font-size:14px;font-weight:500;color:var(--ink)}.mg-check-label.done{text-decoration:line-through;color:var(--ink-4)}.cycle-btn{width:36px;height:36px;border-radius:var(--r-sm);border:2px solid var(--border-2);background:var(--bg-2);font-size:14px;font-weight:800;color:var(--ink-4);display:flex;align-items:center;justify-content:center;transition:all .15s;cursor:pointer;flex-shrink:0}.cycle-btn:hover{border-color:var(--yellow-dark)}.cycle-btn.s1{background:var(--yellow-light);border-color:#ffde59;color:var(--yellow-deep)}.cycle-btn.s2{background:#fff176;border-color:var(--yellow-dark);color:var(--yellow-deep)}.cycle-btn.s3{background:var(--yellow);border-color:var(--yellow-dark);color:var(--yellow-deep);font-weight:900}.section-time-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:6px 10px;background:var(--yellow-bg);border-radius:6px;border:1px solid var(--yellow)}.section-time-label{font-size:12px;font-weight:600;color:var(--ink-2);flex:1}.time-stepper{display:flex;align-items:center;gap:4px}.time-btn{width:24px;height:24px;border-radius:50%;border:1.5px solid var(--border-2);background:var(--bg-2);font-size:14px;font-weight:700;color:var(--ink-3);display:flex;align-items:center;justify-content:center;transition:all .15s;line-height:1}.time-btn:hover:not(:disabled){border-color:var(--yellow-dark);background:var(--yellow-light);color:var(--ink)}.time-btn:disabled{opacity:.3;cursor:not-allowed}.time-val{font-size:12px;font-weight:700;color:var(--ink);min-width:30px;text-align:center}.memo-btn{width:30px;height:30px;border-radius:var(--r-sm);border:1.5px solid var(--border);background:transparent;color:var(--ink-4);display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .15s;cursor:pointer;position:relative}.memo-btn:hover{border-color:var(--yellow-dark);color:var(--ink);background:var(--yellow-light)}.memo-btn.has-memo{border-color:var(--yellow);color:var(--yellow-deep);background:var(--yellow-light)}.memo-btn.has-memo:after{content:"";position:absolute;top:3px;right:3px;width:5px;height:5px;border-radius:50%;background:var(--yellow-dark)}.modal-overlay{position:fixed;inset:0;background:#0006;z-index:1000;display:flex;align-items:flex-end;justify-content:center}.modal-body{background:var(--surface);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:24px 20px 32px;width:100%;max-width:600px;box-sizing:border-box;box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-header span{font-size:15px;font-weight:700;color:var(--ink)}.modal-close{width:32px;height:32px;flex-shrink:0;border-radius:50%;border:1.5px solid var(--border);background:var(--bg-2);font-size:16px;color:var(--ink-3);display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--yellow-light);border-color:var(--yellow)}.memo-textarea{display:block;width:100%;box-sizing:border-box;border:1.5px solid var(--border);border-radius:var(--r);padding:12px;font-size:14px;font-family:inherit;color:var(--ink);background:var(--bg);resize:vertical;min-height:120px;line-height:1.7}.memo-textarea:focus{outline:none;border-color:var(--yellow);background:var(--surface)}@media(max-width:600px){.modal-overlay{align-items:stretch}.modal-body{border-radius:0;width:100vw;max-width:100vw;height:100%;overflow-y:auto}}.mg4-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.mg4-item{display:flex;flex-direction:column;align-items:center;gap:4px}.mg4-num{font-size:10px;font-weight:700;color:var(--ink-4)}.mg4-check{width:36px;height:36px;border-radius:var(--r-sm);border:2px solid var(--border-2);background:var(--bg-2);font-size:14px;display:flex;align-items:center;justify-content:center;color:transparent;transition:all .15s;cursor:pointer}.mg4-check:hover{border-color:var(--yellow-dark)}.mg4-check.done{background:var(--yellow);border-color:var(--yellow-dark);color:var(--yellow-deep)}.saving-dot{width:6px;height:6px;border-radius:50%;background:var(--yellow);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--red-light);border:1px solid var(--red);border-radius:var(--r);font-size:13px;color:var(--red);font-weight:600}.error-banner button{color:var(--red);font-size:16px;line-height:1;flex-shrink:0;opacity:.7}.error-banner button:hover{opacity:1}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:560px}.col-year{text-align:left;font-size:13px;font-weight:700;color:var(--ink);white-space:nowrap}.col-case,.col-time,.col-date,.col-memo{text-align:center}.date-btn-wrap{position:relative;display:inline-flex;align-items:center;cursor:pointer}.date-display{display:inline-flex;align-items:center;justify-content:center;height:28px;min-width:40px;padding:0 5px;border:1.5px solid var(--border);border-radius:var(--r-sm);background:var(--bg-2);font-size:11px;font-weight:600;color:var(--ink-2);white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;transition:border-color .12s,background .12s}.date-btn-wrap:hover .date-display{border-color:var(--yellow-dark);background:var(--yellow-light)}.date-native-overlay{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;font-size:16px;border:none;padding:0}.date-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:100;background:#fff;border:1.5px solid var(--border);border-radius:var(--r-md);box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;overflow:hidden;min-width:72px}.date-menu-btn{padding:8px 14px;font-size:13px;font-weight:600;background:none;border:none;cursor:pointer;text-align:left;color:var(--ink-1)}.date-menu-btn:active{background:var(--yellow-light)}.date-menu-clear{color:#c0392b}.memo-btn.sm{width:26px;height:26px;font-size:12px}.mg-item-list{display:flex;flex-direction:column;gap:4px;padding:4px 0}.mg-item-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--r-sm);background:var(--bg);border:1px solid transparent;transition:background .12s,border-color .12s}.mg-item-row:hover{background:var(--yellow-bg);border-color:var(--yellow)}.mg-item-label{flex:1;font-size:13px;font-weight:600;color:var(--ink-2);min-width:36px}.star-row{display:flex;align-items:center;gap:2px}.star-btn{width:28px;height:28px;font-size:18px;color:var(--border-2);display:flex;align-items:center;justify-content:center;border-radius:4px;transition:color .12s,transform .1s;line-height:1}.star-btn:hover{color:var(--yellow-dark);transform:scale(1.2)}.star-btn.filled{color:var(--yellow-dark)}.kg-tabs{display:flex;border-bottom:2px solid var(--border);background:var(--bg);border-radius:var(--r-lg) var(--r-lg) 0 0;overflow:hidden}.kg-tab{flex:1;padding:12px 8px;font-size:13px;font-weight:700;color:var(--ink-3);display:flex;flex-direction:column;align-items:center;gap:3px;border-bottom:3px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s,background .15s}.kg-tab:hover{color:var(--ink);background:var(--yellow-bg)}.kg-tab.active{color:var(--yellow-deep);border-bottom-color:var(--yellow-dark);background:var(--surface)}.kg-tab-count{font-size:10px;font-weight:700;color:var(--ink-4);background:var(--bg-2);padding:1px 6px;border-radius:10px}.kg-tab.active .kg-tab-count{background:var(--yellow-light);color:var(--yellow-deep)}.kg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.kg-item{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--bg);border-radius:var(--r-sm);border:1px solid var(--border);transition:background .12s,border-color .12s}.kg-item:hover{background:var(--yellow-bg);border-color:var(--yellow)}.kg-num{font-size:11px;font-weight:700;color:var(--ink-4);min-width:22px;flex-shrink:0}.kg-theme-section{display:flex;flex-direction:column;gap:4px}.kg-theme-label{font-size:12px;font-weight:800;color:var(--yellow-deep);background:var(--yellow-light);padding:4px 10px;border-radius:var(--r-sm);border-left:3px solid var(--yellow-dark);letter-spacing:.02em}.kg-list{display:flex;flex-direction:column;gap:3px}.kg-theme-name{flex:1;font-size:13px;font-weight:600;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kg-item-row{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:var(--r-sm);background:var(--bg);border:1px solid transparent;transition:background .12s,border-color .12s}.kg-item-row:hover{background:var(--yellow-bg);border-color:var(--yellow)}.other-scroll-wrap{overflow-x:auto}.other-list{display:flex;flex-direction:column;gap:3px;min-width:420px}.other-row{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:var(--r-sm);background:var(--bg);border:1px solid transparent;transition:background .12s,border-color .12s}.other-row:hover{background:var(--yellow-bg);border-color:var(--yellow)}.other-case-select{width:40px;flex-shrink:0;height:28px;font-size:12px;font-family:Arial,Hiragino Kaku Gothic ProN,sans-serif;border:1.5px solid var(--border);border-radius:var(--r-sm);padding:0 2px;background:var(--bg-2);color:var(--ink-2);text-align:center;cursor:pointer}.other-case-select:focus{outline:none;border-color:var(--yellow)}.other-name-input{flex-shrink:0;width:160px;height:28px;font-size:13px;font-family:inherit;border:1.5px solid var(--border);border-radius:var(--r-sm);padding:0 8px;background:var(--surface);color:var(--ink);transition:border-color .12s}.other-name-input:focus{outline:none;border-color:var(--yellow)}.other-name-input::placeholder{color:var(--ink-4);font-size:11px}.content-page{max-width:720px}.content-page-header{margin-bottom:36px}.content-page-header h1{font-size:28px;font-weight:900;letter-spacing:-.03em;margin-bottom:8px}.content-page-header p{font-size:15px;color:var(--ink-3)}.content-section{margin-bottom:40px}.content-section h2{font-size:18px;font-weight:800;margin-bottom:16px;padding-bottom:10px;border-bottom:2px solid var(--yellow);display:inline-block}.tip-cards{display:flex;flex-direction:column;gap:12px}.tip-card{padding:20px 24px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);border-left:4px solid var(--yellow)}.tip-card h3{font-size:15px;font-weight:700;margin-bottom:8px;color:var(--ink)}.tip-card p{font-size:14px;color:var(--ink-2);line-height:1.8}.tip-card ul{margin-top:10px;display:flex;flex-direction:column;gap:6px}.tip-card ul li{font-size:14px;color:var(--ink-2);padding-left:16px;position:relative;line-height:1.7}.tip-card ul li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--yellow)}.phrases-page{display:flex;flex-direction:column;gap:20px}.phrases-controls{display:flex;flex-direction:column;gap:12px}.search-wrap{display:flex;align-items:center;background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);padding:0 16px;max-width:480px;gap:10px;transition:border-color .15s}.search-wrap:focus-within{border-color:var(--yellow);box-shadow:0 0 0 3px var(--yellow-light)}.search-icon{color:var(--ink-4);flex-shrink:0}.search-input{border:none;outline:none;padding:12px 0;font-size:14px;font-family:inherit;flex:1;background:transparent;color:var(--ink)}.search-clear{color:var(--ink-4);font-size:14px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.search-clear:hover{background:var(--bg-2);color:var(--ink)}.filter-row{display:flex;gap:8px;flex-wrap:wrap}.filter-chip{padding:5px 14px;border-radius:20px;border:1.5px solid var(--border);background:var(--surface);font-size:13px;font-weight:600;color:var(--ink-3);transition:all .15s}.filter-chip:hover{border-color:var(--yellow);color:var(--ink)}.filter-chip.on{background:var(--yellow);border-color:var(--yellow-dark);color:var(--ink)}.phrases-count{font-size:13px;color:var(--ink-4)}.phrases-list{display:flex;flex-direction:column;gap:10px}.phrase-card{padding:18px 22px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);transition:box-shadow .15s,border-color .15s}.phrase-card:hover{border-color:var(--yellow-light);box-shadow:var(--shadow)}.phrase-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:12px}.phrase-meta{display:flex;align-items:center;gap:8px}.phrase-case{font-size:11px;font-weight:700;padding:2px 9px;border-radius:20px;background:var(--yellow-light);color:var(--yellow-deep)}.phrase-cat{font-size:12px;color:var(--ink-4)}.copy-btn{padding:4px 12px;border-radius:var(--r-sm);border:1.5px solid var(--border);font-size:12px;font-weight:600;color:var(--ink-3);transition:all .15s;flex-shrink:0}.copy-btn:hover{border-color:var(--yellow);color:var(--yellow-deep)}.copy-btn.copied{background:var(--yellow);border-color:var(--yellow-dark);color:var(--ink)}.phrase-text{font-size:15px;color:var(--ink);line-height:1.75;margin-bottom:10px}.phrase-tags{display:flex;gap:6px;flex-wrap:wrap}.tag{padding:2px 10px;border-radius:20px;background:var(--bg-2);border:1px solid var(--border);font-size:11px;color:var(--ink-3);transition:all .15s}.tag:hover{background:var(--yellow-light);border-color:var(--yellow);color:var(--yellow-deep)}.empty{text-align:center;padding:60px 24px;color:var(--ink-4)}.empty p{margin-bottom:16px}.not-found{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center}.not-found-code{font-size:96px;font-weight:900;color:var(--yellow);line-height:1}.not-found h1{font-size:22px;font-weight:800;margin:12px 0 8px}.not-found p{font-size:14px;color:var(--ink-3);margin-bottom:24px}@media(min-width:769px)and (max-width:1024px){.hero-top-img{width:80%;margin-left:auto;margin-right:auto;align-self:center;border-radius:var(--r)}}@media(max-width:768px){.main-content{padding:24px 16px}.logo-text-full{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.logo-text-short,.header-nav,.header-auth{display:none}.hamburger{display:flex;margin-left:auto}.hero{margin:-24px -16px 0;padding:0 16px 52px}.hero-top-img{width:calc(100% + 32px);margin:16px -16px;align-self:center;border-radius:0;height:auto}.notices-area{margin:0 -16px;padding:0 16px 40px}.hero-cd-num{font-size:42px}.hero-cd-card{padding:16px 20px}.hero-countdown{max-width:100%;margin-top:12px}.power-gauge-card{padding:20px 16px}.content-grid{grid-template-columns:1fr 1fr}.paid-grid{grid-template-columns:1fr}.achievements-grid{grid-template-columns:repeat(2,1fr)}.quick-stats{gap:8px}.quick-stat-card{padding:16px 8px}.quick-stat-num{font-size:24px}.exam-table{font-size:12px}.cycle-btn{width:32px;height:32px;font-size:13px}.time-btn{width:20px;height:20px;font-size:12px}.time-val{font-size:11px}.mg4-grid{grid-template-columns:repeat(5,1fr)}.mg4-check{width:32px;height:32px}.mg-item-row{padding:5px 6px;gap:6px}.mg-item-label{font-size:12px}.cycle-btn{width:30px;height:30px;font-size:12px}.date-display{min-width:36px}.kg-grid{grid-template-columns:repeat(2,1fr)}.kg-tab{font-size:12px;padding:10px 4px}.star-btn{width:24px;height:24px;font-size:16px}.error-banner{font-size:12px;padding:10px 12px}}@media(max-width:480px){.logo-text-full{font-size:12px;max-width:160px}.content-grid{grid-template-columns:1fr}.hero-cd-num{font-size:32px}.achievements-grid{grid-template-columns:repeat(2,1fr)}.mg4-grid{grid-template-columns:repeat(5,1fr)}.kg-grid{grid-template-columns:repeat(2,1fr)}}
