:root{--color-bg-primary:#f8f9fa;--color-bg-secondary:#ffffff;--color-bg-tertiary:#f1f3f4;--color-bg-inverse:#1a1d21;--color-text-primary:#1a1d21;--color-text-secondary:#5f6368;--color-text-tertiary:#9aa0a6;--color-text-inverse:#ffffff;--color-text-accent:#228be6;--color-accent-primary:#228be6;--color-accent-primary-hover:#1c7ed6;--color-accent-primary-light:#e7f5ff;--color-accent-success:#40c057;--color-accent-success-light:#ebfbee;--color-accent-warning:#fab005;--color-accent-error:#fa5252;--color-border-light:#e9ecef;--color-border-medium:#dee2e6;--color-border-focus:#228be6;--color-progress-track:#e9ecef;--color-progress-fill:#228be6;--color-progress-fill-success:#40c057;--font-sans:"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-serif:"Noto Serif KR","Times New Roman",serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--letter-spacing-tight:-0.025em;--letter-spacing-normal:0;--letter-spacing-wide:0.025em;--letter-spacing-wider:0.05em;--letter-spacing-widest:0.1em;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--radius-none:0;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-none:none;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--shadow-card:0 1px 3px rgba(0,0,0,0.08);--shadow-card-hover:0 4px 12px rgba(0,0,0,0.12);--transition-fast:150ms;--transition-normal:200ms;--transition-slow:300ms;--ease-default:ease;--ease-in:ease-in;--ease-out:ease-out;--ease-in-out:ease-in-out}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:#eef0f3;font-family:var(--font-sans);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.hf{width:360px;height:780px;font-family:var(--font-sans);font-size:var(--font-size-sm);line-height:var(--line-height-normal);position:relative;overflow:hidden;flex-direction:column;border-radius:12px;border:1px solid var(--color-border-light);box-shadow:var(--shadow-lg)}.hf,.hf-status{background:var(--color-bg-primary);color:var(--color-text-primary);display:flex}.hf-status{height:28px;justify-content:space-between;align-items:center;padding:0 18px;font-size:11px;font-weight:var(--font-weight-semibold);flex-shrink:0}.hf-status .ind{display:inline-flex;gap:4px;align-items:center}.hf-status .ind .dot{width:4px;height:4px;border-radius:999px;background:var(--color-text-primary)}.hf-status .batt{width:22px;height:11px;border:1.2px solid var(--color-text-primary);border-radius:3px;position:relative;display:inline-block}.hf-status .batt:after{right:-3px;top:3px;width:2px;height:4px;border-radius:0 1px 1px 0}.hf-status .batt:after,.hf-status .batt:before{content:"";position:absolute;background:var(--color-text-primary)}.hf-status .batt:before{left:1px;top:1px;bottom:1px;width:75%;border-radius:1px}.hf-appbar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--color-bg-primary);flex-shrink:0}.hf-appbar .logo{font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);font-size:13px;color:var(--color-text-primary)}.hf-appbar .logo .dot{display:inline-block;width:6px;height:6px;background:var(--color-accent-primary);border-radius:999px;margin-right:6px;vertical-align:middle}.hf-appbar .icon-btn{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);background:transparent;border:0;cursor:pointer}.hf-appbar .icon-btn:hover{background:var(--color-bg-tertiary)}.hf-appbar-back-group{display:inline-flex;align-items:center;gap:8px;min-width:0}.hf-appbar-title{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);min-width:0}.hf-icon-button{border:0;background:transparent;padding:0;color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.hf-body{flex:1 1;overflow-y:auto;padding:8px 20px 20px;display:flex;flex-direction:column;gap:16px;background:var(--color-bg-primary)}.hf-body::-webkit-scrollbar{width:0}.hf-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hf-stat{background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-card);padding:14px 14px 12px;display:flex;flex-direction:column;gap:6px}.hf-stat .head{display:flex;align-items:center;justify-content:space-between}.hf-stat .label{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.hf-stat .emoji{font-size:14px;line-height:1}.hf-stat .row{display:flex;align-items:baseline;gap:6px}.hf-stat .num{font-size:28px;font-weight:var(--font-weight-bold);letter-spacing:-.5px;color:var(--color-text-primary);line-height:1}.hf-stat .unit{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.hf-stat .delta{font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-accent-success)}.hf-goal{background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-card);padding:18px;display:flex;flex-direction:column;gap:14px}.hf-goal .head{justify-content:space-between}.hf-goal .head,.hf-goal .title{display:flex;align-items:center}.hf-goal .title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);gap:6px}.hf-goal .count{font-family:var(--font-mono);font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.hf-goal .count .done{color:var(--color-accent-primary)}.hf-goal .count.success .done{color:var(--color-accent-success)}.hf-progress{height:8px;width:100%;background:var(--color-progress-track);overflow:hidden}.hf-progress,.hf-progress .fill{border-radius:var(--radius-full)}.hf-progress .fill{height:100%;background:var(--color-progress-fill);transition:width var(--transition-slow) var(--ease-out)}.hf-progress .fill.success{background:var(--color-progress-fill-success)}.hf-goal .meta{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.hf-goal .meta p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal);flex:1 1}.hf-adjust{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--color-border-medium);background:var(--color-bg-secondary);color:var(--color-text-primary);padding:5px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-medium);flex-shrink:0;cursor:pointer}.hf-adjust.disabled,.hf-adjust:hover{background:var(--color-bg-tertiary)}.hf-adjust.disabled{color:var(--color-text-tertiary);border-color:var(--color-border-light);cursor:not-allowed;text-decoration:line-through}.hf-btn{width:100%;border:0;border-radius:var(--radius-lg);padding:16px;font-family:var(--font-sans);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background-color var(--transition-normal) var(--ease-default),transform var(--transition-fast) var(--ease-default);letter-spacing:-.2px;flex-shrink:0}.hf-btn.primary{background:var(--color-accent-primary);color:var(--color-text-inverse);box-shadow:0 2px 6px rgba(34,139,230,.25)}.hf-btn.primary:hover{background:var(--color-accent-primary-hover)}.hf-btn.primary:active{transform:scale(.99)}.hf-btn.success{background:var(--color-accent-success-light);color:var(--color-accent-success);font-weight:var(--font-weight-semibold)}.hf-btn.disabled,.hf-btn:disabled{background:var(--color-bg-tertiary);color:var(--color-text-tertiary);cursor:not-allowed;box-shadow:none}.hf-btn:disabled{transform:none}.hf-btn.ghost{background:transparent;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);padding:12px;font-size:var(--font-size-sm)}.hf-btn.ghost:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.hf-btn.sm{padding:10px 14px;font-size:var(--font-size-sm);width:auto;align-self:flex-start}.hf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hf-bookmark-button{width:32px;height:32px;border-radius:var(--radius-full);border:1px solid var(--color-border-light);background:var(--color-bg-secondary);color:var(--color-text-tertiary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-sans);font-size:17px;line-height:1;cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color var(--transition-normal) var(--ease-default),border-color var(--transition-normal) var(--ease-default),color var(--transition-normal) var(--ease-default),transform var(--transition-fast) var(--ease-default)}.hf-bookmark-button:hover:not(:disabled){background:var(--color-accent-primary-light);color:var(--color-accent-warning);transform:translateY(-1px)}.hf-bookmark-button.is-saved{border-color:color-mix(in srgb,var(--color-accent-warning) 42%,var(--color-border-light));background:color-mix(in srgb,var(--color-accent-warning) 14%,var(--color-bg-secondary));color:var(--color-accent-warning)}.hf-bookmark-button:disabled{cursor:default;opacity:.72;transform:none}.hf-subnote{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:center;margin:0}.hf-section-h{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight);margin:4px 0 0}.hf-rec{background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-card);padding:16px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:box-shadow var(--transition-normal) var(--ease-default);color:inherit;text-decoration:none}.hf-rec:hover{box-shadow:var(--shadow-card-hover)}.hf-chip{display:inline-flex;align-items:center;gap:4px;background:var(--color-accent-primary-light);color:var(--color-accent-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:4px 10px;border-radius:var(--radius-full);align-self:flex-start}.hf-chip.success{background:var(--color-accent-success-light);color:var(--color-accent-success)}.hf-reminder-banner{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:16px;display:flex;flex-direction:column;gap:14px}.hf-reminder-banner__copy{display:flex;flex-direction:column;gap:8px}.hf-reminder-banner h2{margin:0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.hf-reminder-banner p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.hf-reminder-banner__message{color:var(--color-accent-error)!important;font-size:var(--font-size-xs)!important}.hf-reminder-banner__actions{display:flex;gap:8px}.hf-reminder-banner__actions .hf-btn{flex:1 1;align-self:stretch}.hf-rec .title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary);line-height:1.3}.hf-rec .sub{display:flex;gap:8px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.hf-rec .sub .dot{color:var(--color-border-medium)}.hf-rec-schema{border-radius:var(--radius-md)}.hf-rec-schema,.hf-rec-schema .hf-visual-schema-svg{min-height:104px}.hf-schema{height:88px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-accent-primary-light) 0,#f1f3f9 100%);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.hf-schema .label{position:absolute;bottom:6px;left:8px;font-family:var(--font-mono);font-size:9px;color:var(--color-text-tertiary);letter-spacing:.4px}.hf-schema .scene{display:flex;align-items:center;gap:22px}.hf-schema .scene .pt{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-accent-primary)}.hf-schema .scene .pt .mark{width:14px;height:14px;background:var(--color-accent-primary);border-radius:999px;box-shadow:0 0 0 4px rgba(34,139,230,.12)}.hf-schema .scene .pt.on .mark{border-radius:2px;width:22px;height:6px}.hf-schema .scene .pt.in .mark{background:transparent;border:2px solid var(--color-accent-primary);width:22px;height:22px;border-radius:6px;position:relative}.hf-schema .scene .pt.in .mark:after{content:"";width:6px;height:6px;border-radius:999px;background:var(--color-accent-primary);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hf-library{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:14px;width:100%;font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;text-decoration:none}.hf-library:hover{color:var(--color-text-primary)}.hf-focus,.hf-library:hover{background:var(--color-bg-secondary)}.hf-focus{border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-card);padding:16px;display:flex;flex-direction:column;gap:8px}.hf-focus .title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}.hf-focus .desc{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0}.hf-focus .btn-row{margin-top:4px}.hf-tabbar{height:64px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light);flex-shrink:0}.hf-tabbar .tab{flex-direction:column;gap:4px;font-size:10px;font-weight:var(--font-weight-medium);cursor:pointer}.hf-tabbar .tab,.hf-tabbar .tab .icon{display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.hf-tabbar .tab .icon{width:22px;height:22px}.hf-tabbar .tab.active{font-weight:var(--font-weight-semibold)}.hf-tabbar .tab.active,.hf-tabbar .tab.active .icon{color:var(--color-accent-primary)}.hf-goal.is-done{background:var(--color-accent-success-light);border-color:#d3f0d5}.hf-goal.is-done .count,.hf-goal.is-done .title{color:#2b7a3a}.hf-hero{display:flex;flex-direction:column;gap:6px}.hf-hero .eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;color:var(--color-text-tertiary)}.hf-hero h1{font-size:22px;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);margin:0;line-height:1.3}.hf-hero p{margin:4px 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.hf-keyvis{width:100%;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-accent-primary-light) 0,#eef4fd 60%,#ffffff 100%);border:1px dashed #c7dffb;display:flex;align-items:center;justify-content:center;padding:18px;position:relative;overflow:hidden}.keyvis-label{position:absolute!important;bottom:10px!important;left:12px!important;font-family:var(--font-mono);font-size:9px;color:var(--color-text-tertiary);letter-spacing:.4px;line-height:1.4;text-align:left}.hf-keyvis .schema-row{display:flex;align-items:center;gap:20px}.hf-keyvis .schema-row .item{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-accent-primary)}.hf-keyvis .schema-row .item .glyph{width:28px;height:28px;border-radius:999px;background:var(--color-accent-primary);box-shadow:0 0 0 6px rgba(34,139,230,.12)}.hf-keyvis .schema-row .item.on .glyph{width:36px;height:8px;border-radius:4px}.hf-keyvis .schema-row .item.in .glyph{background:transparent;border:3px solid var(--color-accent-primary);width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center}.hf-keyvis .schema-row .item.in .glyph:after{content:"";width:8px;height:8px;border-radius:999px;background:var(--color-accent-primary)}.hf-visual-schema{width:100%;min-height:140px;margin:0;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-bg-secondary) 0,var(--color-bg-tertiary) 100%);border:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hf-visual-schema-svg{width:100%;height:100%;min-height:140px;display:block}.hf-visual-schema-svg .schema-bg{fill:transparent}.hf-visual-schema-svg .schema-label{fill:var(--color-text-primary);font-family:var(--font-mono);font-size:9px;font-weight:var(--font-weight-semibold)}.hf-visual-schema-svg .schema-label-muted{fill:var(--color-text-tertiary);font-size:8px}.hf-visual-schema.is-supplementary-hidden .schema-label-muted{display:none}.hf-visual-schema-caption{position:absolute;left:10px;right:10px;bottom:8px;color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:9px;font-weight:var(--font-weight-medium);line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hf-visual-schema-caption span{color:var(--color-accent-primary);font-weight:var(--font-weight-bold)}.hf-visual-schema.is-fallback{min-height:140px}.hf-visual-schema-fallback{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--color-text-tertiary);font-family:var(--font-mono);font-size:10px;font-weight:var(--font-weight-semibold)}.hf-schema-lg{width:100%;height:140px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#f6f7fb,#eef4fd);border:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hf-schema-lg .tag{position:absolute;bottom:8px;left:10px;font-family:var(--font-mono);font-size:9.5px;color:var(--color-text-tertiary);letter-spacing:.4px}.hf-schema-lg .arrow-up{width:80px;height:80px;border:3px solid var(--color-accent-primary);border-radius:999px;position:relative;display:flex;align-items:flex-end;justify-content:center}.hf-schema-lg .arrow-up:before{content:"";position:absolute;width:3px;height:50px;background:var(--color-accent-primary);top:12px;left:50%;transform:translateX(-50%)}.hf-schema-lg .arrow-up:after{content:"";position:absolute;top:6px;left:50%;width:14px;height:14px;border-top:3px solid var(--color-accent-primary);border-right:3px solid var(--color-accent-primary);transform:translate(-50%) rotate(-45deg);transform-origin:center}.hf-schema-lg .container-out{display:flex;align-items:center;gap:10px}.hf-schema-lg .container-out .box{width:60px;height:60px;border:3px solid var(--color-text-secondary);border-radius:6px;position:relative}.hf-schema-lg .container-out .arrow{width:36px;height:6px;background:var(--color-accent-primary);position:relative}.hf-schema-lg .container-out .arrow:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%) rotate(45deg);width:14px;height:14px;border-top:3px solid var(--color-accent-primary);border-right:3px solid var(--color-accent-primary)}.hf-schema-lg .container-out .ball{width:18px;height:18px;background:var(--color-accent-primary);border-radius:999px}.hf-field{display:flex;flex-direction:column;gap:6px}.hf-field .label{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.hf-field .label .link{font-size:11px;text-transform:none;color:var(--color-accent-primary);font-weight:var(--font-weight-medium);letter-spacing:0;text-decoration:none;cursor:pointer}.hf-input{display:flex;align-items:center;gap:8px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:12px 14px;font-size:var(--font-size-sm);width:100%;box-sizing:border-box}.hf-input,.hf-input .icon{color:var(--color-text-tertiary)}.hf-input .icon{display:inline-flex}.hf-input.placeholder{color:var(--color-text-tertiary)}.hf-input.filled{color:var(--color-text-primary)}.hf-input-with-action{justify-content:space-between}.hf-input-row{display:flex;align-items:center;gap:8px;width:100%}.hf-input-control{background:transparent;border:0;outline:0;width:100%;color:var(--color-text-primary);font:inherit}.hf-auth-field-error{color:var(--color-accent-error);font-size:11px}.hf-auth-hint{display:flex;flex-direction:column;gap:6px}.hf-auth-hint-link{color:var(--color-accent-primary);font-weight:var(--font-weight-bold);text-decoration:none}.hf-consent{display:flex;align-items:flex-start;gap:10px;padding:4px 0}.hf-consent .check{width:20px;height:20px;border-radius:var(--radius-sm);border:1.5px solid var(--color-border-medium);display:inline-flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);flex-shrink:0;margin-top:1px}.hf-consent.checked .check{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.hf-consent .body{display:flex;flex-direction:column;gap:2px;flex:1 1}.hf-consent .body .ttl{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.hf-consent .body .sub{font-size:11px;color:var(--color-text-tertiary)}.hf-consent .body .sub .link{color:var(--color-accent-primary);cursor:pointer}.hf-pill{display:inline-flex;align-items:center;gap:6px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);color:var(--color-text-primary);padding:8px 14px;border-radius:var(--radius-full);font-size:13px;font-weight:var(--font-weight-medium);cursor:pointer}.hf-pill.selected{background:var(--color-accent-primary);color:var(--color-text-inverse);border-color:var(--color-accent-primary)}.hf-pill.compact{padding:6px 12px;font-size:12px}.hf-pickcard{background:var(--color-bg-secondary);border:1.5px solid var(--color-border-light);border-radius:var(--radius-xl);padding:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;transition:border-color var(--transition-fast) var(--ease-default)}.hf-pickcard.selected{border-color:var(--color-accent-primary);background:var(--color-accent-primary-light)}.hf-pickcard .body{display:flex;flex-direction:column;gap:2px}.hf-pickcard .body .ttl{font-size:14px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.hf-pickcard .body .sub{font-size:11px;color:var(--color-text-secondary)}.hf-pickcard .check{width:22px;height:22px;border-radius:999px;border:1.5px solid var(--color-border-medium);background:var(--color-bg-secondary);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);flex-shrink:0}.hf-pickcard.selected .check{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.hf-step-track{height:4px;width:100%;background:var(--color-progress-track);border-radius:var(--radius-full);overflow:hidden}.hf-step-track .fill{height:100%;background:var(--color-accent-primary);border-radius:var(--radius-full)}.hf-link{color:var(--color-accent-primary);text-decoration:none;font-weight:var(--font-weight-semibold);cursor:pointer}.hf-link.muted{color:var(--color-text-secondary)}.hf-link.danger{color:var(--color-accent-error)}.hf-benefit{display:flex;align-items:flex-start;gap:10px;padding:4px 0}.hf-benefit .check{width:18px;height:18px;border-radius:999px;background:var(--color-accent-success-light);color:var(--color-accent-success);display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--font-weight-bold);flex-shrink:0;margin-top:1px}.hf-benefit p{margin:0;font-size:13px;color:var(--color-text-primary)}.hf-tutor-guide-stack{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;flex-shrink:0}.hf-tutor-guide-stack .item{width:100%;padding:8px 12px;display:flex;flex-direction:column;gap:2px;text-align:left;font-family:inherit;background:transparent;border:0;border-bottom:1px solid var(--color-border-light);cursor:pointer;transition:background var(--transition-fast) var(--ease-default)}.hf-tutor-guide-stack .item:last-child{border-bottom:0}.hf-tutor-guide-stack .item:hover{background:var(--color-bg-primary)}.hf-tutor-guide-stack .item:active{background:var(--color-bg-tertiary)}.hf-tutor-guide-stack .item .meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.hf-tutor-guide-stack .item .tag{font-size:9px;font-weight:var(--font-weight-bold);color:var(--color-accent-primary);background:var(--color-accent-primary-light);padding:1.5px 5px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.4px}.hf-tutor-guide-stack .item .text{font-size:12px;font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-top:1px}.hf-tutor-guide-stack .item .desc{font-size:10px;line-height:var(--line-height-normal);color:var(--color-text-secondary)}.hf-composer{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;flex-shrink:0}.hf-composer .body{min-height:150px;padding:14px;font-size:13px;color:var(--color-text-tertiary);line-height:var(--line-height-relaxed)}.hf-composer .foot{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-top:1px solid var(--color-border-light);background:var(--color-bg-primary);font-size:11px;color:var(--color-text-tertiary)}.hf-composer.invalid{border-color:var(--color-accent-error)}.hf-composer.shake{animation:hf-shake .3s ease-in-out}.hf-composer textarea{width:100%;min-height:120px;border:0;outline:0;resize:none;background:transparent;font-family:inherit;font-size:13px;color:var(--color-text-primary);line-height:var(--line-height-relaxed);padding:0;margin:0}.hf-composer .textarea-wrap{position:relative;padding:14px 38px 14px 14px}.hf-clear-button{position:absolute;top:14px;right:14px;width:22px;height:22px;border:0;border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:pointer}.hf-tutor-guide-container{margin-top:24px;border-top:1px solid var(--color-border-light);padding-top:16px;display:flex;flex-direction:column;gap:12px;flex-shrink:0}.hf-tutor-guide-label{font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.hf-tutor-hint{text-align:center;font-size:11px;color:var(--color-text-tertiary);margin:0;line-height:var(--line-height-relaxed)}.hf-tutor-hint.error{color:var(--color-accent-error)}.hf-stream-status{display:flex;align-items:center;justify-content:center;gap:8px;padding:2px 0}.hf-stream-status p{margin:0;font-size:12px;color:var(--color-text-secondary);text-align:center;line-height:var(--line-height-relaxed)}.hf-skel-title{width:160px;height:14px}.hf-skel-pill{width:50px;height:22px;border-radius:var(--radius-full)}.hf-skel-label{width:100px;height:10px}.hf-skel-line{height:14px}.hf-skel-line.short{width:70%}.hf-fallback-preview{opacity:.35;pointer-events:none}.hf-recap{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:12px 14px;display:flex;flex-direction:column;gap:6px}.hf-recap .label{font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);color:var(--color-text-tertiary);text-transform:uppercase}.hf-recap p{margin:0;font-size:13px;color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.hf-fbcard{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.hf-fbcard .head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--color-border-light)}.hf-fbcard .head.action-only{justify-content:flex-end}.hf-fbcard .head .tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--color-accent-primary);font-weight:var(--font-weight-semibold)}.hf-fbcard .head .tag .dot{width:6px;height:6px;border-radius:999px;background:var(--color-accent-primary);animation:hf-pulse 1.4s ease-in-out infinite}.hf-fbcard .star{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background:var(--color-bg-tertiary);padding:4px 10px;border-radius:var(--radius-full);border:0;cursor:pointer}.hf-fbsec{padding:14px 16px;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid var(--color-border-light)}.hf-fbsec:last-child{border-bottom:0}.hf-fbsec .label{font-size:10px;letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary)}.hf-fbsec .reco{font-size:18px;font-weight:var(--font-weight-bold);letter-spacing:-.3px;color:var(--color-text-primary)}.hf-fbsec .ko{font-size:12px;color:var(--color-text-secondary)}.hf-fbsec p{margin:0;font-size:13px;color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.hf-diagnosis-label{display:block;margin-bottom:2px;font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.hf-fbsec .diffbox{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:4px;margin-top:4px}.hf-fbsec .diffbox .row{font-size:13px}.hf-fbsec .diffbox .row.bad{color:var(--color-text-tertiary);text-decoration:line-through}.hf-fbsec .diffbox .row.good{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.hf-fbsec .diffbox .row.good u{text-decoration-color:var(--color-accent-primary);text-underline-offset:2px}.hf-fbsec .diffbox .note{font-size:11px;color:var(--color-text-tertiary);margin-top:4px}.hf-correction-stack{display:flex;flex-direction:column;gap:10px}.hf-correction-group{display:flex;flex-direction:column;gap:6px}.hf-correction-group-head{background:var(--color-bg-secondary);border-left:3px solid var(--color-accent-primary);border-radius:var(--radius-sm);padding:8px 10px}.hf-correction-group-head span{display:block;font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.hf-correction-group-head p{margin-top:2px;font-size:11px;color:var(--color-text-secondary)}.hf-reco-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.hf-reco-slim-card{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:12px 14px;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.hf-reco-slim-card:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-medium)}.hf-reco-slim-card:active{transform:scale(.99)}.hf-reco-slim-card .main{display:flex;flex-direction:column;gap:2px;min-width:0}.hf-reco-slim-card .english{font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-accent-primary);overflow-wrap:anywhere}.hf-reco-slim-card .meaning{font-size:12px;color:var(--color-text-secondary)}.hf-reco-slim-card .context{margin-top:4px;font-size:11px;line-height:var(--line-height-relaxed);color:var(--color-text-tertiary)}.hf-reco-label{display:inline-block;margin-right:6px;font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.hf-reco-slim-card .action{font-size:12px;color:var(--color-accent-primary);font-weight:var(--font-weight-bold);flex-shrink:0}.hf-reco-static-row{cursor:default;transition:none}.hf-reco-static-row:hover{border-color:var(--color-border-light);background:var(--color-bg-secondary)}.hf-reco-static-row:active{transform:none}.hf-thinking-links{display:flex;flex-direction:column;gap:8px}.hf-thinking-chip{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:var(--color-bg-secondary);color:inherit;text-decoration:none}.hf-thinking-button{font:inherit;cursor:pointer}.hf-thinking-chip:hover{border-color:var(--color-border-medium);background:var(--color-bg-tertiary)}.hf-thinking-chip .ttl{font-size:12px;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.hf-thinking-chip .sub{font-size:11px;line-height:var(--line-height-normal);color:var(--color-text-secondary)}.hf-thinking-chip .action{margin-top:2px;font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-accent-primary)}.hf-tutor-shell{position:relative;overflow:hidden}.hf-fbcard .star.saved{color:var(--color-accent-warning)}.hf-fbcard .star[disabled]{opacity:.65;cursor:wait}.hf-toast{position:absolute;left:16px;right:16px;bottom:74px;z-index:2000;background:var(--color-bg-inverse);color:var(--color-text-inverse);padding:12px 16px;border-radius:var(--radius-md);font-size:12px;font-weight:var(--font-weight-medium);text-align:center;box-shadow:var(--shadow-lg);animation:hf-fade-in .2s ease-in-out}.hf-dimmed-overlay{position:absolute;inset:0;z-index:1000;border:0;padding:0;background:color-mix(in srgb,var(--color-bg-inverse) 42%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:hf-fade-in .2s ease-out;cursor:pointer}.hf-expression-sheet{position:absolute;left:0;right:0;bottom:0;z-index:1001;max-height:80%;overflow-y:auto;background:var(--color-bg-primary);border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:16px 16px 32px;animation:hf-slide-up .3s cubic-bezier(.16,1,.3,1)}.hf-expression-sheet .handle{width:40px;height:4px;border-radius:var(--radius-full);background:var(--color-border-light);margin:0 auto 16px}.hf-expression-sheet .sheet-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px}.hf-expression-sheet .sheet-head>div{min-width:0}.hf-expression-sheet .hf-bookmark-button{margin-top:2px}.hf-expression-sheet .star{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background:var(--color-bg-tertiary);border:0;padding:4px 10px;border-radius:var(--radius-full);cursor:pointer}.hf-expression-sheet .star.saved{color:var(--color-accent-warning)}.hf-expression-sheet .star[disabled]{opacity:.65;cursor:wait}.hf-expression-sheet h2{margin:0;font-size:18px;line-height:var(--line-height-tight)}.hf-expression-sheet .sheet-stack{display:flex;flex-direction:column;gap:14px}.hf-expression-sheet .sheet-label{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);margin-bottom:4px}.hf-expression-sheet p{margin:0;font-size:13px;color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.hf-related-reason{font-size:11px;line-height:var(--line-height-normal);color:var(--color-text-tertiary)}.hf-tutor-related-sheet .hf-btn{margin-top:16px}.hf-storage-expression-sheet,.hf-storage-result-sheet{padding-bottom:28px;display:flex;flex-direction:column;gap:var(--spacing-3);overflow:hidden}.hf-storage-expression-sheet .handle,.hf-storage-result-sheet .handle{flex:0 0 4px;margin-bottom:var(--spacing-0)}.hf-storage-expression-sheet .hf-sheet-toolbar,.hf-storage-result-sheet .hf-sheet-toolbar{display:flex;align-items:center;flex:0 0 var(--spacing-12)}.hf-expression-sheet.hf-storage-expression-sheet .hf-expression-detail-card,.hf-expression-sheet.hf-storage-expression-sheet .hf-session-card-scroll{flex:1 1 auto;min-height:0}.hf-expression-sheet.hf-storage-result-sheet .hf-storage-result-card{flex:1 1 auto;min-height:0;overflow-y:auto}.hf-expression-sheet.hf-storage-result-sheet .hf-storage-result-card::-webkit-scrollbar{width:0}.hf-storage-result-sheet h2{margin-bottom:14px}.hf-storage-result-card{margin-top:12px}.hf-example-list{display:flex;flex-direction:column;gap:8px}.hf-example-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:10px 12px}.hf-example-card .en{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.hf-example-card .ko{font-size:11px;color:var(--color-text-tertiary);margin-top:2px}.hf-schema-token{width:54px;height:54px;border:2px solid var(--color-accent-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-accent-primary);font-weight:var(--font-weight-bold)}@keyframes hf-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes hf-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes hf-fade-in{0%{opacity:0}to{opacity:1}}.hf-nudge{background:var(--color-accent-primary-light);border-radius:var(--radius-lg);border:0;padding:12px 14px;width:100%;font-family:var(--font-sans);display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left;cursor:pointer}.hf-nudge .body{display:flex;flex-direction:column;gap:2px;min-width:0}.hf-nudge .body .ttl{font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-accent-primary)}.hf-nudge .body .sub{font-size:11px;color:var(--color-accent-primary);opacity:.85}.hf-nudge .arrow{color:var(--color-accent-primary);font-weight:var(--font-weight-bold);flex-shrink:0;white-space:nowrap}.hf-nudge-link{text-decoration:none}.hf-skel{background:linear-gradient(90deg,#eef0f3,#f6f7fb 50%,#eef0f3);background-size:200% 100%;animation:hf-skel 1.4s linear infinite;border-radius:6px}@keyframes hf-skel{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes hf-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.75)}}.hf-loading-dots{display:inline-flex;gap:4px;align-items:center}.hf-loading-dots .d{width:6px;height:6px;background:var(--color-accent-primary);border-radius:999px;animation:hf-pulse 1.2s ease-in-out infinite}.hf-loading-dots .d:nth-child(2){animation-delay:.2s}.hf-loading-dots .d:nth-child(3){animation-delay:.4s}.hf-modal-wrap{position:absolute;inset:0;background:rgba(20,20,20,.55);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:5}.hf-modal{width:100%;max-width:320px;background:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:22px;box-shadow:var(--shadow-xl);text-align:center;display:flex;flex-direction:column;gap:10px}.hf-modal .emoji{font-size:36px;line-height:1}.hf-modal h2{margin:4px 0 0;font-size:17px;font-weight:var(--font-weight-bold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}.hf-modal .body p{margin:0;font-size:13px;color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.hf-modal .listing{text-align:left;background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:12px;display:flex;flex-direction:column;gap:6px;margin-top:4px}.hf-modal .listing .row{font-size:12px;color:var(--color-text-primary);display:flex;gap:6px}.hf-modal .listing .row:before{content:"·";color:var(--color-text-tertiary)}.hf-modal .actions{display:flex;flex-direction:column;gap:8px;margin-top:8px}.hf-btn.danger{background:var(--color-accent-error);color:#fff}.hf-btn.danger:hover{background:#e64545}.hf-btn.danger:disabled,.hf-btn.danger:disabled:hover{background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.hf-sheet-wrap{position:absolute;inset:0;background:rgba(20,20,20,.45);display:flex;align-items:flex-end;justify-content:center;z-index:5}.hf-sheet{width:100%;background:var(--color-bg-secondary);border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl);padding:14px 20px 22px;box-shadow:0 -12px 32px rgba(0,0,0,.2);display:flex;flex-direction:column;gap:14px}.hf-sheet .handle{width:40px;height:4px;background:var(--color-border-medium);border-radius:999px;margin:2px auto 6px}.hf-sheet .head{display:flex;align-items:center;justify-content:space-between}.hf-sheet .head h2{margin:0;font-size:17px;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.hf-sheet .head .x{width:28px;height:28px;border-radius:999px;background:var(--color-bg-tertiary);border:0;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-secondary);font-size:14px;cursor:pointer}.hf-sheet .sub{font-size:12px;color:var(--color-text-tertiary);margin-top:-8px}.hf-slider{display:flex;flex-direction:column;gap:8px}.hf-slider .row{display:flex;align-items:center;justify-content:space-between}.hf-slider .row .label{font-size:14px;font-weight:var(--font-weight-medium)}.hf-slider .row .val{font-family:var(--font-mono);font-size:14px;font-weight:var(--font-weight-bold);color:var(--color-accent-primary)}.hf-slider .track{position:relative;height:8px;background:var(--color-progress-track);border-radius:999px}.hf-slider .track input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.hf-slider .track .fill{position:absolute;inset:0 auto 0 0;width:var(--hf-slider-percent,0);background:var(--color-accent-primary);border-radius:999px}.hf-slider .track .thumb{position:absolute;left:var(--hf-slider-percent,0);top:50%;width:20px;height:20px;background:var(--color-bg-secondary);border:2.5px solid var(--color-accent-primary);border-radius:999px;transform:translate(-50%,-50%);box-shadow:var(--shadow-md)}.hf-slider .scale{display:flex;justify-content:space-between;font-size:11px;color:var(--color-text-tertiary)}.hf-slider .split-track{position:relative;height:14px;background:var(--color-bg-tertiary);border-radius:999px;overflow:hidden}.hf-slider .split-track .left{position:absolute;inset:0;background:var(--color-accent-primary);border-radius:999px 0 0 999px}.hf-slider .split-track .thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;background:var(--color-bg-secondary);border:2.5px solid var(--color-accent-primary);border-radius:999px;box-shadow:var(--shadow-md)}.hf-range-input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.hf-note{background:var(--color-accent-primary-light);color:var(--color-accent-primary);padding:10px 12px;border-radius:var(--radius-md);font-size:12px;line-height:var(--line-height-relaxed)}.hf-sessionbar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-light)}.hf-sessionbar .x{width:32px;height:32px;border-radius:999px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-secondary);flex-shrink:0;cursor:pointer}.hf-sessionbar .info{flex:1 1;display:flex;flex-direction:column;gap:6px}.hf-sessionbar .info .meta{display:flex;justify-content:space-between;font-size:11px;color:var(--color-text-secondary)}.hf-flashcard{background:var(--color-bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--color-border-light);box-shadow:var(--shadow-card);padding:24px;display:flex;flex-direction:column;flex:1 1;min-height:380px}.hf-flashcard.front{justify-content:space-between;align-items:stretch;text-align:center}.hf-flashcard .target{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:28px}.hf-flashcard .target .label{font-size:10px;letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-text-tertiary);font-weight:var(--font-weight-semibold)}.hf-flashcard .target .word{font-size:40px;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);color:var(--color-text-primary);margin:4px 0}.hf-flashcard .target .word.is-review{font-size:var(--font-size-2xl)}.hf-flashcard .target .hint{font-size:12px;color:var(--color-text-secondary)}.hf-session-loading-body{justify-content:center;text-align:center}.hf-session-loading-card{align-items:center;justify-content:center;min-height:360px;gap:var(--spacing-3)}.hf-session-loading-progress{position:relative;width:min(220px,100%);height:6px;margin-top:var(--spacing-2);overflow:hidden;border-radius:999px;background:var(--color-progress-track)}.hf-session-loading-progress span{position:absolute;inset:0 auto 0 0;width:44%;border-radius:inherit;background:var(--color-progress-fill);animation:hf-session-loading-sweep 1.15s ease-in-out infinite}.hf-session-loading-card h1{margin:var(--spacing-1) var(--spacing-0) var(--spacing-0);font-size:var(--font-size-xl);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-normal)}.hf-session-loading-card p{margin:var(--spacing-0);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}@keyframes hf-session-loading-sweep{0%{transform:translateX(-120%)}50%{transform:translateX(70%)}to{transform:translateX(260%)}}@media (prefers-reduced-motion:reduce){.hf-session-loading-progress span{animation:none;width:100%}}.hf-body.hf-session-body{min-height:0;overflow:hidden;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-5) var(--spacing-4)}.hf-session-kind{align-self:flex-start;border-color:transparent;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);font-size:11px;font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);cursor:default}.hf-session-kind-dot{width:8px;height:8px;border-radius:var(--radius-full);background:currentColor;flex-shrink:0}.hf-session-kind.is-new{background:var(--color-accent-primary-light);color:var(--color-accent-primary)}.hf-session-kind.is-review{background:var(--color-accent-success-light);color:var(--color-accent-success)}.hf-session-card-front{position:relative;min-height:0}.hf-session-card-front .target .word{line-height:var(--line-height-tight);overflow-wrap:anywhere}.hf-flipcue{position:absolute;right:var(--spacing-4);bottom:var(--spacing-4);width:calc(var(--spacing-6) + var(--spacing-2));height:calc(var(--spacing-6) + var(--spacing-2));border-radius:var(--radius-full);border:1px solid var(--color-border-medium);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;background:var(--color-bg-primary)}.hf-session-back-view{flex:1 1;min-height:0;display:flex;flex-direction:column;gap:var(--spacing-2)}.hf-session-card-back{flex:1 1;min-height:0;padding:var(--spacing-0);overflow:hidden}.hf-session-back-view.is-text-only-visual .hf-session-card-back{flex:0 1 auto}.hf-session-back-view.is-text-only-visual .hf-session-actions{margin-top:auto}.hf-session-card-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;padding:var(--spacing-2) var(--spacing-4) var(--spacing-3);display:flex;flex-direction:column;gap:var(--spacing-2)}.hf-session-card-scroll::-webkit-scrollbar{width:0}.hf-session-card-back .back-head,.hf-session-disclosures,.hf-session-rootimg,.hf-session-schema-wrap,.hf-structure-block{flex-shrink:0}.hf-session-schema{height:140px;min-height:140px;background:var(--color-accent-primary-light);border-color:var(--color-border-light)}.hf-session-schema .hf-visual-schema-svg{min-height:140px}.hf-session-schema .hf-visual-schema-caption{color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-normal);text-align:center}.hf-session-card-back .back-head{padding-bottom:var(--spacing-2)}.hf-session-card-back .back-head h2{letter-spacing:var(--letter-spacing-normal);overflow-wrap:anywhere}.hf-session-card-back.is-text-only-visual .hf-session-card-scroll{gap:var(--spacing-2);padding-top:var(--spacing-4)}.hf-session-card-back.is-text-only-visual .back-head{padding-top:var(--spacing-1)}.hf-session-card-back.is-text-only-visual .hf-session-rootimg{padding:var(--spacing-2) 0}.hf-session-rootimg{padding:var(--spacing-3) 0;gap:var(--spacing-1)}.hf-session-rootimg p{line-height:var(--line-height-normal)}.hf-session-rootimg .muted{color:var(--color-text-secondary)}.hf-session-rootimg.hf-session-sentence{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--spacing-3)}.hf-structure-block{display:flex;flex-direction:column;gap:var(--spacing-2);padding:var(--spacing-2) 0;background:transparent;border:0;border-radius:0}.hf-structure-title{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide)}.hf-structure-block ul{display:flex;flex-direction:column;gap:var(--spacing-2);margin:var(--spacing-0);padding-left:var(--spacing-0);list-style:none}.hf-structure-block li{display:flex;flex-direction:column;gap:var(--spacing-1)}.hf-structure-item-title{color:var(--color-accent-primary);font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-normal);overflow-wrap:anywhere}.hf-structure-block p{margin:var(--spacing-0);color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed)}.hf-structure-block strong{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.hf-session-disclosures{display:flex;flex-direction:column;gap:var(--spacing-2)}.hf-session-disclosure{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);overflow:hidden}.hf-session-disclosure summary{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);cursor:pointer;list-style:none}.hf-session-disclosure summary::-webkit-details-marker{display:none}.hf-session-disclosure .caret{color:var(--color-text-tertiary);transition:transform var(--transition-fast) var(--ease-out)}.hf-session-disclosure[open] .caret{transform:rotate(180deg)}.hf-session-disclosure-panel{padding:var(--spacing-0) var(--spacing-4) var(--spacing-3);color:var(--color-text-primary);font-size:var(--font-size-sm)}.hf-session-disclosure-panel ul{margin:var(--spacing-0);padding-left:var(--spacing-5);line-height:var(--line-height-relaxed)}.hf-session-disclosure-panel .hf-session-examples{list-style:none;padding-left:var(--spacing-0);display:flex;flex-direction:column;gap:var(--spacing-2)}.hf-session-examples li{display:flex;flex-direction:column;gap:var(--spacing-1)}.hf-session-examples .context{color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.hf-session-examples .en{color:var(--color-text-primary);line-height:var(--line-height-normal)}.hf-session-examples .en.is-before{color:var(--color-text-tertiary);text-decoration:line-through}.hf-session-examples .ko{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.hf-native-insight,.hf-native-section{display:flex;flex-direction:column}.hf-native-section{gap:var(--spacing-2);padding:var(--spacing-3) 0;border-bottom:1px solid var(--color-border-light)}.hf-native-section:last-child{padding-bottom:var(--spacing-0);border-bottom:0}.hf-native-section:first-child{padding-top:var(--spacing-0)}.hf-native-section-head{display:flex;align-items:center;gap:var(--spacing-2)}.hf-native-section-index{display:inline-flex;align-items:center;justify-content:center;flex:0 0 var(--spacing-6);width:var(--spacing-6);height:var(--spacing-6);border-radius:var(--radius-full);background:var(--color-accent-primary-light);color:var(--color-accent-primary);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.hf-native-section h3{margin:var(--spacing-0);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal)}.hf-native-text{display:flex;flex-direction:column;gap:var(--spacing-2)}.hf-native-text p{margin:var(--spacing-0);color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.hf-native-piece-list{display:flex;flex-direction:column;gap:var(--spacing-3);margin:var(--spacing-0)}.hf-native-piece{display:flex;flex-direction:column;gap:var(--spacing-1)}.hf-native-piece dt{color:var(--color-accent-primary);font-family:var(--font-mono);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal)}.hf-native-piece dd{margin:var(--spacing-0);color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.hf-native-piece-list-structured{padding-top:var(--spacing-1);gap:var(--spacing-3)}.hf-native-piece-list-structured dd{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.hf-native-piece-list-structured dd strong{color:var(--color-text-primary);font-weight:var(--font-weight-bold)}.hf-selfcheck{display:flex;flex-direction:column;gap:var(--spacing-2)}.hf-related-empty,.hf-selfcheck-question p,.hf-selfcheck-result{margin:var(--spacing-0);line-height:var(--line-height-relaxed)}.hf-selfcheck-question{display:flex;flex-direction:column;gap:var(--spacing-1);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.hf-selfcheck-prompt{padding-inline-start:var(--spacing-4)}.hf-related-empty,.hf-selfcheck-result{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.hf-related-list,.hf-selfcheck-choices{display:flex;flex-direction:column;gap:var(--spacing-2)}.hf-related-card,.hf-selfcheck-choice{width:100%;min-width:0;border:1px solid var(--color-border-light);background:var(--color-bg-secondary);color:var(--color-text-primary);border-radius:var(--radius-md);font-family:var(--font-sans);text-align:left;cursor:pointer;transition:border-color var(--transition-fast) var(--ease-out),background var(--transition-fast) var(--ease-out),transform var(--transition-fast) var(--ease-out)}.hf-selfcheck-choice{display:flex;align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.hf-selfcheck-choice span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 var(--spacing-5);width:var(--spacing-5);height:var(--spacing-5);border-radius:var(--radius-full);background:var(--color-bg-primary);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.hf-related-card:hover,.hf-selfcheck-choice:hover{border-color:var(--color-border-medium);background:var(--color-bg-primary);transform:translateY(-1px)}.hf-selfcheck-choice.is-selected{border-color:var(--color-accent-primary)}.hf-selfcheck-choice.is-correct{border-color:var(--color-accent-success);background:color-mix(in srgb,var(--color-accent-success) 12%,var(--color-bg-primary))}.hf-selfcheck-choice.is-wrong{border-color:var(--color-accent-error);background:color-mix(in srgb,var(--color-accent-error) 10%,var(--color-bg-primary))}.hf-related-card{display:block;padding:var(--spacing-3)}.hf-related-main{min-width:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.hf-related-title{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);overflow-wrap:anywhere}.hf-related-meaning{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-normal);overflow-wrap:anywhere}.hf-session-expression-sheet{display:flex;flex-direction:column;gap:var(--spacing-3);overscroll-behavior:contain;touch-action:pan-y}.hf-session-expression-sheet .handle{position:sticky;top:var(--spacing-2);z-index:1;width:44px;height:5px;flex:0 0 5px;background:var(--color-border-medium);margin-bottom:var(--spacing-3)}.hf-session-expression-sheet .hf-sheet-toolbar{display:flex;justify-content:space-between;align-items:center;min-height:var(--spacing-12)}.hf-session-expression-sheet .hf-sheet-toolbar.is-close-only{justify-content:flex-end}.hf-sheet-icon{display:inline-flex;align-items:center;justify-content:center;width:var(--spacing-12);height:var(--spacing-12);border-radius:var(--radius-full);border:1px solid transparent;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:1;cursor:pointer;transition:background var(--transition-fast) var(--ease-out),border-color var(--transition-fast) var(--ease-out),color var(--transition-fast) var(--ease-out)}.hf-sheet-icon:hover{border-color:var(--color-border-light);background:var(--color-bg-secondary);color:var(--color-text-primary)}.hf-sheet-icon:focus-visible{outline:2px solid color-mix(in srgb,var(--color-accent-primary) 42%,var(--color-bg-secondary));outline-offset:2px}.hf-sheet-icon[disabled]{opacity:.35;cursor:default}.hf-sheet-close-icon{font-weight:var(--font-weight-medium)}.hf-card-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.hf-card-chip{display:inline-flex;align-items:center;min-height:var(--spacing-6);border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-secondary);padding:var(--spacing-1) var(--spacing-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.hf-session-expression-sheet .sheet-stack section{display:flex;flex-direction:column;gap:var(--spacing-2)}.hf-session-expression-sheet ul{margin:var(--spacing-0);padding-left:var(--spacing-5);color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.hf-sheet-error,.hf-sheet-muted,.hf-sheet-state{margin:var(--spacing-0);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed)}.hf-sheet-muted,.hf-sheet-state{color:var(--color-text-secondary)}.hf-sheet-error{color:var(--color-accent-error)}.hf-sheet-examples{list-style:none;padding-left:var(--spacing-0)}.hf-sheet-examples .context{color:var(--color-accent-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.hf-expression-sheet .hf-expression-detail-card{position:relative;flex:0 0 auto;min-height:540px}.hf-expression-sheet .hf-expression-detail-card.is-text-only-visual{min-height:420px}.hf-expression-sheet .hf-expression-detail-card .hf-session-card-scroll{padding-top:var(--spacing-8)}.hf-expression-sheet .hf-expression-detail-card.is-text-only-visual .hf-session-card-scroll{padding-top:var(--spacing-6)}.hf-expression-card-bookmark{position:absolute;top:var(--spacing-3);right:var(--spacing-3);z-index:2}.hf-expression-sheet .hf-expression-detail-card .hf-session-schema-wrap{margin-top:var(--spacing-1)}.hf-session-actions{flex-shrink:0;display:flex;flex-direction:column;gap:var(--spacing-1)}.hf-session-stuck{text-align:left;display:flex;flex-direction:column;gap:var(--spacing-2)}.hf-session-stuck .hf-btn{align-self:flex-start;margin-top:var(--spacing-0)}.hf-session-prompt{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.hf-session-help,.hf-session-prompt{text-align:center;margin:var(--spacing-0)}.hf-session-help{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.hf-session-body .hf-eval{flex-shrink:0;gap:6px}.hf-session-body .hf-eval .btn{min-width:0;min-height:56px;padding:var(--spacing-2);gap:2px;border-radius:var(--radius-md);justify-content:center;text-align:center}.hf-session-body .hf-eval .btn .ttl{font-size:12px;overflow-wrap:anywhere}.hf-session-body .hf-eval .btn .ttl,.hf-session-body .hf-eval .btn .when{display:block;width:100%;line-height:var(--line-height-tight);text-align:center}.hf-session-body .hf-eval .btn .when{font-size:10px}.hf-session-waiting{flex:1 1;min-height:0;display:flex}.hf-session-wait-card{align-items:center;justify-content:center;text-align:center;gap:var(--spacing-3);min-height:0}.hf-session-wait-card h1{margin:var(--spacing-0);font-size:var(--font-size-2xl);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-normal);overflow-wrap:anywhere}.hf-session-wait-card p{margin:var(--spacing-0);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.hf-session-wait-card strong{color:var(--color-accent-primary);font-size:var(--font-size-xl);letter-spacing:var(--letter-spacing-normal)}.hf-flashcard .back-head{text-align:center;display:flex;flex-direction:column;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--color-border-light)}.hf-flashcard .back-head h2{margin:0;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-tight)}.hf-flashcard .back-head .ko{font-size:12px;color:var(--color-text-secondary)}.hf-rootimg{display:flex;flex-direction:column;gap:4px;padding:12px 0}.hf-rootimg .lbl{font-size:10px;text-transform:uppercase;font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);color:var(--color-text-tertiary)}.hf-rootimg p{margin:0;line-height:var(--line-height-relaxed)}.hf-accordion,.hf-rootimg p{font-size:13px;color:var(--color-text-primary)}.hf-accordion{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border-light);font-family:var(--font-sans);cursor:pointer;text-align:left}.hf-accordion .caret{color:var(--color-text-tertiary);font-size:12px}.hf-eval{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hf-eval .btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;min-height:72px;border-radius:var(--radius-lg);border:2px solid var(--color-border-medium);background:var(--color-bg-secondary);color:var(--color-text-primary);cursor:pointer;font-weight:var(--font-weight-semibold)}.hf-eval .btn .ttl{font-size:13px;font-weight:var(--font-weight-bold)}.hf-eval .btn .when{font-size:10px;color:var(--color-text-tertiary)}.hf-eval .btn.primary{background:var(--color-accent-primary-light);color:var(--color-accent-primary);border-color:var(--color-accent-primary)}.hf-eval .btn.primary .when{color:var(--color-text-secondary)}.hf-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hf-confetti span{position:absolute;font-size:14px;color:var(--color-accent-primary);opacity:.8}.hf-confetti span.warn{color:var(--color-accent-warning)}.hf-confetti span.ok{color:var(--color-accent-success)}.hf-step{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:16px;display:flex;flex-direction:column;gap:10px}.hf-course-body{overflow:hidden;padding-bottom:18px}.hf-course-scroll-area{min-height:0;overflow-y:auto;display:flex;flex:1 1;flex-direction:column;gap:18px;padding-right:2px;padding-bottom:calc(var(--spacing-16) + var(--spacing-5) + env(safe-area-inset-bottom));scrollbar-width:none}.hf-course-scroll-area::-webkit-scrollbar{width:0}.hf-step.hf-course-step-stack{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;gap:18px}.hf-course-section{display:flex;flex-direction:column;gap:9px}.hf-course-section-head{display:flex;align-items:center;justify-content:space-between}.hf-course-section-head .ttl{color:var(--color-text-primary);font-size:15px;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-normal)}.hf-course-core-card,.hf-course-meaning-skeleton,.hf-course-native-thinking{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:none;padding:14px}.hf-course-core-card{display:flex;flex-direction:column;gap:12px}.hf-course-core-card>span{color:var(--color-accent-primary);font-size:11px;font-weight:var(--font-weight-bold)}.hf-course-core-card h2{margin:0;color:var(--color-text-primary);font-size:18px;font-weight:var(--font-weight-bold);line-height:var(--line-height-snug);overflow-wrap:break-word;word-break:keep-all}.hf-course-core-grid{display:grid;gap:10px}.hf-course-core-item{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg-tertiary);padding:12px;display:flex;flex-direction:column;gap:6px}.hf-course-core-item strong{color:var(--color-text-primary);font-size:14px;line-height:var(--line-height-normal)}.hf-course-core-item p{margin:0;color:var(--color-text-secondary);font-size:13px;line-height:var(--line-height-relaxed)}.hf-course-core-item small{color:var(--color-accent-primary);font-size:12px;font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.hf-course-embed{min-height:100%}.hf-course-embed,.hf-course-modal{background:var(--color-bg-primary)}.hf-course-modal{position:absolute;inset:24px 12px 18px;z-index:1001;overflow:hidden;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:hf-fade-in .2s ease-out}.hf-course-modal-body{height:100%;overflow:hidden;padding:14px 14px 24px;display:flex;flex-direction:column;gap:16px}.hf-course-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.hf-course-hero{gap:8px}.hf-course-category{align-self:flex-start;border-color:transparent;background:var(--color-accent-primary-light);color:var(--color-accent-primary);font-size:11px;font-weight:var(--font-weight-bold)}.hf-course-progress{margin-top:4px}.hf-course-progress-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--color-text-tertiary);font-size:11px}.hf-course-card-summary{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:12px;display:flex;flex-direction:column;gap:10px;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.hf-course-card-summary>span{font-weight:var(--font-weight-semibold)}.hf-course-card-summary>div{display:flex;flex-wrap:wrap;gap:6px}.hf-course-schema{min-height:208px;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow:visible}.hf-course-schema .hf-visual-schema-svg{height:164px;min-height:164px;flex:0 0 auto}.hf-course-schema .hf-visual-schema-caption{position:static;margin:0 12px 12px;border-radius:var(--radius-md);background:var(--color-bg-primary);padding:7px 8px;color:var(--color-text-secondary);font-family:var(--font-sans);font-size:12px;font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);overflow:visible;text-overflow:clip;white-space:normal}.hf-course-schema .hf-visual-schema-svg .schema-label{font-size:11px}.hf-course-schema .hf-visual-schema-svg .schema-label-muted{fill:var(--color-text-secondary);font-size:9px}.hf-course-structure-schema{background:var(--color-bg-primary);padding:var(--spacing-2);overflow:hidden}.hf-course-scene-panel,.hf-course-structure-schema{border:1px solid var(--color-border-light);border-radius:var(--radius-lg)}.hf-course-scene-panel{background:var(--color-bg-secondary);padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-2)}.hf-course-scene-panel .hf-course-step-copy{color:var(--color-text-secondary);font-size:13px;line-height:var(--line-height-relaxed)}.hf-perfect-schema{display:block;width:100%;height:auto}.hf-perfect-schema-timeline{fill:none;stroke:var(--color-border-medium);stroke-linecap:round;stroke-width:3}.hf-perfect-schema-event{fill:var(--color-bg-inverse)}.hf-perfect-schema-now{fill:var(--color-accent-primary-light);stroke:var(--color-accent-primary);stroke-width:2}.hf-perfect-schema-trace{fill:none;stroke:var(--color-accent-primary);stroke-dasharray:8 8;stroke-linecap:round;stroke-width:4}.hf-perfect-schema-hold{fill:none;stroke:var(--color-accent-primary);stroke-linecap:round;stroke-width:3}.hf-perfect-schema-have,.hf-perfect-schema-label,.hf-perfect-schema-trace-label{font-family:var(--font-mono);font-weight:var(--font-weight-bold);text-anchor:middle}.hf-perfect-schema-label{fill:var(--color-text-primary);font-size:13px}.hf-perfect-schema-have{fill:var(--color-accent-primary);font-size:18px}.hf-perfect-schema-trace-label{fill:var(--color-text-secondary);font-size:11px}.hf-past-alternative-schema{display:block;width:100%;height:auto}.hf-course-schema-card,.hf-course-schema-card-soft,.hf-course-schema-now-box{stroke-width:2}.hf-course-schema-card{fill:var(--color-bg-secondary);stroke:var(--color-border-medium)}.hf-course-schema-card-soft,.hf-course-schema-now-box{fill:var(--color-accent-primary-light);stroke:var(--color-accent-primary)}.hf-course-schema-line-muted{fill:none;stroke:var(--color-border-medium);stroke-linecap:round;stroke-width:3}.hf-course-schema-dot-dark{fill:var(--color-bg-inverse)}.hf-course-schema-label,.hf-course-schema-muted-label,.hf-course-schema-strong{font-family:var(--font-mono);font-weight:var(--font-weight-bold);text-anchor:middle}.hf-course-schema-label{fill:var(--color-text-primary);font-size:13px}.hf-course-schema-strong{fill:var(--color-accent-primary);font-size:15px}.hf-course-schema-muted-label{fill:var(--color-text-secondary);font-size:11px}.hf-past-alternative-branch,.hf-past-alternative-real{fill:none;stroke-linecap:round}.hf-past-alternative-branch{stroke:var(--color-accent-primary);stroke-width:4}.hf-past-alternative-real{stroke:var(--color-text-secondary);stroke-width:4}.hf-past-alternative-branch{stroke-dasharray:8 7}.hf-course-step-copy{margin:0;color:var(--color-text-primary);font-size:13px;line-height:var(--line-height-relaxed)}.hf-course-step-copy.muted{color:var(--color-text-secondary)}.hf-course-meaning-skeleton{display:flex;flex-direction:column;gap:10px}.hf-course-meaning-skeleton>span{color:var(--color-accent-primary);font-size:11px;font-weight:var(--font-weight-bold)}.hf-course-meaning-skeleton p,.hf-course-skeleton-piece p{margin:0;color:var(--color-text-secondary);font-size:12px;line-height:var(--line-height-normal)}.hf-course-skeleton-group{border-top:1px solid var(--color-border-light);padding-top:11px;display:flex;flex-direction:column;gap:8px}.hf-course-skeleton-group>strong{color:var(--color-text-primary);font-size:13px;line-height:var(--line-height-normal)}.hf-course-skeleton-piece{display:flex;flex-direction:column;gap:4px}.hf-course-skeleton-piece>span{color:var(--color-accent-primary);font-family:var(--font-mono);font-size:12px;font-weight:var(--font-weight-bold)}.hf-course-skeleton-formula{border-radius:var(--radius-md);background:var(--color-bg-primary);padding:8px;color:var(--color-text-primary)!important;font-family:var(--font-mono);font-size:11px!important}.hf-course-meaning-skeleton b,.hf-course-skeleton-piece b{color:var(--color-text-primary)}.hf-course-native-thinking{display:flex;flex-direction:column;gap:12px}.hf-course-native-thinking>span{color:var(--color-text-secondary);font-size:11px;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.hf-course-native-frame{display:flex;flex-direction:column;gap:9px}.hf-course-native-frame>span{color:var(--color-text-primary);font-size:13px;font-weight:var(--font-weight-bold);line-height:var(--line-height-normal)}.hf-course-native-frame p{margin:0;color:var(--color-text-secondary);font-size:13px;line-height:var(--line-height-relaxed)}.hf-course-native-frame b{color:var(--color-text-primary)}.hf-course-native-panel{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg-secondary);padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-3)}.hf-course-nav{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2);margin-top:0;border:0;border-top:1px solid var(--color-border-light);border-radius:0;background:var(--color-bg-secondary);box-shadow:none;padding:var(--spacing-2) 0 0}.hf-course-nav .hf-btn{min-height:52px}.hf-course-nav .hf-btn.disabled,.hf-course-nav .hf-btn:disabled{color:var(--color-text-secondary)}.hf-course-unlocked{color:var(--color-accent-primary);font-size:14px;font-weight:var(--font-weight-bold)}.hf-course-feedback-stack{display:flex;flex-direction:column;gap:10px;margin-top:8px}.hf-course-feedback-card{padding:12px;background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.hf-course-feedback-card span{color:var(--color-accent-primary);font-size:11px;font-weight:var(--font-weight-bold)}.hf-course-feedback-card.warning span{color:var(--color-accent-error)}.hf-course-feedback-card p{margin:4px 0 0;color:var(--color-text-primary);font-size:13px;font-weight:var(--font-weight-semibold);line-height:var(--line-height-relaxed)}.hf-course-feedback-card.warning p{color:var(--color-text-secondary);font-size:12px;font-weight:var(--font-weight-normal)}.hf-step.locked{background:var(--color-bg-tertiary);box-shadow:none}.hf-step .head{display:flex;align-items:center;justify-content:space-between}.hf-step .head .ttl{font-size:14px;font-weight:var(--font-weight-bold);letter-spacing:-.2px;color:var(--color-text-primary)}.hf-step .head .tag{font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-accent-primary);background:var(--color-accent-primary-light);padding:3px 8px;border-radius:var(--radius-full)}.hf-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hf-compare .cell{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:10px;display:flex;flex-direction:column;gap:6px}.hf-compare .cell.good{background:var(--color-accent-primary-light)}.hf-compare .cell .lbl{font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-text-tertiary)}.hf-compare .cell.good .lbl{color:var(--color-accent-primary)}.hf-compare .cell p{margin:0;font-size:12px;color:var(--color-text-primary);line-height:var(--line-height-normal)}.hf-compare .cell .strong{font-weight:var(--font-weight-bold)}.hf-compare .cell .muted{color:var(--color-text-tertiary)}.hf-course-example-list,.hf-course-family-list{display:flex;flex-direction:column;gap:10px}.hf-course-family{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg-tertiary);padding:12px;display:flex;flex-direction:column;gap:6px}.hf-course-family.sense{background:var(--color-accent-primary-light)}.hf-course-family.change{background:var(--color-accent-success-light)}.hf-course-family>span{color:var(--color-accent-primary);font-size:11px;font-weight:var(--font-weight-bold)}.hf-course-family.change>span{color:var(--color-accent-success)}.hf-course-family strong{color:var(--color-text-primary);font-family:var(--font-mono);font-size:13px;line-height:var(--line-height-normal)}.hf-course-family p{margin:0;color:var(--color-text-secondary);font-size:12px;line-height:var(--line-height-relaxed)}.hf-course-family small{color:var(--color-text-primary);font-size:12px;font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal)}.hf-course-example,.hf-course-native-prompt{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg-secondary);padding:var(--spacing-4)}.hf-course-example{display:flex;flex-direction:column;gap:var(--spacing-2)}.hf-course-example-title{display:flex;flex-direction:column;gap:var(--spacing-1)}.hf-course-example-title span,.hf-course-native-prompt>span{color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.hf-course-example-title strong{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.hf-course-example p,.hf-course-native-prompt p{margin:0}.hf-course-example .native{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.hf-course-example .english,.hf-course-native-prompt p{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);line-height:var(--line-height-relaxed)}.hf-course-example .reason{border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-primary);padding:var(--spacing-2);color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed)}.hf-course-extension,.hf-course-misconception,.hf-course-quiz{border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg-secondary);padding:12px;display:flex;flex-direction:column;gap:10px}.hf-course-extension>span,.hf-course-misconception>span{color:var(--color-accent-primary);font-size:11px;font-weight:var(--font-weight-bold)}.hf-course-extension p,.hf-course-misconception p{margin:0;color:var(--color-text-secondary);font-size:13px;line-height:var(--line-height-relaxed)}.hf-course-extension b,.hf-course-misconception b,.hf-course-quiz-question{color:var(--color-text-primary)}.hf-course-quiz-question{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);line-height:var(--line-height-relaxed)}.hf-course-quiz-choice-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.hf-course-quiz-choice{width:100%;min-height:52px;border:1px solid var(--color-border-light);border-radius:var(--radius-md);background:var(--color-bg-tertiary);color:var(--color-text-primary);display:grid;grid-template-columns:34px 1fr;gap:var(--spacing-2);align-items:center;padding:var(--spacing-3);text-align:left}.hf-course-extension-section{margin-top:var(--spacing-4)}.hf-course-extension-section.has-feedback{margin-top:var(--spacing-5)}.hf-course-extension{gap:var(--spacing-3)}.hf-course-extension p{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-2)}.hf-course-extension p span{line-height:var(--line-height-relaxed)}.hf-course-extension p span,.hf-course-quiz-choice span{color:var(--color-accent-primary);font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.hf-course-quiz-choice strong{min-width:0;color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.hf-course-quiz-choice.is-selected{border-color:var(--color-accent-primary);background:var(--color-accent-primary-light)}.hf-course-quiz-choice.is-correct{border-color:var(--color-accent-success);background:var(--color-bg-tertiary)}.hf-course-quiz-choice.is-incorrect{border-color:var(--color-accent-error)}.hf-course-quiz-feedback{margin-top:var(--spacing-1);border-radius:var(--radius-md);background:var(--color-bg-tertiary);padding:var(--spacing-3)}.hf-course-quiz-feedback span{color:var(--color-accent-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.hf-course-quiz-feedback.is-correct span{color:var(--color-accent-success)}.hf-course-quiz-feedback.is-incorrect span{color:var(--color-accent-error)}.hf-course-quiz-feedback p{margin:4px 0 0;color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-relaxed)}.hf-course-quiz-feedback b{color:var(--color-text-primary)}.hf-scene{height:100px;border-radius:var(--radius-md);background:repeating-linear-gradient(135deg,var(--color-accent-primary-light) 0 8px,var(--color-bg-tertiary) 8px 16px);border:1px dashed var(--color-border-medium);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:10px;text-align:center;padding:6px}.hf-scene,.hf-textarea{color:var(--color-text-tertiary)}.hf-textarea{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:10px 12px;min-height:56px;font-size:12px}.hf-course-writing-input{width:100%;min-height:88px;resize:vertical;color:var(--color-text-primary);font-family:var(--font-sans);line-height:var(--line-height-normal)}.hf-course-writing-input::placeholder{color:var(--color-text-tertiary)}.hf-courserow{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:14px;display:flex;flex-direction:column;gap:8px;cursor:pointer;color:inherit;text-decoration:none}.hf-courserow:hover{box-shadow:var(--shadow-card-hover)}.hf-courserow .top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.hf-courserow .top .body{display:flex;flex-direction:column;gap:4px;flex:1 1;min-width:0}.hf-courserow .top .body .cat{font-size:10px;letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary)}.hf-courserow .top .body .ttl{font-size:15px;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);color:var(--color-text-primary)}.hf-courserow .top .body .sub{font-size:12px;color:var(--color-text-secondary)}.hf-courserow .meta{display:flex;justify-content:space-between;font-size:11px;color:var(--color-text-tertiary)}.hf-course-row-progress{height:4px}.hf-body .hf-course-search{flex:0 0 auto;width:100%}.hf-course-filter{display:flex;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;min-height:36px;padding-bottom:4px;scrollbar-width:none}.hf-course-filter .hf-pill{flex-shrink:0;font-family:var(--font-sans);line-height:1.2;min-height:32px;cursor:pointer}.hf-course-filter .hf-pill.active{border-color:var(--color-accent-primary);background:var(--color-accent-primary-light);color:var(--color-accent-primary)}.hf-course-empty{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl)}.hf-course-library-note{margin:4px 0 0;color:var(--color-text-tertiary);font-size:11px;text-align:center}.hf-status-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:var(--font-weight-semibold);padding:4px 10px;border-radius:var(--radius-full);flex-shrink:0}.hf-status-badge.todo{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.hf-status-badge.doing{background:var(--color-accent-primary-light);color:var(--color-accent-primary)}.hf-status-badge.done{background:var(--color-accent-success-light);color:var(--color-accent-success)}.hf-page-title{margin:0;font-size:22px;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal);line-height:var(--line-height-tight)}.hf-tabs{display:flex;gap:4px;border-bottom:1px solid var(--color-border-light)}.hf-tabs .tab{appearance:none;background:transparent;border:0;padding:10px 14px;font-family:var(--font-sans);font-size:13px;color:var(--color-text-tertiary);cursor:pointer;font-weight:var(--font-weight-medium);position:relative}.hf-tabs .tab.active{color:var(--color-accent-primary);font-weight:var(--font-weight-bold)}.hf-tabs .tab.active:after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;background:var(--color-accent-primary);border-radius:999px}.hf-banner{background:var(--color-accent-primary-light);border-radius:var(--radius-xl);padding:14px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}.hf-banner p{margin:0;font-size:13px;color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.hf-banner p .num{color:var(--color-accent-primary);font-weight:var(--font-weight-bold)}.hf-banner .hf-btn{align-self:center}.hf-banner-note{font-size:11px;color:var(--color-accent-primary);opacity:.8;text-align:center}.hf-storage-toolbar{display:flex;gap:8px;margin-bottom:4px}.hf-storage-list{gap:10px}.hf-storage-list,.hf-storage-row{display:flex;flex-direction:column}.hf-storage-row{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:14px 16px;gap:8px;cursor:pointer;position:relative;transition:background-color var(--transition-normal) var(--ease-in-out),border-color var(--transition-normal) var(--ease-in-out),box-shadow var(--transition-normal) var(--ease-in-out);box-shadow:var(--shadow-sm)}.hf-storage-row.is-flipped{background:var(--color-bg-secondary);border-color:var(--color-border-medium)}.hf-storage-row-face{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:10px}.hf-storage-row .body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1}.hf-storage-row .body .kicker{font-size:9px;font-weight:var(--font-weight-bold);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.hf-storage-row .body .kicker.accent{color:var(--color-accent-primary)}.hf-storage-row .body .kicker.error{color:var(--color-accent-error)}.hf-storage-row .body .ex{font-size:15px;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.hf-storage-row .body .meaning{font-size:11px;color:var(--color-text-secondary)}.hf-storage-row .body .flip-help{display:inline-flex;align-items:center;gap:4px;color:var(--color-text-tertiary);font-size:11px;margin-top:4px}.hf-storage-row .body hr{width:100%;margin:6px 0;border:0;border-top:1px dashed var(--color-border-light)}.hf-storage-row .body .correction{font-size:12px;color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.hf-storage-row .right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.hf-storage-row .right .ix{font-size:10px;font-family:var(--font-mono);color:var(--color-text-tertiary)}.hf-storage-row .right .hf-bookmark-button{width:28px;height:28px;font-size:15px}.hf-storage-row .star{width:28px;height:28px;border-radius:999px;border:0;background:var(--color-accent-primary-light);display:inline-flex;align-items:center;justify-content:center;color:var(--color-accent-warning);flex-shrink:0;font-size:14px;cursor:pointer}.hf-search,.hf-storage-row .star.is-empty{border:1px solid var(--color-border-light);background:var(--color-bg-secondary);color:var(--color-text-tertiary)}.hf-search{flex:1 1;display:flex;align-items:center;gap:8px;border-radius:var(--radius-full);padding:8px 12px;font-size:13px}.hf-search input{min-width:0;flex:1 1;border:0;background:transparent;color:var(--color-text-primary);font-family:var(--font-sans);font-size:13px;outline:0}.hf-search input::placeholder{color:var(--color-text-tertiary)}.hf-sort{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-full);padding:8px 12px;font-size:12px;color:var(--color-text-primary);font-weight:var(--font-weight-medium);display:inline-flex;align-items:center;gap:6px}.hf-sort .arrow{color:var(--color-text-tertiary)}.hf-empty{flex-direction:column;gap:14px;padding:40px 16px;text-align:center}.hf-empty,.hf-empty .illu{display:flex;align-items:center}.hf-empty .illu{width:160px;height:130px;background:var(--color-accent-primary-light);border-radius:var(--radius-xl);justify-content:center;position:relative}.hf-empty .illu:after{content:"";position:absolute;width:80px;height:60px;border:2.5px solid var(--color-accent-primary);border-radius:8px;background:var(--color-bg-secondary)}.hf-empty .illu .star{position:absolute;font-size:26px;color:var(--color-accent-warning);top:14px;right:18px}.hf-empty h2{margin:0;font-size:17px;font-weight:var(--font-weight-bold)}.hf-empty p{margin:0;font-size:13px;color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.hf-empty.compact{padding-block:24px}.hf-empty .hf-btn{align-self:center}.hf-empty-note{margin:0;font-size:11px;color:var(--color-text-tertiary)}.hf-toast-action{display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left}.hf-toast-action button{appearance:none;border:0;background:transparent;color:#74c0fc;font-family:var(--font-sans);font-size:13px;font-weight:var(--font-weight-bold);cursor:pointer;white-space:nowrap}.hf-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:16px;display:flex;flex-direction:column;gap:12px}.hf-card .lbl{font-size:10px;text-transform:uppercase;font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);color:var(--color-text-tertiary)}.hf-card .val{font-size:14px;color:var(--color-text-primary)}.hf-card hr{border:0;border-top:1px solid var(--color-border-light);margin:4px 0}.hf-error-card{margin-top:24px;text-align:center}.hf-error-card h1{margin:0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.hf-error-card p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.hf-appbar-action{padding:6px 14px}.hf-settings-section{display:flex;flex-direction:column;gap:8px}.hf-savebar{flex-shrink:0;padding:12px 20px;background:var(--color-bg-primary);border-top:1px solid var(--color-border-light)}.hf-savebar .hf-btn{min-height:48px;padding-block:14px}.hf-settings-title{margin:0;font-size:13px;font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.hf-footer-note,.hf-settings-note,.hf-status-note{margin:0;font-size:11px;color:var(--color-text-tertiary);line-height:var(--line-height-normal)}.hf-status-note{color:var(--color-text-secondary)}.hf-footer-note{text-align:center}.hf-profile-field{display:flex;flex-direction:column;gap:6px}.hf-profile-field .hf-inline-input{width:100%;font-family:var(--font-sans);color:var(--color-text-primary)}.hf-chip-group{display:flex;flex-wrap:wrap;gap:6px}.hf-select{width:100%;appearance:none;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:var(--font-sans);font-size:14px;font-weight:var(--font-weight-medium);padding:12px 14px;cursor:pointer}.hf-select.compact{width:auto;min-width:110px;padding:8px 12px;font-size:13px}.hf-reminder-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.hf-row-stack{display:flex;flex-direction:column;gap:3px;min-width:0}.hf-card-label{font-size:13px;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.hf-card-meta{font-size:11px;color:var(--color-text-tertiary);line-height:var(--line-height-normal)}.hf-switch{width:44px;height:24px;border:0;border-radius:var(--radius-full);background:var(--color-border-medium);cursor:pointer;flex-shrink:0;padding:2px;display:inline-flex;align-items:center;transition:background-color var(--transition-normal) var(--ease-default)}.hf-switch.is-on{background:var(--color-accent-primary)}.hf-switch:disabled{cursor:not-allowed;opacity:.7}.hf-switch__knob{width:20px;height:20px;border-radius:var(--radius-full);background:var(--color-bg-secondary);box-shadow:var(--shadow-sm);transform:translateX(0);transition:transform var(--transition-normal) var(--ease-default)}.hf-switch.is-on .hf-switch__knob{transform:translateX(20px)}.hf-link-stack{display:flex;flex-direction:column;gap:8px;margin-top:14px}.hf-row-link{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;width:100%;font-family:var(--font-sans);text-align:left}.hf-row-link .label{font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.hf-row-link .meta{font-size:12px;color:var(--color-text-tertiary)}.hf-row-link .arrow{color:var(--color-text-tertiary);font-size:14px}.hf-inline-input{display:flex;align-items:center;justify-content:space-between;gap:8px;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:8px 12px;font-size:14px}.hf-inline-input .pencil{color:var(--color-text-tertiary);font-size:12px}.hf-dropdown{display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:12px 14px;font-size:14px;color:var(--color-text-primary);cursor:pointer}.hf-dropdown .arrow,.hf-footer-link{color:var(--color-text-tertiary);font-size:12px}.hf-footer-link{text-align:center;text-decoration:underline;margin-top:12px;cursor:pointer}.hf-footer-link-button{border:0;background:transparent;width:100%;font-family:var(--font-sans)}.hf-withdraw-backdrop-body{opacity:.35;pointer-events:none}.hf-withdraw-skeleton{min-height:60px}.hf-modal-form{gap:10px;margin:14px 0;text-align:left}.hf-modal-field,.hf-modal-form{display:flex;flex-direction:column}.hf-modal-field{gap:4px}.hf-modal-field span{font-size:11px;font-weight:var(--font-weight-bold);color:var(--color-text-secondary)}.hf-modal-field input{width:100%;padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border-medium);background:var(--color-bg-secondary);color:var(--color-text-primary);font-family:var(--font-sans);font-size:13px;outline:none}.hf-password-rules{list-style:none;display:flex;flex-direction:column;gap:6px;margin:2px 0 0;padding:0}.hf-password-rules li{display:flex;align-items:center;gap:6px;color:var(--color-text-tertiary);font-size:11px;line-height:var(--line-height-normal)}.hf-password-rules li:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--color-border-medium);flex-shrink:0}.hf-password-rules li.is-met{color:var(--color-accent-success)}.hf-password-rules li.is-met:before{background:var(--color-accent-success)}.hf-modal-status{margin:0;font-size:12px;line-height:var(--line-height-normal);text-align:center}.hf-check-row,.hf-modal-status{color:var(--color-text-secondary)}.hf-check-row{display:flex;gap:8px;align-items:flex-start;border:0;background:transparent;font-family:var(--font-sans);font-size:11px;line-height:1.4;text-align:left;cursor:pointer;padding:4px 0 0}.hf-check-row__box{width:16px;height:16px;border:1px solid var(--color-border-medium);border-radius:var(--radius-xs);display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-inverse);font-size:10px;flex-shrink:0;margin-top:1px}.hf-check-row.is-checked .hf-check-row__box{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.hf-danger-emphasis,.hf-modal-error{color:var(--color-accent-error)}.hf-modal-error{margin:0;font-size:12px;text-align:center}.hf-landing-foot{display:flex;flex-direction:column;gap:10px;align-items:stretch}.hf-landing-foot .sub{text-align:center;font-size:12px;color:var(--color-text-secondary)}.hf-landing-foot .micro{text-align:center;font-size:11px;color:var(--color-text-tertiary)}.hf-numlist{display:flex;flex-direction:column;gap:10px}.hf-numlist .row{display:flex;align-items:flex-start;gap:12px}.hf-numlist .row .num{width:24px;height:24px;border-radius:999px;background:var(--color-accent-primary-light);color:var(--color-accent-primary);font-size:12px;font-weight:var(--font-weight-bold);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-mono)}.hf-numlist .row p{margin:0;font-size:13px;color:var(--color-text-primary);line-height:var(--line-height-relaxed)}.hf-numlist .row p b{font-weight:var(--font-weight-bold)}.hf-lang{display:inline-flex;align-items:center;gap:6px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-full);padding:6px 12px;font-size:12px;color:var(--color-text-primary)}.hf-hint{background:#fff5f5;border:1px solid #ffd6d6;border-radius:var(--radius-md);padding:10px 12px;font-size:11px;color:#b54343;line-height:var(--line-height-relaxed)}.hf-gift{background:linear-gradient(135deg,var(--color-accent-primary) 0,#4a9eff 100%);color:#fff;border-radius:var(--radius-xl);padding:18px;display:flex;flex-direction:column;gap:10px;text-align:left;box-shadow:0 8px 20px rgba(34,139,230,.25)}.hf-gift .tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;text-transform:uppercase;letter-spacing:var(--letter-spacing-wider);background:rgba(255,255,255,.18);padding:4px 10px;border-radius:var(--radius-full);align-self:flex-start}.hf-gift .tag,.hf-gift h3{font-weight:var(--font-weight-bold)}.hf-gift h3{margin:0;font-size:18px;letter-spacing:-.3px}.hf-gift .small{font-size:11px;opacity:.9}.hf-gift .hf-benefit p{color:#fff}.hf-gift .hf-benefit .check{background:rgba(255,255,255,.18);color:#fff}.hf-guide{background:var(--color-bg-tertiary);border-radius:var(--radius-lg);padding:14px;font-size:12px;color:var(--color-text-secondary);line-height:var(--line-height-relaxed);text-align:left}.hf-guide .lbl{font-size:10px;letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;font-weight:var(--font-weight-semibold);color:var(--color-text-tertiary)}.hf-spacer{flex:1 1}.hf-mt-a{margin-top:auto}.page-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px}@media (max-width:480px){body,html{background:var(--color-bg-primary)}.page-shell{align-items:stretch;justify-content:flex-start;padding:0}.hf,.page-shell{min-height:100dvh}.hf{width:100%;height:100dvh;border:0;border-radius:var(--radius-none);box-shadow:var(--shadow-none)}}.sitemap{max-width:960px;margin:0 auto;padding:48px 24px 80px;gap:28px}.sitemap,.sitemap-header{display:flex;flex-direction:column}.sitemap-header{gap:6px}.sitemap-header .eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;color:var(--color-text-tertiary)}.sitemap-header h1{margin:0;font-size:26px;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight)}.sitemap-header p{margin:0;font-size:14px;color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:640px}.sitemap-section{background:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:20px;display:flex;flex-direction:column;gap:14px}.sitemap-section h2{margin:0;font-size:15px;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);display:flex;align-items:center;gap:8px}.sitemap-section h2 .badge{font-family:var(--font-mono);font-size:10px;font-weight:var(--font-weight-semibold);letter-spacing:.5px;color:var(--color-accent-primary);background:var(--color-accent-primary-light);padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase}.sitemap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.sitemap-link{display:flex;flex-direction:column;gap:2px;background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:12px 14px;text-decoration:none;color:var(--color-text-primary);transition:border-color var(--transition-fast),background var(--transition-fast)}.sitemap-link:hover{border-color:var(--color-accent-primary);background:var(--color-accent-primary-light)}.sitemap-link .code{font-family:var(--font-mono);font-size:10px;color:var(--color-text-tertiary);letter-spacing:.5px}.sitemap-link .name{font-size:14px;font-weight:var(--font-weight-semibold);letter-spacing:-.2px}.sitemap-link .path{color:var(--color-text-secondary);margin-top:2px}.sitemap-foot,.sitemap-link .path{font-family:var(--font-mono);font-size:11px}.sitemap-foot{color:var(--color-text-tertiary);text-align:center;letter-spacing:.5px}.schema-gallery{max-width:1180px;margin:0 auto;padding:48px 24px 80px;display:flex;flex-direction:column;gap:32px}.schema-gallery-header{display:flex;flex-direction:column;gap:6px}.schema-gallery-header .eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:var(--letter-spacing-widest);text-transform:uppercase;color:var(--color-text-tertiary)}.schema-gallery-header h1{margin:0;font-size:28px;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal)}.schema-gallery-header p{margin:0;color:var(--color-text-secondary);line-height:var(--line-height-relaxed);max-width:720px}.schema-gallery-section{display:flex;flex-direction:column;gap:14px}.schema-gallery-section h2{margin:0;font-size:16px;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-normal)}.schema-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.schema-gallery-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.schema-gallery-card .hf-visual-schema{border:0;border-radius:0}.schema-gallery-card-body{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px}.schema-gallery-card-body strong{color:var(--color-text-primary);font-size:14px}.schema-gallery-card-body span{color:var(--color-accent-primary);font-family:var(--font-mono);font-size:10px;font-weight:var(--font-weight-semibold)}.schema-gallery-card-body p{margin:0;color:var(--color-text-secondary);font-size:12px;line-height:var(--line-height-normal)}