@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@600;700;800&family=Manrope:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&family=Manrope:wght@400;500;600;700&display=swap";.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mb-1{margin-bottom:.25rem}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.aspect-\[5\/3\]{aspect-ratio:5/3}.h-full{height:100%}.max-h-\[min\(52vh\,22rem\)\]{max-height:min(52vh,22rem)}.min-h-\[1\.25rem\]{min-height:1.25rem}.w-full{width:100%}.max-w-xl{max-width:36rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-center{justify-content:center}.gap-4{gap:1rem}.overflow-y-auto{overflow-y:auto}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.bg-transparent{background-color:#0000}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-0{padding:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tight{letter-spacing:-.025em}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-slate-400{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-800{--tw-text-opacity:1;color:rgb(30 41 59/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline-none{outline-offset:2px;outline:2px solid #0000}.outline{outline-style:solid}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-slate-200\/80{--tw-ring-color:#e2e8f0cc}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#1a1c19;background:#fafaf5;font-family:Manrope,system-ui,sans-serif}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.focus\:outline-none:focus{outline-offset:2px;outline:2px solid #0000}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-indigo-500:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity,1))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}@media (width>=640px){.sm\:text-5xl{font-size:3rem;line-height:1}}.page-transition-overlay{z-index:10000;pointer-events:none;position:fixed;inset:0;overflow:hidden}.page-transition-fade{will-change:opacity, transform;background:#14122117;animation:.24s page-fade-slide;position:absolute;inset:0}@keyframes page-fade-slide{0%{opacity:0;transform:translateY(4px)}45%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.admin-shell{color:#1a202c;background:#f5f7fa;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.admin-login{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.admin-login:before{content:"";background:#ffffff1a;border-radius:50%;width:400px;height:400px;position:absolute;top:-200px;right:-100px}.admin-login:after{content:"";background:#ffffff14;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-150px;left:-100px}.admin-login-card{z-index:1;background:#fff;border-radius:20px;width:100%;max-width:420px;padding:2.5rem;position:relative;box-shadow:0 20px 60px #0000004d}.admin-login-header{text-align:center;margin-bottom:2rem}.admin-login-logo{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;font-size:1.75rem;font-weight:800;display:flex}.admin-login-card h1{color:#1a202c;margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.admin-login-card .admin-muted{color:#718096;margin:0 0 2rem;font-size:.95rem;line-height:1.5}.admin-muted{color:#718096;font-size:.875rem}.admin-field{margin-bottom:1.25rem}.admin-field label{color:#4a5568;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.admin-field input{color:#1a202c;background:#f7fafc;border:2px solid #e2e8f0;border-radius:10px;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.admin-field input:focus{background:#fff;border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.admin-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:0;border-radius:10px;width:100%;margin-top:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;transition:transform .2s,box-shadow .2s}.admin-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #667eea4d}.admin-btn:active:not(:disabled){transform:translateY(0)}.admin-btn:disabled{opacity:.6;cursor:not-allowed}.admin-err{color:#e53e3e;background:#fff5f5;border-left:4px solid #fc8181;border-radius:10px;margin:0 0 1.25rem;padding:.75rem 1rem;font-size:.875rem}.admin-layout{background:#f5f7fa;min-height:100vh;display:flex}.admin-side{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;gap:2rem;width:260px;padding:1.5rem;display:flex;box-shadow:2px 0 8px #0000000d}.admin-side-header{align-items:center;gap:.75rem;display:flex}.admin-side-logo{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;font-weight:800;display:flex}.admin-side-brand{flex:1}.admin-side-title{color:#1a202c;margin:0;font-size:1.125rem;font-weight:700;line-height:1.2}.admin-side-version{color:#a0aec0;margin:0;font-size:.75rem}.admin-nav{flex-direction:column;gap:.5rem;display:flex}.admin-nav a{color:#4a5568;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.admin-nav a:hover{color:#2d3748;background:#f7fafc}.admin-nav a.admin-nav--active{color:#3182ce;background:#ebf4ff;font-weight:600}.admin-side-foot{border-top:1px solid #e2e8f0;margin-top:auto;padding-top:1.5rem}.admin-user-info{background:#f7fafc;border-radius:10px;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem;display:flex}.admin-user-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.875rem;font-weight:600;display:flex}.admin-user-details{flex:1;min-width:0}.admin-user-name{color:#2d3748;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.875rem;font-weight:600;overflow:hidden}.admin-user-email{color:#a0aec0;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.75rem;overflow:hidden}.admin-btn-ghost{color:#718096;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;padding:.65rem 1rem;font-size:.875rem;font-weight:600;transition:all .2s}.admin-btn-ghost:hover{color:#2d3748;background:#f7fafc;border-color:#cbd5e0}.admin-main{flex:1;padding:2rem;overflow:auto}.admin-main-header{margin-bottom:2rem}.admin-main h1{color:#1a202c;margin:0 0 .5rem;font-size:1.875rem;font-weight:700}.admin-main-subtitle{color:#718096;margin:0;font-size:1rem}.admin-welcome-banner{color:#fff;background:linear-gradient(135deg,#0c4a6e 0%,#075985 100%);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:2rem;display:flex;box-shadow:0 10px 30px #0c4a6e4d}.admin-welcome-content h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.admin-welcome-content p{color:#ffffffe6;max-width:500px;margin:0 0 1.25rem;font-size:.9375rem;line-height:1.6}.admin-welcome-btn{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:8px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.admin-welcome-btn:hover{background:#ffffff4d;transform:translateY(-1px)}.admin-welcome-illustration{background:#ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:160px;height:160px;font-size:5rem;display:flex}.admin-stat-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.admin-stat{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.5rem;transition:all .2s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.admin-stat:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000014}.admin-stat-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.admin-stat-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.admin-stat-icon--primary{color:#667eea;background:#667eea1a}.admin-stat-icon--success{color:#48bb78;background:#48bb781a}.admin-stat-icon--warning{color:#ed8936;background:#ed89361a}.admin-stat-icon--danger{color:#f56565;background:#f565651a}.admin-stat-value{color:#1a202c;margin:0 0 .25rem;font-size:2rem;font-weight:700;line-height:1}.admin-stat-label{color:#718096;margin:0 0 .5rem;font-size:.875rem;font-weight:500}.admin-stat-trend{align-items:center;gap:.25rem;font-size:.8125rem;font-weight:600;display:flex}.admin-stat-trend--up{color:#48bb78}.admin-stat-trend--down{color:#f56565}.admin-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:16px;max-width:1400px;margin-bottom:2rem;overflow-x:auto;box-shadow:0 2px 8px #0000000a}.admin-table-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:1.5rem 1.5rem 1rem;display:flex}.admin-table-header h3{color:#1a202c;margin:0;font-size:1.125rem;font-weight:600}.admin-table{border-collapse:collapse;width:100%;font-size:.875rem}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem}.admin-table th{color:#a0aec0;text-transform:uppercase;letter-spacing:.05em;background:#f7fafc;font-size:.75rem;font-weight:600}.admin-table tbody tr{transition:background .2s}.admin-table tbody tr:hover{background:#f7fafc}.admin-table tr:last-child td{border-bottom:none}.admin-badge{border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;line-height:1.5;display:inline-block}.admin-badge--ok{color:#22543d;background:#c6f6d5}.admin-badge--off{color:#742a2a;background:#fed7d7}.admin-badge--pending{color:#7c2d12;background:#feebc8}.admin-pager{color:#718096;background:#f7fafc;border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;font-size:.875rem;display:flex}.admin-pager-controls{gap:.5rem;display:flex}.admin-pager button{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.admin-pager button:hover:not(:disabled){background:#f7fafc;border-color:#cbd5e0}.admin-pager button:disabled{opacity:.4;cursor:not-allowed}.admin-toggle{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:all .2s}.admin-toggle:hover{background:#f7fafc;border-color:#cbd5e0}.rich-editor{background:#fff;border:2px solid #e2e8f0;border-radius:12px;transition:border-color .2s;overflow:hidden}.rich-editor:focus-within{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.rich-editor-toolbar{background:#f7fafc;border-bottom:1px solid #e2e8f0;flex-wrap:wrap;gap:.25rem;padding:.75rem;display:flex}.rich-editor-toolbar button{color:#4a5568;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;min-width:36px;padding:.5rem .75rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.rich-editor-toolbar button:hover:not(:disabled){color:#2d3748;background:#edf2f7;border-color:#cbd5e0}.rich-editor-toolbar button:disabled{opacity:.4;cursor:not-allowed}.rich-editor-toolbar button.is-active{color:#fff;background:#667eea;border-color:#667eea}.toolbar-divider{background:#e2e8f0;width:1px;margin:0 .5rem}.rich-editor-content{min-height:400px;max-height:600px;padding:1.5rem;position:relative;overflow-y:auto}.rich-editor-placeholder{color:#a0aec0;pointer-events:none;font-size:1rem;position:absolute;top:1.5rem;left:1.5rem}.rich-editor-content .ProseMirror{color:#2d3748;outline:none;font-size:1rem;line-height:1.75}.rich-editor-content .ProseMirror h1{color:#1a202c;margin:1.5rem 0 1rem;font-size:2rem;font-weight:700;line-height:1.2}.rich-editor-content .ProseMirror h2{color:#1a202c;margin:1.25rem 0 .75rem;font-size:1.5rem;font-weight:600;line-height:1.3}.rich-editor-content .ProseMirror h3{color:#2d3748;margin:1rem 0 .5rem;font-size:1.25rem;font-weight:600;line-height:1.4}.rich-editor-content .ProseMirror p{margin:.75rem 0}.rich-editor-content .ProseMirror ul,.rich-editor-content .ProseMirror ol{margin:1rem 0;padding-left:1.5rem}.rich-editor-content .ProseMirror li{margin:.5rem 0}.rich-editor-content .ProseMirror blockquote{color:#4a5568;background:#f7fafc;border-left:4px solid #667eea;border-radius:0 8px 8px 0;margin:1rem 0;padding:.75rem 1rem;font-style:italic}.rich-editor-content .ProseMirror code{color:#e53e3e;background:#f7fafc;border-radius:4px;padding:.2rem .4rem;font-family:Courier New,monospace;font-size:.875em}.rich-editor-content .ProseMirror pre{color:#e2e8f0;background:#2d3748;border-radius:8px;margin:1rem 0;padding:1rem;overflow-x:auto}.rich-editor-content .ProseMirror pre code{color:inherit;background:0 0;padding:0;font-size:.875rem;line-height:1.5}.rich-editor-content .ProseMirror img.editor-image{border-radius:8px;max-width:100%;height:auto;margin:1rem 0;display:block}.rich-editor-content .ProseMirror a.editor-link{color:#667eea;cursor:pointer;text-decoration:underline}.rich-editor-content .ProseMirror a.editor-link:hover{color:#5a67d8}.rich-editor-content .ProseMirror hr{border:none;border-top:2px solid #e2e8f0;margin:2rem 0}.rich-editor-content .ProseMirror strong{color:#1a202c;font-weight:600}.rich-editor-content .ProseMirror em{font-style:italic}.rich-editor-content .ProseMirror s{color:#718096;text-decoration:line-through}.rich-editor-content::-webkit-scrollbar{width:8px}.rich-editor-content::-webkit-scrollbar-track{background:#f7fafc}.rich-editor-content::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.rich-editor-content::-webkit-scrollbar-thumb:hover{background:#a0aec0}.media-upload{margin-bottom:1.5rem}.media-upload-label{color:#2d3748;margin-bottom:.75rem;font-size:.95rem;font-weight:600;display:block}.media-upload-preview{background:linear-gradient(135deg,#f5f7fa 0%,#e9ecef 100%);border:3px solid #e2e8f0;border-radius:12px;margin-bottom:1rem;padding:1rem;overflow:hidden}.media-upload-preview img{border-radius:8px;max-width:100%;max-height:300px;margin:0 auto;display:block}.media-upload-preview video{border-radius:8px;max-width:100%;max-height:400px;margin:0 auto;display:block}.media-upload-dropzone{cursor:pointer;background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border:3px dashed #cbd5e0;border-radius:12px;padding:2.5rem 1.5rem;transition:all .3s;position:relative}.media-upload-dropzone:hover{background:linear-gradient(135deg,#f8f9ff 0%,#eef2ff 100%);border-color:#667eea;transform:translateY(-2px);box-shadow:0 4px 12px #667eea26}.media-upload-dropzone.drag-over{background:linear-gradient(135deg,#eef2ff 0%,#e0e7ff 100%);border-style:solid;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a}.media-upload-input-hidden{display:none}.media-upload-dropzone-content{pointer-events:none;flex-direction:column;align-items:center;gap:.75rem;display:flex}.media-upload-icon{color:#667eea;opacity:.8;width:48px;height:48px}.media-upload-spinner{border:4px solid #e2e8f0;border-top-color:#667eea;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.media-upload-text{color:#4a5568;margin:0;font-size:1rem;font-weight:500}.media-upload-browse{color:#667eea;font-weight:600;text-decoration:underline}.media-upload-hint{color:#718096;margin:0;font-size:.85rem}.media-upload-error{color:#c53030;background:#fff5f5;border:1px solid #feb2b2;border-radius:8px;margin-top:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500}.media-upload-url{color:#718096;word-break:break-all;background:#f7fafc;border-radius:8px;margin-top:.75rem;padding:.75rem 1rem;font-family:Courier New,monospace;font-size:.8rem}.auth-shell{color:#1a1c19;background:#fafaf5;min-height:100vh;display:flex;overflow:hidden}.auth-loading-shell{background:#fafaf5;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-loading-card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:380px;padding:28px;box-shadow:0 10px 40px -10px #3525cd14}.auth-loading-logo{-o-object-fit:cover;object-fit:cover;border:2px solid #c7c4d8b3;border-radius:50%;width:84px;height:84px;animation:1.6s ease-in-out infinite logo-pulse}.auth-loading-title{color:#3525cd;margin:14px 0 6px;font-family:Plus Jakarta Sans,sans-serif;font-size:28px;font-weight:800}.auth-loading-subtitle{color:#464555;margin:0;font-size:14px}.auth-loading-dots{align-items:center;gap:8px;margin-top:14px;display:inline-flex}.auth-loading-dots span{background:#6063ee;border-radius:999px;width:8px;height:8px;animation:1s ease-in-out infinite dot-bounce}.auth-loading-dots span:nth-child(2){animation-delay:.15s}.auth-loading-dots span:nth-child(3){animation-delay:.3s}@keyframes logo-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes dot-bounce{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-4px)}}.auth-left{display:none}.auth-right{background:#f4f4ef;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:24px;display:flex}.auth-right--full{width:100%}.auth-card{background:#fff;border-radius:14px;width:100%;max-width:480px;padding:30px;box-shadow:0 10px 40px -10px #3525cd14}.auth-kicker{letter-spacing:.2em;text-transform:uppercase;color:#960014;margin-bottom:4px;font-size:12px;font-weight:700}.auth-title{letter-spacing:-.02em;margin:0 0 8px;font-family:Plus Jakarta Sans,sans-serif;font-size:34px;line-height:1.1}.auth-subtitle{color:#464555;margin-bottom:20px;font-size:14px}.reveal{opacity:0;animation:.42s forwards element-reveal;transform:translateY(8px)}.reveal-delay-1{animation-delay:80ms}.reveal-delay-2{animation-delay:.15s}.reveal-delay-3{animation-delay:.22s}.reveal-delay-4{animation-delay:.29s}.reveal-delay-5{animation-delay:.36s}@keyframes element-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.field{margin-bottom:14px}.field label{color:#464555;margin-bottom:8px;font-size:13px;font-weight:700;display:block}.field-help{color:#777587;margin-top:6px;font-size:12px;display:block}.field-action{text-align:right;margin-top:6px}.field-action a{color:#3525cd;font-size:12px;font-weight:700;text-decoration:none}.field-wrap{position:relative}.field-icon{color:#777587;pointer-events:none;font-size:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.field input{background:#e3e3de;border:0;border-bottom:2px solid #777587;border-radius:8px 8px 0 0;outline:none;width:100%;padding:12px 14px 12px 42px;font-size:14px}.field input:focus{border-bottom-color:#3525cd}.auth-button{color:#fff;cursor:pointer;background:linear-gradient(120deg,#4f46e5,#6063ee);border:0;border-radius:12px;width:100%;margin-top:4px;padding:15px;font-family:Plus Jakarta Sans,sans-serif;font-weight:800}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:#ba1a1a;background:#ffdad6;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:13px}.auth-success{color:#0f5132;background:#d1e7dd;border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:13px}.auth-footer{color:#464555;text-align:center;margin-top:18px;font-size:14px}.auth-footer a{color:#3525cd;font-weight:700;text-decoration:none}.auth-divider{text-align:center;color:#777587;letter-spacing:.2em;margin:18px 0;font-size:11px;font-weight:700;position:relative}.auth-divider:before,.auth-divider:after{content:"";background:#c7c4d8b3;width:calc(50% - 58px);height:1px;position:absolute;top:50%}.auth-divider:before{left:0}.auth-divider:after{right:0}.google-btn{color:#1a1c19;cursor:pointer;background:#fafaf5;border:1px solid #c7c4d8b3;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:13px;font-weight:700;display:inline-flex}.google-icon{width:18px;height:18px}.brand-strip{align-items:center;gap:10px;margin-bottom:12px;display:flex}.brand-logo{-o-object-fit:cover;object-fit:cover;border:1px solid #c7c4d8b3;border-radius:50%;width:30px;height:30px}.brand-name{color:#3525cd;font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:800}.auth-panel-footer{letter-spacing:.15em;color:#777587;justify-content:center;gap:28px;margin-top:28px;font-size:11px;font-weight:700;display:flex}.auth-panel-footer a{color:inherit;text-decoration:none}.floating-brand,.left-figure{display:none}@media (width>=1024px){.auth-left{background-color:#fff9fa;background-image:radial-gradient(#ffdada .5px,#0000 .5px);background-size:24px 24px;justify-content:center;align-items:center;width:60%;padding:64px;display:flex;position:relative}.auth-left-content{z-index:2;width:100%;max-width:640px;position:relative}.floating-brand{z-index:4;align-items:center;gap:8px;display:flex;position:absolute;top:44px;left:56px}.floating-brand .brand-logo{width:36px;height:36px}.jp-title{color:#3525cd;letter-spacing:-.03em;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:58px;line-height:1}.left-figure{z-index:2;width:100%;max-width:430px;margin:18px 0 0 auto;display:block;position:relative}.left-figure img{-o-object-fit:cover;object-fit:cover;border-radius:20px;width:100%;height:auto}.left-blob-a,.left-blob-b{z-index:1;border-radius:999px;position:absolute}.left-blob-a{filter:blur(22px);background:#ffdad780;width:190px;height:190px;bottom:-30px;left:-42px}.left-blob-b{filter:blur(14px);background:#c3c0ff59;width:130px;height:130px;top:-16px;right:-20px}.left-subtitle{color:#464555;margin-top:14px;font-size:22px;font-weight:700;line-height:1.3}.left-copy{color:#464555;max-width:520px;margin-top:14px}.stamp{color:#930013;background:linear-gradient(135deg,#ffb3ad 0%,#ffdad7 100%);border:4px solid #fff;border-radius:50%;place-items:center;width:64px;height:64px;font-weight:800;display:grid;position:absolute;bottom:46px;right:56px;transform:rotate(-12deg)}.auth-right{width:40%;padding:40px}.auth-right--full{width:100%}}.zenigo-loader-overlay{z-index:9999;background:#100a1e73;position:fixed;inset:0;overflow:hidden}.zenigo-loader-panels{grid-template-columns:repeat(4,1fr);display:grid;position:absolute;inset:0}.zenigo-loader-panel{will-change:transform;height:100%;transition:transform .52s ease-out;position:relative;transform:translateY(0)}.zenigo-loader-panel.from-top{transform:translateY(-105%)}.zenigo-loader-panel.from-bottom{transform:translateY(105%)}.zenigo-loader-panel.settled{transform:translateY(0)}.zenigo-loader-panel:after{content:"";opacity:.18;position:absolute;inset:0}.panel-sakura{background:linear-gradient(#ffb4c0 0%,#f581a8 100%)}.panel-sakura:after{background-image:radial-gradient(circle at 20% 20%,#fff 2px,#0000 2px),radial-gradient(circle at 70% 60%,#fff 2px,#0000 2px);background-size:26px 26px}.panel-bamboo{background:linear-gradient(#7bbd6e 0%,#4b8f48 100%)}.panel-bamboo:after{background-image:repeating-linear-gradient(45deg,#0000 0 9px,#ffffff73 9px 11px)}.panel-ocean{background:linear-gradient(#5bb7db 0%,#2f76c7 100%)}.panel-ocean:after{background-image:radial-gradient(circle at 30% 0,#ffffffa6 0 3px,#0000 3px),repeating-radial-gradient(circle at 20% 100%,#0000 0 8px,#ffffff73 8px 10px)}.panel-sunset{background:linear-gradient(#ffb066 0%,#f46d42 100%)}.panel-sunset:after{background-image:repeating-linear-gradient(-45deg,#0000 0 10px,#ffffff73 10px 12px)}.zenigo-loader-center{opacity:0;pointer-events:none;place-items:center;transition:opacity .26s,transform .26s;display:grid;position:absolute;inset:0;transform:translateY(8px)}.zenigo-loader-center.visible{opacity:1;transform:translateY(0)}.zenigo-logo-wrap{justify-items:center;gap:10px;display:grid}.zenigo-logo-image{-o-object-fit:cover;object-fit:cover;border:3px solid #ffffffd9;border-radius:50%;width:110px;height:110px;box-shadow:0 0 28px #ffccb4a6}.zenigo-logo-text{letter-spacing:.03em;color:#fff;text-shadow:0 0 14px #ffbe96cc;font-family:Plus Jakarta Sans,sans-serif;font-size:40px;font-weight:800}.zenigo-chibi{color:#fff;text-shadow:0 0 10px #00000040;justify-content:center;align-items:center;margin-top:10px;font-size:25px;font-weight:700;display:flex}.chibi-wave{transform-origin:0 80%;margin-left:3px;animation:.64s ease-in-out infinite zenigo-wave}.zenigo-dots{justify-content:center;gap:8px;margin-top:14px;display:flex}.zenigo-dots span{opacity:.55;background:#fff;border-radius:50%;width:8px;height:8px;animation:.9s ease-in-out infinite zenigo-dot}.zenigo-dots span:nth-child(2){animation-delay:.12s}.zenigo-dots span:nth-child(3){animation-delay:.24s}@keyframes zenigo-wave{0%,to{transform:rotate(0)}50%{transform:rotate(24deg)}}@keyframes zenigo-dot{0%,80%,to{opacity:.45;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}.hg-home{--hg-primary:#3525cd;--hg-primary-container:#4f46e5;--hg-on-surface:#1a1c19;--hg-on-surface-variant:#464555;--hg-outline:#777587;--hg-outline-variant:#c7c4d8;--hg-tertiary:#960014;--hg-background:#fafaf5;--hg-surface-container:#eeeee9;--hg-surface-container-low:#f4f4ef;--hg-surface-container-high:#e8e8e3;--hg-surface-container-highest:#e3e3de;--hg-surface-container-lowest:#fff;--hg-primary-fixed:#e2dfff;--hg-tertiary-fixed-dim:#ffb3ad;background-color:var(--hg-background);min-height:100vh;color:var(--hg-on-surface);-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40'%3E%3Cpath d='M0 40c0-11.046 8.954-20 20-20s20 8.954 20 20M0 20c0-11.046 8.954-20 20-20s20 8.954 20 20m20 20c0-11.046 8.954-20 20-20s20 8.954 20 20m0-20c0-11.046 8.954-20 20-20s20 8.954 20 20' fill='%23c7c4d8' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");font-family:Manrope,system-ui,sans-serif}.hg-home *,.hg-home :before,.hg-home :after{box-sizing:border-box}.hg-home .material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-size:1.25rem;line-height:1}.hg-home .hg-icon-sm{font-size:.875rem}.hg-home .hg-icon-xl{opacity:.1;padding:1rem;font-size:8rem;position:absolute;top:0;right:0}.hg-layout{min-height:100vh;display:flex}.hg-sidebar{z-index:50;background:var(--hg-background);border-right:1px solid #c7c4d840;flex-direction:column;gap:1rem;width:16rem;height:100vh;padding:2rem;display:flex;position:fixed;top:0;left:0;overflow:hidden}.hg-sidebar-top{flex-direction:column;flex-shrink:0;gap:.25rem;display:flex}.hg-sidebar-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:0;min-height:0;margin-right:-.125rem;padding-left:.125rem;padding-right:.35rem;display:flex;overflow-y:auto}.hg-sidebar-brand-row{color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex}.hg-brand-logo{-o-object-fit:cover;object-fit:cover;border-radius:.5rem;flex-shrink:0;width:2.5rem;height:2.5rem}.hg-sidebar-brand{color:var(--hg-primary);letter-spacing:.1em;text-transform:uppercase;font-family:Plus Jakarta Sans,sans-serif;font-size:1.125rem;font-weight:700}.hg-sidebar-user-link{color:inherit;border-radius:.5rem;align-items:center;gap:.75rem;margin:0 -.25rem;padding:1rem .25rem 0;text-decoration:none;transition:background .15s;display:flex;position:relative}.hg-sidebar-user-link:hover{background:var(--hg-surface-container-low)}.hg-avatar-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.hg-sidebar-avatar{background:var(--hg-surface-container-highest);width:2.5rem;height:2.5rem;color:var(--hg-primary);border-radius:9999px;flex-shrink:0;place-items:center;font-family:Plus Jakarta Sans,sans-serif;font-size:.875rem;font-weight:700;display:grid;overflow:hidden}.hg-sidebar-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}button.hg-sidebar-avatar{font:inherit;color:inherit;cursor:pointer;border:2px solid #0000;padding:0;transition:border-color .15s,opacity .15s}button.hg-sidebar-avatar:hover:not(:disabled){border-color:var(--hg-primary)}button.hg-sidebar-avatar:disabled{opacity:.65;cursor:wait}.hg-sidebar-user-link .hg-sidebar-avatar{cursor:default}.hg-sidebar-user-title{letter-spacing:.1em;text-transform:uppercase;color:var(--hg-primary);margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:10px;font-weight:700}.hg-sidebar-user-sub{color:var(--hg-outline);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:9px}.hg-nav{flex-direction:column;gap:1.5rem;display:flex}.hg-nav a{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.hg-nav a .material-symbols-outlined{text-align:center;flex-shrink:0;width:1.5rem}.hg-nav-item{color:var(--hg-outline);border-radius:.25rem;margin-left:0;padding:.5rem .65rem .5rem .4rem}.hg-nav-item:hover{background:var(--hg-surface-container-low)}.hg-nav-item--active{color:var(--hg-primary);border-right:4px solid var(--hg-primary);padding-right:.65rem}.hg-sidebar-footer{border-top:1px solid #c7c4d840;flex-shrink:0;padding-top:.75rem}.hg-btn-logout{letter-spacing:.08em;text-transform:uppercase;width:100%;color:var(--hg-on-surface-variant);background:var(--hg-surface-container-low);cursor:pointer;border:0;border-radius:.5rem;padding:.5rem .75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.7rem;font-weight:700}.hg-btn-logout:hover{background:var(--hg-surface-container)}.hg-main{box-sizing:border-box;flex:1;width:calc(100% - 16rem);min-height:100vh;margin-left:16rem;padding:3rem}.hg-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:4rem;display:flex}.hg-kicker{letter-spacing:.2em;color:var(--hg-tertiary);margin:0 0 1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.875rem;font-weight:700}.hg-title{letter-spacing:-.02em;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1}.hg-title-accent{color:var(--hg-primary)}.hg-lead{max-width:32rem;color:var(--hg-on-surface-variant);margin:1.5rem 0 0;font-size:1rem;line-height:1.65}.hg-pill{background:var(--hg-surface-container-low);border-radius:9999px;align-items:center;gap:.75rem;padding:.5rem 1rem;display:inline-flex}.hg-pill-dot{background:var(--hg-primary);border-radius:9999px;width:.5rem;height:.5rem}.hg-pill-text{letter-spacing:.1em;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:700}.hg-bento{grid-template-columns:1fr;gap:2rem;margin-bottom:4rem;display:grid}@media (width>=768px){.hg-bento{grid-template-columns:repeat(12,1fr)}.hg-bento-card--sm{grid-column:span 5}.hg-bento-card--lg{grid-column:span 7}.hg-bento-card--wide{grid-column:span 8}.hg-bento-card--side{grid-column:span 4}}.hg-card{background:var(--hg-surface-container-low);padding:2rem;position:relative;overflow:hidden}.hg-card--border{background:var(--hg-surface-container-lowest);border-bottom:2px solid var(--hg-primary)}.hg-card-icon-wrap{background:var(--hg-primary);color:#fff;border-radius:.25rem;justify-content:center;align-items:center;width:3rem;height:3rem;margin-bottom:1.5rem;display:inline-flex}.hg-card h3{margin:0 0 .5rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:700}.hg-card h3.hg-h3-lg{font-size:1.875rem;line-height:1.2}.hg-card p{color:var(--hg-on-surface-variant);margin:0;font-size:.875rem;line-height:1.65}.hg-card-cta{letter-spacing:.1em;text-transform:uppercase;color:var(--hg-primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:.5rem;margin-top:2rem;padding:0;font-family:inherit;font-size:.75rem;font-weight:700;text-decoration:none;display:inline-flex}.hg-card-cta:hover{transform:translate(4px)}.hg-tag{letter-spacing:.25em;text-transform:uppercase;color:var(--hg-tertiary);margin-bottom:1rem;font-size:10px;font-weight:700;display:block}.hg-search-row{flex-direction:column;gap:2rem;display:flex}@media (width>=768px){.hg-search-row{flex-direction:row}}.hg-search-input-wrap{margin-top:1rem;position:relative}.hg-search-input-wrap input{background:var(--hg-surface-container-low);border:none;border-bottom:2px solid var(--hg-outline);outline:none;width:100%;padding:1rem 7rem 1rem 3rem;font-family:inherit;font-size:1rem}.hg-search-input-wrap input:focus{border-bottom-color:var(--hg-primary)}.hg-search-input-wrap .material-symbols-outlined{color:var(--hg-outline);font-size:1.25rem;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.hg-search-btn{background:var(--hg-primary);color:#fff;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:0;padding:.5rem 1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:10px;font-weight:700;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}.hg-search-btn:hover{background:var(--hg-primary-container)}.hg-search-btn:disabled{opacity:.55;cursor:not-allowed}.hg-vocab-result{background:var(--hg-surface-container-low);border:1px solid var(--hg-outline-variant);border-radius:.5rem;margin-top:1rem;padding:1rem 1.25rem;font-size:.875rem;line-height:1.55}.hg-vocab-direction{letter-spacing:.04em;color:var(--hg-primary);margin:0 0 .75rem;font-size:.75rem;font-weight:600}.hg-vocab-result h4{letter-spacing:.06em;text-transform:uppercase;color:var(--hg-on-surface-variant);margin:0 0 .35rem;font-size:.7rem;font-weight:700}.hg-vocab-result p{color:var(--hg-on-surface);margin:0 0 .65rem}.hg-vocab-result p:last-child{margin-bottom:0}.hg-vocab-flashcard-row{border-top:1px solid var(--hg-outline-variant);flex-wrap:wrap;align-items:center;gap:.65rem 1rem;margin-top:1rem;padding-top:.85rem;display:flex}.hg-vocab-flashcard-btn{cursor:pointer;letter-spacing:.04em;background:var(--hg-primary);color:#fff;border:none;border-radius:.5rem;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.8125rem;font-weight:700;transition:background .15s,opacity .15s;display:inline-flex}.hg-vocab-flashcard-btn:hover:not(:disabled){background:var(--hg-primary-container)}.hg-vocab-flashcard-btn:disabled{opacity:.55;cursor:not-allowed}.hg-vocab-flashcard-msg{margin:0;font-size:.8125rem;line-height:1.4}.hg-vocab-flashcard-msg--ok{color:#166534}.hg-vocab-flashcard-msg--err{color:var(--hg-tertiary)}.hg-vocab-project-row{width:100%;margin-top:.5rem}.hg-vocab-project-row label{letter-spacing:.06em;text-transform:uppercase;color:var(--hg-on-surface-variant);margin-bottom:.35rem;font-size:.6875rem;font-weight:700;display:block}.hg-vocab-project-select{border:1px solid var(--hg-outline-variant);background:var(--hg-surface-container-lowest);width:100%;max-width:20rem;color:var(--hg-on-surface);border-radius:.35rem;padding:.45rem .65rem;font-family:inherit;font-size:.8125rem}.hg-vocab-error{color:var(--hg-tertiary);margin-top:1rem;font-size:.875rem}.hg-kanji-box{aspect-ratio:1;background:var(--hg-surface-container-high);border-radius:.25rem;justify-content:center;align-items:center;width:100%;max-width:12rem;margin:0 auto;display:flex;position:relative;overflow:hidden}.hg-kanji-box img{-o-object-fit:cover;object-fit:cover;opacity:.6;width:100%;height:100%;position:absolute;inset:0}.hg-kanji-box span{z-index:1;color:var(--hg-primary);font-family:Plus Jakarta Sans,sans-serif;font-size:2.25rem;font-weight:700;position:relative}.hg-progress-head{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.hg-progress-head h4{letter-spacing:.1em;text-transform:uppercase;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:.875rem;font-weight:700}.hg-progress-head span{color:var(--hg-outline);font-size:.75rem}.hg-progress-empty{color:var(--hg-on-surface-variant);margin:0;font-size:.875rem;line-height:1.5}.hg-progress-empty a{color:var(--hg-primary);font-weight:600;text-decoration:none}.hg-progress-empty a:hover{text-decoration:underline}.hg-progress-folder{letter-spacing:.02em;text-transform:none;text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,14rem);font-weight:700;overflow:hidden}.hg-progress-foot-link{color:var(--hg-primary);margin-top:1.25rem;font-size:.8125rem;font-weight:700;text-decoration:none;display:inline-block}.hg-progress-foot-link:hover{text-decoration:underline}.hg-progress-rows{flex-direction:column;gap:2rem;display:flex}.hg-progress-rows--scroll{max-height:17.5rem;padding-right:.25rem;overflow-y:auto}.hg-progress-row{flex-direction:column;gap:.5rem;display:flex}.hg-progress-labels{justify-content:space-between;font-size:.75rem;display:flex}.hg-progress-labels span:first-child{letter-spacing:.08em;font-weight:700}.hg-progress-labels span:last-child{color:var(--hg-primary);font-weight:700}.hg-bar{background:var(--hg-outline-variant);height:2px;position:relative}.hg-bar-fill{background:var(--hg-primary);height:100%;position:absolute;top:0;left:0}.hg-bar-knob{background:var(--hg-tertiary);border-radius:9999px;width:.5rem;height:.5rem;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 2px #0000001a}.hg-pro-card{background:var(--hg-primary);color:#fff;flex-direction:column;justify-content:space-between;min-height:14rem;padding:2rem;display:flex}.hg-pro-card h3{margin:0 0 .5rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:700}.hg-pro-card p{color:var(--hg-primary-fixed);opacity:.9;margin:0;font-size:.75rem;line-height:1.6}.hg-pro-head{justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;display:flex}.hg-pro-head span:first-child{letter-spacing:.2em;text-transform:uppercase;opacity:.8;font-size:10px;font-weight:700}.hg-pro-status-label{letter-spacing:.1em;text-transform:uppercase;opacity:.6;margin:0 0 .25rem;font-size:10px;font-weight:700}.hg-pro-status-value{margin:0 0 1.5rem;font-size:1.125rem;font-weight:700}.hg-pro-btn{letter-spacing:.1em;text-transform:uppercase;background:var(--hg-surface-container-lowest);width:100%;color:var(--hg-primary);cursor:pointer;border:0;padding:.75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:700}.hg-pro-btn:hover{opacity:.92}.hg-example{background:var(--hg-surface-container-low);margin-top:4rem;padding:2.5rem}.hg-example-inner{max-width:56rem;margin:0 auto}.hg-example-intro{text-align:center;margin-bottom:3rem}.hg-example-intro h2{margin:0 0 1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.875rem;font-weight:800}.hg-example-intro>p{max-width:32rem;color:var(--hg-on-surface-variant);margin:0 auto;font-size:.9375rem}.hg-example-rule{background:var(--hg-tertiary);width:3rem;height:4px;margin:0 auto 1.5rem}.hg-example-panel{background:var(--hg-surface-container-lowest);border-radius:2px;padding:1px;box-shadow:0 1px 3px #0000000f}.hg-example-split{flex-direction:column;display:flex}@media (width>=768px){.hg-example-split{flex-direction:row}}.hg-example-col{flex:1;padding:1.5rem}.hg-example-col--right{background:var(--hg-background)}@media (width>=768px){.hg-example-col:first-child{border-right:1px solid var(--hg-surface-container)}}@media (width<=767px){.hg-example-col:first-child{border-bottom:1px solid var(--hg-surface-container)}}.hg-example-col label{letter-spacing:.1em;text-transform:uppercase;margin-bottom:.5rem;font-size:10px;font-weight:700;display:block}.hg-example-col label.hg-label-accent{color:var(--hg-primary)}.hg-example-col label:not(.hg-label-accent){color:var(--hg-outline)}.hg-example-jp{min-height:6rem;margin-bottom:1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.25rem;font-weight:600}.hg-chips{flex-wrap:wrap;gap:.5rem;display:flex}.hg-chip{background:var(--hg-surface-container-low);border-radius:2px;padding:.25rem .5rem;font-size:10px;font-weight:700}.hg-example-actions{justify-content:center;margin-top:2rem;display:flex}.hg-btn-primary-lg{background:var(--hg-primary);color:#fff;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;border:0;border-radius:2px;padding:1rem 2.5rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:700}.hg-btn-primary-lg:hover{transform:scale(.98)}.hg-passage-form-wrap{max-width:56rem;margin:0 auto 2rem}.hg-passage-login-hint{color:var(--hg-on-surface-variant);margin:0 0 .75rem;font-size:.875rem}.hg-passage-login-hint a{color:var(--hg-primary);font-weight:600}.hg-passage-label{letter-spacing:.1em;text-transform:uppercase;color:var(--hg-outline);margin-bottom:.5rem;font-size:10px;font-weight:700;display:block}.hg-passage-textarea{border:1px solid var(--hg-outline-variant);background:var(--hg-surface-container-lowest);width:100%;min-height:7.5rem;color:var(--hg-on-surface);resize:vertical;border-radius:2px;padding:.875rem 1rem;font-family:inherit;font-size:.9375rem;line-height:1.5}.hg-passage-textarea:focus{outline:2px solid var(--hg-primary);outline-offset:1px}.hg-passage-textarea:disabled{opacity:.65;cursor:not-allowed}.hg-passage-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;display:flex}.hg-passage-counter{color:var(--hg-on-surface-variant);font-size:.75rem}.hg-passage-submit{padding:.65rem 1.5rem;font-size:.6875rem}.hg-passage-error{margin-top:.75rem}.hg-passage-result-panel{margin-top:.5rem}.hg-passage-direction{letter-spacing:.08em;text-transform:uppercase;color:var(--hg-primary);margin:0 0 .75rem;font-size:.6875rem;font-weight:700}.hg-passage-jp-interactive{word-break:break-word;line-height:1.75}.hg-passage-compound{border-bottom:2px dotted var(--hg-primary-container);cursor:help;color:var(--hg-on-surface);border-radius:1px}.hg-passage-compound:hover,.hg-passage-compound:focus{background:var(--hg-primary-fixed);outline:none}.hg-passage-vi{color:var(--hg-on-surface);margin:0;font-size:.9375rem;line-height:1.65}.hg-passage-popup{z-index:9999;color:#fafafa;pointer-events:none;background:#1e1b4b;border:1px solid #818cf88c;border-radius:10px;min-width:15rem;max-width:min(28rem,100vw - 1.5rem);padding:.9rem 1.1rem;box-shadow:0 0 0 1px #00000014,0 8px 28px #1e1b4b73}.hg-passage-popup-reading{letter-spacing:.02em;color:#fff;margin:0 0 .5rem;font-size:1.25rem;font-weight:700;line-height:1.35}.hg-passage-popup-gloss{color:#e0e7ff;margin:0;font-size:1rem;line-height:1.55}.hg-footer{color:var(--hg-outline);border-top:1px solid #c7c4d833;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:6rem;padding-top:3rem;display:flex}.hg-footer-links{flex-wrap:wrap;gap:2rem;display:flex}.hg-footer-links span{letter-spacing:.3em;text-transform:uppercase;font-size:10px;font-weight:700}.hg-footer-motto{color:var(--hg-primary);opacity:.2;-webkit-user-select:none;user-select:none;font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:700}@media (width<=900px){.hg-sidebar{border-bottom:1px solid #c7c4d840;border-right:none;width:100%;height:auto;position:relative;overflow:visible}.hg-sidebar-body{flex:none;min-height:0;margin-right:0;padding-right:0;overflow:visible}.hg-layout{flex-direction:column}.hg-main{width:100%;margin-left:0;padding:1.5rem}.hg-nav{flex-flow:wrap;gap:.75rem;padding-left:0;padding-right:0}.hg-nav-item{padding:.45rem .55rem}.hg-nav-item--active{border-right:none;border-bottom:3px solid var(--hg-primary);padding-bottom:.25rem;padding-right:.55rem}}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color:#ebebeb;--highlight-color:#f5f5f5;--animation-duration:1.5s;--animation-direction:normal;--pseudo-element-display:block;background-color:var(--base-color);-webkit-user-select:none;user-select:none;border-radius:.25rem;width:100%;line-height:1;display:inline-flex;position:relative;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);background-repeat:no-repeat;background-image:var(--custom-highlight-background,linear-gradient(90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100%));height:100%;animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite;position:absolute;top:0;left:0;right:0;transform:translate(-100%)}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display:none}}.cdm-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f0a1c73;justify-content:center;align-items:center;padding:1rem;animation:.16s cdm-fade-in;display:flex;position:fixed;inset:0}@keyframes cdm-fade-in{0%{opacity:0}to{opacity:1}}.cdm-card{background:#fff;border-radius:1.25rem;width:100%;max-width:380px;padding:2rem 2rem 1.5rem;animation:.2s cubic-bezier(.34,1.3,.64,1) cdm-slide-up;box-shadow:0 24px 64px #0f0a1c38,0 4px 16px #0f0a1c1a}@keyframes cdm-slide-up{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.cdm-icon-wrap{background:#fff1f2;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.25rem;display:flex}.cdm-icon-wrap .material-symbols-outlined{color:#e53935;font-size:26px}.cdm-title{color:#1a1c19;letter-spacing:-.01em;margin:0 0 .5rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.0625rem;font-weight:700}.cdm-message{color:#5c5f5a;margin:0 0 1.625rem;font-size:.875rem;line-height:1.55}.cdm-target{color:#1a1c19;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;background:#f4f4ef;border-radius:4px;max-width:240px;padding:1px 6px;font-weight:600;display:inline-block;overflow:hidden}.cdm-warning{color:#7a5800;background:#fff8e1;border:1px solid #ffe082;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:1.625rem;padding:10px 12px;font-size:.8125rem;line-height:1.5;display:flex}.cdm-warning .material-symbols-outlined{color:#f59e0b;flex-shrink:0;margin-top:1px;font-size:16px}.cdm-actions{justify-content:flex-end;gap:.625rem;display:flex}.cdm-btn-cancel{color:#3d3f3b;cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:.625rem;padding:.5rem 1.125rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:background .12s,border-color .12s}.cdm-btn-cancel:hover{background:#f4f4ef;border-color:#c8c8c0}.cdm-btn-delete{color:#fff;cursor:pointer;background:#e53935;border:none;border-radius:.625rem;align-items:center;gap:6px;padding:.5rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:700;transition:background .12s,opacity .12s;display:flex}.cdm-btn-delete:hover{background:#c62828}.cdm-btn-delete:disabled{opacity:.6;cursor:not-allowed}.cdm-btn-delete .material-symbols-outlined{font-size:16px}.hg-flash-page{box-sizing:border-box;width:100%;max-width:min(68rem,100%);margin-inline:auto}.hg-flash-header{margin-bottom:1.75rem}.hg-flash-page h1{letter-spacing:-.02em;color:var(--hg-on-surface);margin:0 0 .35rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.75rem;font-weight:800}.hg-flash-lead{color:var(--hg-on-surface-variant);margin:0;font-size:.9375rem;line-height:1.55}.hg-flash-manual{background:var(--hg-surface-container-low);border:1px solid var(--hg-outline-variant);border-radius:.75rem;margin-bottom:2rem;padding:1.35rem 1.5rem}.hg-flash-manual>h2{letter-spacing:.06em;text-transform:uppercase;color:var(--hg-primary);margin:0 0 1rem;font-size:.8125rem;font-weight:700}.hg-flash-manual-form{gap:1rem;display:grid}@media (width>=640px){.hg-flash-manual-form{grid-template-columns:1fr 1fr}.hg-flash-field--block,.hg-flash-manual-actions{grid-column:1/-1}}.hg-flash-field{flex-direction:column;gap:.35rem;display:flex}.hg-flash-field span{color:var(--hg-on-surface-variant);font-size:.75rem;font-weight:600}.hg-flash-field input,.hg-flash-field textarea{border:1px solid var(--hg-outline-variant);background:var(--hg-surface-container-lowest);width:100%;color:var(--hg-on-surface);border-radius:.5rem;padding:.55rem .75rem;font-family:inherit;font-size:.9375rem;line-height:1.45}.hg-flash-field textarea{resize:vertical;min-height:4.5rem}.hg-flash-field input:focus,.hg-flash-field textarea:focus{border-color:var(--hg-primary-container);box-shadow:0 0 0 2px var(--hg-primary-fixed);outline:none}.hg-flash-manual-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1rem;display:flex}.hg-flash-manual-msg{margin:0;font-size:.875rem}.hg-flash-manual-msg--ok{color:#166534}.hg-flash-manual-msg--err{color:var(--hg-tertiary)}.hg-flash-bulk{margin-bottom:2rem}.hg-flash-bulk-hint{color:var(--hg-on-surface-variant);margin:0 0 .65rem;font-size:.875rem;line-height:1.5}.hg-flash-bulk-examples{color:var(--hg-on-surface-variant);margin:0 0 1rem;padding-left:1.15rem;font-size:.8125rem;line-height:1.55}.hg-flash-bulk-examples code{background:var(--hg-surface-container-lowest);border:1px solid var(--hg-outline-variant);color:var(--hg-on-surface);border-radius:.25rem;padding:.1em .35em;font-size:.8em}.hg-flash-bulk-textarea{font-family:ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,monospace;font-size:.875rem;line-height:1.5}.hg-flash-bulk-preview{color:var(--hg-on-surface-variant);margin:-.35rem 0 .85rem;font-size:.8125rem}.hg-flash-bulk-kbd-hint{color:var(--hg-on-surface-variant);font-size:.8125rem}.hg-flash-bulk-kbd-hint kbd{border:1px solid var(--hg-outline-variant);background:var(--hg-surface-container-lowest);border-radius:.25rem;padding:.12em .4em;font-family:inherit;font-size:.75em}.hg-flash-learn{margin-bottom:2.75rem;padding:0 0 .5rem}.hg-flash-learn-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.hg-flash-learn-title{letter-spacing:-.02em;color:var(--hg-on-surface);margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:1.125rem;font-weight:800}.hg-flash-learn-meta{align-items:center;gap:.5rem;display:flex}.hg-flash-count{color:var(--hg-on-surface-variant);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:700}.hg-flash-icon-btn{background:var(--hg-surface-container-high);width:2.5rem;height:2.5rem;color:var(--hg-primary);cursor:pointer;border:none;border-radius:9999px;place-items:center;transition:background .15s,transform .15s;display:grid}.hg-flash-icon-btn:hover{background:var(--hg-primary-fixed);transform:scale(1.05)}.hg-flash-icon-btn .material-symbols-outlined{font-size:1.35rem}.hg-flash-progress-track{background:var(--hg-surface-container-high);border-radius:9999px;height:4px;margin-bottom:1.5rem;overflow:hidden}.hg-flash-progress-fill{background:linear-gradient(90deg, var(--hg-primary-container), var(--hg-primary));border-radius:9999px;height:100%;transition:width .35s cubic-bezier(.4,0,.2,1)}.hg-flash-card-row{justify-content:center;align-items:stretch;gap:.5rem;max-width:48rem;margin-inline:auto;display:flex}@media (width<=520px){.hg-flash-card-row{gap:.25rem}}.hg-flash-nav-btn{background:var(--hg-surface-container-high);width:3rem;height:3rem;color:var(--hg-primary);cursor:pointer;border:none;border-radius:9999px;flex-shrink:0;align-self:center;place-items:center;transition:background .15s,transform .15s;display:grid}.hg-flash-nav-btn:hover{background:var(--hg-primary-fixed);transform:scale(1.06)}.hg-flash-nav-btn .material-symbols-outlined{font-size:2rem}.hg-flip-scene-wrap{flex:1;min-width:0;max-width:38rem}.hg-flip-scene{aspect-ratio:5/3;perspective:1400px;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:1rem;width:100%;max-height:min(52vh,22rem);margin:0 auto;padding:0;display:block}.hg-flip-scene:focus-visible{outline:3px solid var(--hg-primary-container);outline-offset:4px}.hg-flip-card{width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.4,.2,.2,1);position:relative}.hg-flip-scene--show-back .hg-flip-card{transform:rotateY(180deg)}.hg-flip-face{backface-visibility:hidden;text-align:center;background:var(--hg-surface-container-lowest);border:1px solid var(--hg-outline-variant);border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.65rem;padding:1.5rem 1.25rem;display:flex;position:absolute;inset:0;box-shadow:0 2px 4px #1a1c190a,0 12px 32px #3525cd17}.hg-flip-face--back{background:linear-gradient(165deg, var(--hg-surface-container-lowest) 0%, var(--hg-surface-container-low) 100%);transform:rotateY(180deg)}.hg-flip-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--hg-primary);font-size:.6875rem;font-weight:800}.hg-flip-main{color:var(--hg-on-surface);word-break:break-word;max-width:100%;margin:0;font-size:clamp(1.25rem,4vw,1.85rem);font-weight:700;line-height:1.35}.hg-flip-main--back{font-size:clamp(1.05rem,3.2vw,1.35rem);font-weight:600;line-height:1.5}.hg-flip-sub{color:var(--hg-on-surface-variant);margin:0;font-size:1rem;line-height:1.45}.hg-flip-hint{letter-spacing:.04em;color:var(--hg-outline);margin-top:auto;padding-top:.75rem;font-size:.75rem;font-weight:600}.hg-flash-keyboard-hint{text-align:center;color:var(--hg-on-surface-variant);margin:1.25rem 0 0;font-size:.75rem}.hg-flash-keyboard-hint kbd{border:1px solid var(--hg-outline-variant);background:var(--hg-surface-container-low);color:var(--hg-on-surface-variant);border-radius:.25rem;margin:0 .1rem;padding:.15rem .45rem;font-family:inherit;font-size:.6875rem;font-weight:700;display:inline-block}@media (prefers-reduced-motion:reduce){.hg-flip-card{transition-duration:.01ms}.hg-flash-progress-fill{transition:none}}.hg-flash-btn{cursor:pointer;background:var(--hg-primary);color:#fff;border:none;border-radius:.5rem;align-items:center;gap:.35rem;padding:.5rem 1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.8125rem;font-weight:700;transition:background .15s;display:inline-flex}.hg-flash-btn:hover{background:var(--hg-primary-container)}.hg-flash-btn--ghost{color:var(--hg-primary);border:1px solid var(--hg-outline-variant);background:0 0}.hg-flash-btn--ghost:hover{background:var(--hg-surface-container-high)}.hg-flash-list h2{letter-spacing:.06em;text-transform:uppercase;color:var(--hg-on-surface-variant);margin:0 0 1rem;font-size:.8125rem;font-weight:700}.hg-flash-empty{text-align:center;color:var(--hg-on-surface-variant);border:1px dashed var(--hg-outline-variant);border-radius:.65rem;padding:2rem 1.25rem;font-size:.9375rem}.hg-flash-empty a{color:var(--hg-primary);font-weight:700}.hg-flash-rows{flex-direction:column;gap:.65rem;display:flex}.hg-flash-row{background:var(--hg-surface-container-low);border:1px solid var(--hg-outline-variant);border-radius:.5rem;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem 1rem;padding:1rem 1.15rem;font-size:.875rem;line-height:1.5;display:flex}.hg-flash-row-main{flex:12rem;min-width:0}.hg-flash-row-mastery{flex-direction:column;flex:0 0 5.5rem;align-items:flex-end;gap:.35rem;display:flex}.hg-flash-mastery-label{color:var(--hg-primary);font-size:.75rem;font-weight:700}.hg-flash-mastery-bar{background:var(--hg-surface-container-highest);border-radius:999px;width:100%;max-width:5.5rem;height:.35rem;overflow:hidden}.hg-flash-mastery-fill{background:linear-gradient(90deg, var(--hg-primary), #7c6ae8);border-radius:999px;height:100%;transition:width .25s}.hg-flash-deck-progress-track{background:var(--hg-surface-container-highest);border-radius:999px;max-width:22rem;height:.45rem;margin:.5rem 0 0;overflow:hidden}.hg-flash-deck-progress-fill{background:linear-gradient(90deg, var(--hg-primary), #7c6ae8);border-radius:999px;height:100%;transition:width .3s}.hg-flash-row .hg-flash-ja{margin-bottom:.25rem;font-size:1rem;font-weight:700}.hg-flash-row .hg-flash-reading{color:var(--hg-on-surface-variant);margin-bottom:.35rem;font-size:.8125rem}.hg-flash-row .hg-flash-meaning{color:var(--hg-on-surface)}.hg-flash-err{color:var(--hg-tertiary);font-size:.875rem}.hg-flash-breadcrumb{color:var(--hg-on-surface-variant);margin:0 0 1rem;font-size:.8125rem}.hg-flash-breadcrumb a{color:var(--hg-primary);font-weight:600;text-decoration:none}.hg-flash-breadcrumb a:hover{text-decoration:underline}.hg-flash-inline-link{color:var(--hg-primary);font-weight:700;text-decoration:none}.hg-flash-inline-link:hover{text-decoration:underline}.hg-learn-create{background:var(--hg-surface-container-low);border:1px solid var(--hg-outline-variant);border-radius:.75rem;margin-bottom:2rem;padding:1.25rem 1.35rem}.hg-learn-create-title{letter-spacing:.06em;text-transform:uppercase;color:var(--hg-primary);margin:0 0 .85rem;font-size:.8125rem;font-weight:700}.hg-learn-create-form{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.hg-learn-create-input{border:1px solid var(--hg-outline-variant);background:var(--hg-surface-container-lowest);border-radius:.5rem;flex:1;min-width:12rem;padding:.55rem .75rem;font-family:inherit;font-size:.9375rem}.hg-learn-create-msg{color:var(--hg-on-surface-variant);margin:.65rem 0 0;font-size:.8125rem}.hg-learn-grid-section{margin-bottom:2rem}.hg-learn-grid-heading{letter-spacing:.06em;text-transform:uppercase;color:var(--hg-on-surface-variant);margin:0 0 1rem;font-size:.8125rem;font-weight:700}.hg-learn-grid{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));align-items:stretch;gap:1rem;display:grid}.hg-learn-card-wrap{flex-direction:column;gap:.5rem;height:100%;min-height:0;display:flex}.hg-learn-quiz-cta{text-align:center;border:1px solid var(--hg-outline-variant);background:var(--hg-surface-container-lowest);color:var(--hg-primary);border-radius:.5rem;flex-shrink:0;margin-top:auto;padding:.45rem .65rem;font-size:.8125rem;font-weight:700;text-decoration:none;transition:background .15s}.hg-learn-quiz-cta:hover{background:var(--hg-primary-fixed)}.hg-learn-card{background:var(--hg-surface-container-low);border:1px solid var(--hg-outline-variant);color:inherit;border-radius:.65rem;flex-direction:column;gap:.35rem;padding:1.15rem 1.25rem;text-decoration:none;transition:background .15s,box-shadow .15s,transform .15s;display:flex}.hg-learn-card:hover{background:var(--hg-surface-container-lowest);transform:translateY(-2px);box-shadow:0 6px 20px #3525cd1a}.hg-learn-card-name{color:var(--hg-on-surface);font-family:Plus Jakarta Sans,sans-serif;font-size:1rem;font-weight:700}.hg-learn-card-desc{color:var(--hg-on-surface-variant);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.45;display:-webkit-box;overflow:hidden}.hg-learn-card-meta{color:var(--hg-primary);margin-top:.25rem;font-size:.75rem;font-weight:600}.hg-learn-card-mastery{color:var(--hg-on-surface-variant);font-weight:600}.hg-learn-deck-bar{background:var(--hg-surface-container-highest);border-radius:999px;height:.35rem;margin-top:.5rem;overflow:hidden}.hg-learn-deck-bar-fill{background:linear-gradient(90deg, var(--hg-primary), #7c6ae8);border-radius:999px;height:100%;transition:width .3s}.hg-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hg-quiz-page .hg-quiz-empty{margin-bottom:1.5rem}.hg-quiz-setup{background:var(--hg-surface-container-low);border:1px solid var(--hg-outline-variant);border-radius:.75rem;margin-bottom:2rem;padding:1.35rem 1.5rem}.hg-quiz-setup-title{letter-spacing:.06em;text-transform:uppercase;color:var(--hg-primary);margin:0 0 1rem;font-size:.8125rem;font-weight:700}.hg-quiz-mode-grid{gap:.75rem;display:grid}@media (width>=560px){.hg-quiz-mode-grid{grid-template-columns:1fr 1fr}}.hg-quiz-mode-card{border:1px solid var(--hg-outline-variant);background:var(--hg-surface-container-lowest);cursor:pointer;text-align:left;color:var(--hg-on-surface);border-radius:.65rem;flex-direction:column;align-items:flex-start;gap:.35rem;padding:1rem 1.15rem;font-family:inherit;transition:background .15s,border-color .15s,transform .15s;display:flex}.hg-quiz-mode-card:hover{background:var(--hg-surface-container-high);border-color:var(--hg-primary-container);transform:translateY(-1px)}.hg-quiz-mode-name{font-family:Plus Jakarta Sans,sans-serif;font-size:.9375rem;font-weight:800}.hg-quiz-mode-desc{color:var(--hg-on-surface-variant);font-size:.8125rem;line-height:1.45}.hg-quiz-setup-meta{color:var(--hg-on-surface-variant);margin:1rem 0 0;font-size:.8125rem}.hg-quiz-setup-meta--tight{margin-top:.5rem}.hg-quiz-count-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.hg-quiz-count-range{min-width:10rem;max-width:22rem;accent-color:var(--hg-primary);flex:1;height:1.5rem}.hg-quiz-count-readout{font-variant-numeric:tabular-nums;color:var(--hg-on-surface-variant);white-space:nowrap;font-size:.9375rem}.hg-quiz-count-readout strong{color:var(--hg-on-surface);font-size:1.25rem;font-weight:800}.hg-quiz-count-readout-sep{opacity:.65;margin:0 .15rem}.hg-quiz-count-readout-unit{margin-left:.15rem;font-size:.8125rem;font-weight:600}.hg-quiz-setup-warn{color:var(--hg-tertiary);margin:.75rem 0 0;font-size:.8125rem;line-height:1.45}.hg-quiz-fieldset{border:none;margin:0 0 1.25rem;padding:0}.hg-quiz-legend{letter-spacing:.04em;text-transform:uppercase;color:var(--hg-on-surface-variant);margin:0 0 .65rem;padding:0;font-size:.8125rem;font-weight:700}.hg-quiz-check-grid{flex-direction:column;gap:.5rem;display:flex}.hg-quiz-check{color:var(--hg-on-surface);cursor:pointer;align-items:flex-start;gap:.5rem;font-size:.875rem;line-height:1.45;display:flex}.hg-quiz-check input{accent-color:var(--hg-primary);margin-top:.2rem}.hg-quiz-radio-line{color:var(--hg-on-surface);cursor:pointer;flex-wrap:wrap;align-items:center;gap:.5rem .65rem;margin-bottom:.5rem;font-size:.875rem;display:flex}.hg-quiz-radio-line input{accent-color:var(--hg-primary)}.hg-quiz-format-select{border:1px solid var(--hg-outline-variant);background:var(--hg-surface-container-lowest);color:var(--hg-on-surface);border-radius:.4rem;padding:.35rem .6rem;font-family:inherit;font-size:.8125rem}.hg-quiz-mode-grid--compact .hg-quiz-mode-card{padding:.85rem 1rem}.hg-quiz-mode-card--active{box-shadow:0 0 0 1px var(--hg-primary-container);border-color:var(--hg-primary)!important;background:var(--hg-primary-fixed)!important}.hg-quiz-session-badges{flex-wrap:wrap;align-items:center;gap:.35rem .5rem;display:flex}.hg-quiz-session-format{letter-spacing:.06em;text-transform:uppercase;background:var(--hg-surface-container-high);color:var(--hg-on-surface-variant);border-radius:.25rem;padding:.2rem .45rem;font-size:.6875rem;font-weight:700}.hg-quiz-session{margin-bottom:2rem}.hg-quiz-session-head{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.65rem;display:flex}.hg-quiz-session-mode{letter-spacing:.04em;text-transform:uppercase;color:var(--hg-primary);font-size:.75rem;font-weight:700}.hg-quiz-session-count{color:var(--hg-on-surface-variant);font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:700}.hg-quiz-prompt{background:var(--hg-surface-container-low);border:1px solid var(--hg-outline-variant);text-align:center;border-radius:.75rem;margin:1.25rem 0 1.5rem;padding:1.35rem 1.5rem}.hg-quiz-prompt-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--hg-on-surface-variant);margin-bottom:.65rem;font-size:.6875rem;font-weight:700;display:block}.hg-quiz-prompt-main{color:var(--hg-on-surface);margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(1.35rem,4vw,1.85rem);font-weight:800;line-height:1.35}.hg-quiz-prompt-main--vi{font-family:inherit;font-weight:700}.hg-quiz-prompt-sub{color:var(--hg-on-surface-variant);margin:.5rem 0 0;font-size:1rem}.hg-quiz-options{flex-direction:column;gap:.65rem;max-width:36rem;margin-inline:auto;display:flex}.hg-quiz-opt{border:2px solid var(--hg-outline-variant);background:var(--hg-surface-container-lowest);width:100%;color:var(--hg-on-surface);text-align:left;cursor:pointer;border-radius:.6rem;padding:.85rem 1.1rem;font-family:inherit;font-size:.9375rem;line-height:1.45;transition:background .15s,border-color .15s,transform .12s}.hg-quiz-opt:hover:not(:disabled){border-color:var(--hg-primary-container);background:var(--hg-surface-container-low)}.hg-quiz-opt:disabled{cursor:default}.hg-quiz-opt--correct{background:#1665341f;border-color:#15803d}.hg-quiz-opt--wrong{border-color:var(--hg-tertiary);background:#b91c1c14}.hg-quiz-opt-text{white-space:pre-wrap;word-break:break-word;display:block}.hg-quiz-feedback{text-align:center;flex-direction:column;align-items:center;gap:.85rem;margin-top:1.5rem;display:flex}.hg-quiz-feedback-ok{color:#166534;margin:0;font-size:1rem;font-weight:700}.hg-quiz-feedback-bad{color:var(--hg-tertiary);margin:0;font-size:1rem;font-weight:700}.hg-quiz-summary{background:var(--hg-surface-container-low);border:1px solid var(--hg-outline-variant);text-align:center;border-radius:.75rem;margin-bottom:2rem;padding:1.75rem 1.5rem}.hg-quiz-summary-title{letter-spacing:.06em;text-transform:uppercase;color:var(--hg-primary);margin:0 0 .75rem;font-size:.8125rem;font-weight:700}.hg-quiz-summary-score{color:var(--hg-on-surface);margin:0;font-size:1.5rem}.hg-quiz-summary-pct{color:var(--hg-on-surface-variant);margin:.35rem 0 .5rem;font-size:.9375rem}.hg-quiz-progress-sync{margin:0 0 1rem;font-size:.8125rem;line-height:1.45}.hg-quiz-progress-sync--ok{color:var(--hg-primary);font-weight:600}.hg-quiz-progress-sync--err{color:var(--hg-tertiary);font-weight:600}.hg-quiz-summary-actions{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.hg-quiz-link-btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.hg-quiz-tf-pair{margin:1.25rem 0 1.5rem}.hg-quiz-tf-q{text-align:center;color:var(--hg-on-surface);margin:0 0 1rem;font-size:.9375rem;font-weight:600}.hg-quiz-tf-cols{gap:.75rem;display:grid}@media (width>=560px){.hg-quiz-tf-cols{grid-template-columns:1fr 1fr}}.hg-quiz-tf-box{border:1px solid var(--hg-outline-variant);background:var(--hg-surface-container-low);border-radius:.65rem;padding:1rem 1.15rem}.hg-quiz-tf-label{letter-spacing:.06em;text-transform:uppercase;color:var(--hg-on-surface-variant);margin-bottom:.5rem;font-size:.6875rem;font-weight:700;display:block}.hg-quiz-tf-text{white-space:pre-wrap;word-break:break-word;color:var(--hg-on-surface);margin:0;font-size:1rem;line-height:1.5}.hg-quiz-tf-actions{grid-template-columns:1fr 1fr;gap:.75rem;max-width:24rem;margin:0 auto .5rem;display:grid}.hg-quiz-tf-btn{border:2px solid var(--hg-outline-variant);cursor:pointer;border-radius:.6rem;padding:.85rem 1rem;font-family:inherit;font-size:1rem;font-weight:800;transition:background .15s,border-color .15s}.hg-quiz-tf-btn--true{color:#166534;background:#1665341f;border-color:#15803d}.hg-quiz-tf-btn--true:hover{background:#16653433}.hg-quiz-tf-btn--false{border-color:var(--hg-tertiary);color:var(--hg-tertiary);background:#b91c1c14}.hg-quiz-tf-btn--false:hover{background:#b91c1c1f}.hg-quiz-keyboard{flex-direction:column;gap:.5rem;max-width:36rem;margin:0 auto .5rem;display:flex}.hg-quiz-keyboard-label{color:var(--hg-on-surface-variant);font-size:.75rem;font-weight:600}.hg-quiz-keyboard-input{border:1px solid var(--hg-outline-variant);background:var(--hg-surface-container-lowest);width:100%;color:var(--hg-on-surface);resize:vertical;border-radius:.55rem;min-height:3rem;padding:.65rem .85rem;font-family:inherit;font-size:.9375rem;line-height:1.45}.hg-quiz-keyboard-input:focus{border-color:var(--hg-primary-container);box-shadow:0 0 0 2px var(--hg-primary-fixed);outline:none}.hg-quiz-keyboard-input:disabled{opacity:.85}.hg-quiz-keyboard-hint{color:var(--hg-on-surface-variant);margin:0;font-size:.75rem}.hg-quiz-keyboard-hint kbd{border:1px solid var(--hg-outline-variant);background:var(--hg-surface-container-low);border-radius:.25rem;padding:.1em .35em;font-family:inherit;font-size:.85em}.hg-quiz-feedback-answer{color:var(--hg-on-surface-variant);text-align:center;margin:0 0 .5rem;font-size:.875rem}.hg-quiz-tf-reveal{font-size:.8125rem;line-height:1.45}@media (width>=1280px){.hg-flash-page{max-width:none}}.hg-grammar-page{width:100%;max-width:min(52rem,100%);margin-inline:auto;padding-bottom:2rem}.hg-grammar-page h1{letter-spacing:-.02em;color:var(--hg-on-surface);margin:0 0 .4rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.65rem;font-weight:800}.hg-grammar-lead{color:var(--hg-on-surface-variant);margin:0 0 1.5rem;font-size:.9375rem;line-height:1.55}.hg-grammar-bc{color:var(--hg-on-surface-variant);margin:0 0 1rem;font-size:.8125rem}.hg-grammar-bc a{color:var(--hg-primary);font-weight:600;text-decoration:none}.hg-grammar-bc a:hover{text-decoration:underline}.hg-grammar-search{border:1px solid var(--hg-outline-variant);background:var(--hg-surface-container-lowest);border-radius:.5rem;width:100%;max-width:28rem;margin-bottom:1rem;padding:.55rem .75rem;font-family:inherit;font-size:.9375rem}.hg-grammar-search:focus{border-color:var(--hg-primary-container);box-shadow:0 0 0 2px var(--hg-primary-fixed);outline:none}.hg-grammar-level-grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.85rem;display:grid}.hg-grammar-level-card{border:1px solid var(--hg-outline-variant);background:var(--hg-surface-container-low);color:inherit;border-radius:.75rem;flex-direction:column;align-items:center;padding:1.15rem .75rem;text-decoration:none;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.hg-grammar-level-card:hover{border-color:var(--hg-primary-container);transform:translateY(-2px);box-shadow:0 8px 24px #3525cd1a}.hg-grammar-level-badge{color:var(--hg-primary);font-family:Plus Jakarta Sans,sans-serif;font-size:1.35rem;font-weight:800}.hg-grammar-level-meta{color:var(--hg-on-surface-variant);text-align:center;margin-top:.35rem;font-size:.75rem}.hg-grammar-filter-row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.hg-grammar-filter-row label{color:var(--hg-on-surface-variant);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:700}.hg-grammar-group-select{border:1px solid var(--hg-outline-variant);background:var(--hg-surface-container-lowest);border-radius:.4rem;min-width:12rem;padding:.4rem .6rem;font-family:inherit;font-size:.875rem}.hg-grammar-rows{flex-direction:column;gap:.5rem;display:flex}.hg-grammar-row{border:1px solid var(--hg-outline-variant);background:var(--hg-surface-container-low);border-radius:.55rem;align-items:flex-start;gap:.5rem .75rem;padding:.9rem 1rem;transition:background .15s;display:flex}.hg-grammar-row:hover{background:var(--hg-surface-container-high)}.hg-grammar-row-link{min-width:0;color:inherit;flex:1;text-decoration:none}.hg-grammar-row--fav{background:#f59e0b0f;border-color:#f59e0b73}.hg-grammar-row-title{color:var(--hg-on-surface);margin:0 0 .25rem;font-size:.9375rem;font-weight:700}.hg-grammar-row-title[lang=ja]{font-family:Plus Jakarta Sans,sans-serif}.hg-grammar-row-mean{color:var(--hg-on-surface-variant);margin:0;font-size:.8125rem;line-height:1.45}.hg-grammar-row-group{text-transform:uppercase;letter-spacing:.05em;color:var(--hg-primary);margin-top:.35rem;font-size:.6875rem;font-weight:700}.hg-grammar-star-btn{color:#d97706;cursor:pointer;background:0 0;border:none;border-radius:.35rem;place-items:center;padding:.25rem;display:grid}.hg-grammar-star-btn:hover{background:#f59e0b1f}.hg-grammar-star-btn .material-symbols-outlined{font-size:1.35rem}.hg-grammar-detail-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1rem;display:flex}.hg-grammar-detail-title{margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:1.35rem;font-weight:800;line-height:1.3}.hg-grammar-detail-actions{flex-wrap:wrap;gap:.5rem;display:flex}.hg-grammar-nav-btn{border:1px solid var(--hg-outline-variant);background:var(--hg-surface-container-lowest);color:var(--hg-primary);cursor:pointer;border-radius:.45rem;align-items:center;gap:.25rem;padding:.45rem .75rem;font-family:inherit;font-size:.8125rem;font-weight:700;text-decoration:none;display:inline-flex}.hg-grammar-nav-btn:hover:not(:disabled){background:var(--hg-primary-fixed)}.hg-grammar-nav-btn:disabled{opacity:.4;cursor:not-allowed}.hg-grammar-block{background:var(--hg-surface-container-low);border:1px solid var(--hg-outline-variant);border-radius:.6rem;margin-bottom:1.25rem;padding:1rem 1.15rem}.hg-grammar-block h2{letter-spacing:.08em;text-transform:uppercase;color:var(--hg-primary);margin:0 0 .5rem;font-size:.6875rem;font-weight:800}.hg-grammar-block p,.hg-grammar-block pre{white-space:pre-wrap;margin:0;font-size:.9375rem;line-height:1.55}.hg-grammar-formula{font-family:ui-monospace,monospace;font-size:.9rem}.hg-grammar-examples{flex-direction:column;gap:.75rem;display:flex}.hg-grammar-ex{background:var(--hg-surface-container-lowest);border:1px solid var(--hg-outline-variant);border-radius:.45rem;padding:.75rem .85rem}.hg-grammar-ex-ja{margin:0 0 .35rem;font-size:.9375rem;font-weight:600}.hg-grammar-ex-vi{color:var(--hg-on-surface-variant);margin:0;font-size:.875rem}.hg-grammar-ex-reg{background:var(--hg-surface-container-high);color:var(--hg-on-surface-variant);text-transform:uppercase;border-radius:.25rem;margin-top:.35rem;padding:.12rem .4rem;font-size:.6875rem;font-weight:700;display:inline-block}.hg-grammar-err{color:var(--hg-tertiary);font-size:.875rem}.hg-grammar-empty{text-align:center;color:var(--hg-on-surface-variant);border:1px dashed var(--hg-outline-variant);border-radius:.65rem;padding:2rem}.profile-shell{box-sizing:border-box;width:100%;max-width:min(68rem,100%);margin-inline:auto}.profile-title{color:var(--hg-on-surface);margin:0 0 .5rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.75rem;font-weight:800}.profile-lead{color:var(--hg-on-surface-variant);margin:0 0 1.5rem;font-size:.9375rem}.profile-tabs{border-bottom:1px solid #c7c4d859;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding-bottom:.5rem;display:flex}.profile-tabs a{letter-spacing:.06em;text-transform:uppercase;color:var(--hg-outline);border-radius:.25rem;padding:.5rem .75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.profile-tabs a:hover{background:var(--hg-surface-container-low);color:var(--hg-primary)}.profile-tabs a.profile-tab--active{color:var(--hg-primary);background:var(--hg-surface-container-low);box-shadow:inset 0 -2px 0 var(--hg-primary)}.profile-card{background:var(--hg-surface-container-lowest);border:1px solid #c7c4d859;border-radius:.5rem;margin-bottom:1.5rem;padding:1.5rem}.profile-card h3{letter-spacing:.06em;text-transform:uppercase;color:var(--hg-on-surface-variant);margin:0 0 1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.875rem;font-weight:700}.profile-field{margin-bottom:1.25rem}.profile-field:last-child{margin-bottom:0}.profile-field label{letter-spacing:.04em;color:var(--hg-on-surface-variant);margin-bottom:.35rem;font-size:.75rem;font-weight:700;display:block}.profile-field input[type=text],.profile-field input[type=email],.profile-field input[type=password],.profile-field select{border:1px solid var(--hg-outline-variant);background:var(--hg-background);border-radius:.35rem;width:100%;max-width:100%;padding:.6rem .75rem;font-family:inherit;font-size:.9375rem}.profile-field input:disabled{background:var(--hg-surface-container-low);color:var(--hg-on-surface-variant);cursor:not-allowed}.profile-avatar-row{flex-wrap:wrap;align-items:center;gap:1.25rem;display:flex}.profile-avatar-preview{background:var(--hg-surface-container-highest);width:5rem;height:5rem;color:var(--hg-primary);border-radius:9999px;place-items:center;font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:700;display:grid;overflow:hidden}.profile-avatar-preview img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.profile-btn{letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:var(--hg-surface-container-low);color:var(--hg-on-surface);border:0;border-radius:.35rem;padding:.5rem 1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.75rem;font-weight:700}.profile-btn:hover:not(:disabled){background:var(--hg-surface-container)}.profile-btn--primary{background:var(--hg-primary);color:#fff}.profile-btn--primary:hover:not(:disabled){opacity:.92}.profile-btn:disabled{opacity:.6;cursor:wait}.profile-msg{margin-top:.75rem;font-size:.875rem}.profile-msg--err{color:var(--hg-tertiary)}.profile-msg--ok{color:#1b5e20}.profile-table-wrap{overflow-x:auto}.profile-table{border-collapse:collapse;width:100%;font-size:.875rem}.profile-table th,.profile-table td{text-align:left;border-bottom:1px solid var(--hg-surface-container);padding:.65rem .75rem}.profile-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--hg-outline);font-size:.7rem}.profile-empty{color:var(--hg-on-surface-variant);text-align:center;padding:2rem 0;font-size:.9375rem}.profile-link{color:var(--hg-primary);font-weight:600;text-decoration:none}.profile-link:hover{text-decoration:underline}.profile-muted{color:var(--hg-on-surface-variant);margin:0 0 1rem;font-size:.875rem}.profile-fav-intro{color:var(--hg-on-surface-variant);margin:-.35rem 0 1.25rem;font-size:.875rem;line-height:1.5}.profile-fav-err{color:var(--hg-tertiary);margin:0 0 1rem;font-size:.875rem}.profile-fav-list{flex-direction:column;gap:.65rem;margin:0;padding:0;list-style:none;display:flex}.profile-fav-item{background:var(--hg-surface-container-lowest);border:1px solid #c7c4d873;border-radius:.45rem;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.85rem 1rem;display:flex}.profile-fav-main{flex:1;min-width:0}.profile-fav-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--hg-primary);margin-bottom:.35rem;font-size:.625rem;font-weight:800;display:inline-block}.profile-fav-title{color:var(--hg-on-surface);font-family:Plus Jakarta Sans,sans-serif;font-size:.9375rem;font-weight:700;text-decoration:none;display:block}.profile-fav-title:hover{color:var(--hg-primary);text-decoration:underline}.profile-fav-title--static{font-family:inherit;display:block}.profile-fav-detail{color:var(--hg-on-surface-variant);margin:.35rem 0 0;font-size:.8125rem;line-height:1.45}.profile-fav-meta{color:var(--hg-outline);margin:.4rem 0 0;font-size:.75rem}.profile-fav-remove{border:1px solid var(--hg-outline-variant);color:var(--hg-on-surface-variant);cursor:pointer;background:0 0;border-radius:.35rem;flex-shrink:0;padding:.35rem .65rem;font-family:inherit;font-size:.75rem;font-weight:700}.profile-fav-remove:hover:not(:disabled){background:var(--hg-surface-container-low);color:var(--hg-tertiary)}.profile-fav-remove:disabled{opacity:.5;cursor:default}@media (width>=1280px){.profile-shell{max-width:none}}.blog-container{max-width:1200px;margin:0 auto;padding:2rem}.blog-header{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;margin-bottom:3rem;padding:3rem 0}.blog-header h1{margin:0 0 1rem;font-size:2.5rem;font-weight:700}.blog-header p{opacity:.9;margin:0;font-size:1.125rem}.blog-search{gap:1rem;max-width:600px;margin:0 auto 3rem;display:flex}.blog-search-input{border:2px solid #e2e8f0;border-radius:12px;flex:1;padding:.875rem 1.25rem;font-size:1rem;transition:border-color .2s}.blog-search-input:focus{border-color:#667eea;outline:none}.blog-search-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;padding:.875rem 1.5rem;font-weight:600;transition:transform .2s}.blog-search-btn:hover{transform:translateY(-2px)}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.blog-card{color:inherit;background:#fff;border-radius:16px;flex-direction:column;text-decoration:none;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 4px 12px #00000014}.blog-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #00000026}.blog-card-image{background:#f7fafc;width:100%;height:200px;overflow:hidden}.blog-card-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .3s}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-content{flex-direction:column;flex:1;padding:1.5rem;display:flex}.blog-card-meta{align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.blog-card-type{color:#667eea;font-size:.8125rem;font-weight:600}.blog-card-badge-pro{color:#78350f;background:#fbbf24;border-radius:4px;padding:.125rem .5rem;font-size:.75rem;font-weight:700}.blog-card-title{color:#1a202c;margin:0 0 .75rem;font-size:1.25rem;font-weight:700;line-height:1.4}.blog-card-excerpt{color:#4a5568;flex:1;margin:0 0 1rem;font-size:.9375rem;line-height:1.6}.blog-card-footer{color:#718096;border-top:1px solid #e2e8f0;flex-wrap:wrap;gap:1rem;padding-top:1rem;font-size:.8125rem;display:flex}.blog-card-author,.blog-card-date,.blog-card-views{align-items:center;gap:.25rem;display:flex}.blog-pagination{justify-content:center;align-items:center;gap:1.5rem;margin:3rem 0;display:flex}.blog-pagination-btn{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:.75rem 1.5rem;font-weight:600;transition:all .2s}.blog-pagination-btn:hover:not(:disabled){color:#667eea;border-color:#667eea}.blog-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.blog-pagination-info{color:#4a5568;font-weight:500}.blog-loading,.blog-empty{text-align:center;color:#718096;padding:3rem;font-size:1.125rem}.blog-error{color:#e53e3e;background:#fff5f5;border-left:4px solid #fc8181;border-radius:10px;margin-bottom:2rem;padding:1rem 1.5rem}.blog-error-box{text-align:center;background:#fff;border-radius:16px;padding:3rem;box-shadow:0 4px 12px #00000014}.blog-back-link{color:#667eea;align-items:center;gap:.5rem;margin-bottom:2rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.blog-back-link:hover{color:#5a67d8}.blog-back-btn{color:#fff;background:#667eea;border-radius:10px;margin-top:1rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:transform .2s;display:inline-block}.blog-back-btn:hover{transform:translateY(-2px)}.blog-detail{background:#fff;border-radius:20px;margin-bottom:3rem;overflow:hidden;box-shadow:0 4px 12px #00000014}.blog-detail-image{background:#f7fafc;width:100%;height:400px;overflow:hidden}.blog-detail-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.blog-detail-header{padding:2rem 3rem 1rem}.blog-detail-header h1{color:#1a202c;margin:0 0 1rem;font-size:2.5rem;font-weight:700;line-height:1.2}.blog-detail-meta{color:#718096;flex-wrap:wrap;gap:1.5rem;font-size:.9375rem;display:flex}.blog-detail-meta-row{border-bottom:1px solid #edf2f7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;width:100%;margin-top:1rem;padding-bottom:1rem;display:flex}.blog-reaction-wrapper{align-items:center;display:flex}.blog-reaction-pill{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f7fafccc;border:1px solid #e2e8f0;border-radius:999px;align-items:center;padding:.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 2px 8px #0000000a}.blog-reaction-pill:hover{background:#f7fafc;border-color:#cbd5e0;box-shadow:0 4px 12px #00000014}.blog-reaction-btn{cursor:pointer;color:#4a5568;background:0 0;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.blog-reaction-btn:hover{color:#1a202c;background:#e2e8f099}.blog-reaction-btn:active{transform:scale(.95)}.blog-reaction-divider{background-color:#cbd5e0;align-self:center;width:1px;height:20px}.blog-reaction-btn.like-btn.active{color:#3182ce;background:#4299e126}.blog-reaction-btn.like-btn.active .reaction-icon{animation:.4s bounce}.blog-reaction-btn.dislike-btn.active{color:#e53e3e;background:#f5656526}.blog-reaction-btn.dislike-btn.active .reaction-icon{animation:.4s shake}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)scale(1.15)}}@keyframes shake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.blog-detail-tags{flex-wrap:wrap;gap:.5rem;padding:0 3rem 1rem;display:flex}.blog-tag{color:#3182ce;background:#ebf4ff;border-radius:999px;padding:.375rem .875rem;font-size:.8125rem;font-weight:600}.blog-detail-video{padding:0 3rem 2rem}.blog-detail-video iframe{border-radius:12px;width:100%;height:500px}.blog-detail-content{color:#2d3748;padding:2rem 3rem 3rem;font-size:1.0625rem;line-height:1.8}.blog-detail-content h1,.blog-detail-content h2,.blog-detail-content h3{color:#1a202c;margin-top:2rem;margin-bottom:1rem}.blog-detail-content p{margin:1rem 0}.blog-detail-content img{border-radius:12px;max-width:100%;height:auto;margin:1.5rem 0}.blog-detail-content a{color:#667eea;text-decoration:underline}.blog-detail-content a:hover{color:#5a67d8}.blog-comments{background:#fff;border-radius:20px;padding:2rem 3rem 3rem;box-shadow:0 4px 12px #00000014}.blog-comments-title{color:#1a202c;margin:0 0 2rem;font-size:1.5rem;font-weight:700}.blog-comment-form{margin-bottom:3rem}.blog-comment-input{resize:vertical;border:2px solid #e2e8f0;border-radius:12px;width:100%;margin-bottom:1rem;padding:1rem 1.25rem;font-family:inherit;font-size:1rem;line-height:1.6}.blog-comment-input:focus{border-color:#667eea;outline:none}.blog-comment-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:10px;padding:.875rem 1.5rem;font-weight:600;transition:transform .2s}.blog-comment-submit:hover:not(:disabled){transform:translateY(-2px)}.blog-comment-submit:disabled{opacity:.6;cursor:not-allowed}.blog-comments-empty{text-align:center;color:#a0aec0;padding:3rem;font-size:1rem}.blog-comments-list{flex-direction:column;gap:1.5rem;display:flex}.blog-comment{background:#f7fafc;border-left:3px solid #667eea;border-radius:12px;padding:1.5rem}.blog-comment-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.blog-comment-avatar{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex;overflow:hidden}.blog-comment-avatar img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.blog-comment-author{color:#1a202c;margin:0;font-weight:600}.blog-comment-date{color:#a0aec0;margin:0;font-size:.8125rem}.blog-comment-content{color:#4a5568;margin:0;line-height:1.6}@media (width<=768px){.blog-container{padding:1rem}.blog-header{padding:2rem 1rem}.blog-header h1{font-size:2rem}.blog-grid{grid-template-columns:1fr}.blog-detail-header{padding:1.5rem}.blog-detail-header h1{font-size:1.75rem}.blog-detail-meta-row{flex-direction:column;align-items:flex-start;gap:1.25rem}.blog-detail-content,.blog-comments{padding:1.5rem}}