@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:var(--font-ui);--font-mono:var(--font-ui);--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-ui:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Pretendard", "Helvetica Neue", Arial, sans-serif;--font-display:var(--font-ui)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.static{position:static}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.border-3{border-style:var(--tw-border-style);border-width:3px}.text-right{text-align:right}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.uppercase{text-transform:uppercase}.shadow,.shadow\/box,.shadow\/box-shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--bg:#f6f6fb;--bg-2:#fff;--bg-3:#f1f1f8;--bg-4:#e8e8f1;--border:#ececf3;--border-2:#dedde8;--border-3:#d0cfdc;--text:#181a2a;--text-2:#2e3142;--muted:#6b6f80;--primary:#5b4de0;--primary-dim:#4a3dc0;--primary-bg:#5b4de014;--primary-soft:#5b4de029;--accent-blue:#4d8bff;--accent-blue-bg:#4d8bff1a;--cta:#6b8c00;--cta-dim:#546f00;--cta-text:#fff;--tab-active:#4a7a00;--tab-active-bg:#4a7a001a;--dot-color:#e6e5f1;--topbar-bg:#ffffffeb;--max-w:1200px;--rad:12px;--rad-sm:8px;--shadow-sm:0 1px 2px #181a2a0a;--shadow-md:0 6px 16px -8px #181a2a1a, 0 2px 4px -2px #181a2a0f;--shadow-lg:0 18px 40px -22px #181a2a2e, 0 4px 12px -6px #181a2a14}html[data-theme=dark]{--bg:#080808;--bg-2:#131313;--bg-3:#1a1a1a;--bg-4:#202020;--border:#ffffff24;--border-2:#ffffff38;--border-3:#ffffff47;--text:#fff;--text-2:#e0e0e0;--muted:#a0a0a0;--primary:#7c6dff;--primary-dim:#6558e0;--primary-bg:#7c6dff1a;--primary-soft:#7c6dff33;--accent-blue:#6da4ff;--accent-blue-bg:#6da4ff24;--cta:#af0;--cta-dim:#8c0;--cta-text:#000;--tab-active:#7acc00;--tab-active-bg:#7acc001f;--dot-color:#262626;--topbar-bg:#080808e6;--shadow-sm:0 1px 2px #0006;--shadow-md:0 6px 16px -8px #00000080, 0 2px 4px -2px #0006;--shadow-lg:0 24px 60px -28px #0000008c, 0 6px 18px -8px #00000059}html[data-theme=light]{--bg:#f6f6fb;--bg-2:#fff;--bg-3:#f1f1f8;--bg-4:#e8e8f1;--border:#ececf3;--border-2:#dedde8;--border-3:#d0cfdc;--text:#181a2a;--text-2:#2e3142;--muted:#6b6f80;--primary:#5b4de0;--primary-dim:#4a3dc0;--primary-bg:#5b4de014;--primary-soft:#5b4de029;--accent-blue:#4d8bff;--accent-blue-bg:#4d8bff1a;--cta:#6b8c00;--cta-dim:#546f00;--cta-text:#fff;--tab-active:#4a7a00;--tab-active-bg:#4a7a001a;--dot-color:#e6e5f1;--topbar-bg:#ffffffeb}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;transition:background .2s,color .2s}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}input,textarea,select,button,kbd,code,pre,samp,tt{font-family:var(--font-ui)}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,var(--dot-color) 1px,transparent 1px);opacity:.35;background-size:32px 32px;position:fixed;inset:0}html[data-theme=dark] body:before{opacity:.55}body>*{z-index:1;position:relative}.w{width:min(100% - 32px,var(--max-w));margin-inline:auto}.breadcrumb{font-family:var(--font-mono);color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;padding-top:24px;font-size:.8125rem;display:flex}.breadcrumb a{color:var(--muted);transition:color .15s}.breadcrumb a:hover{color:var(--primary)}.breadcrumb .sep{color:var(--border-2);-webkit-user-select:none;user-select:none}.topbar{z-index:100;background:var(--topbar-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-3);transition:background .2s,border-color .2s;position:sticky;top:0}.topbar-inner{align-items:center;gap:12px;min-height:60px;display:flex}.logo{font-family:var(--font-display);letter-spacing:-.04em;flex-shrink:0;align-items:center;gap:8px;font-size:1.1rem;font-weight:800;display:flex}.logo-mark{background:var(--cta);width:28px;height:28px;color:var(--cta-text);box-shadow:0 4px 10px -4px var(--cta);border-radius:8px;place-items:center;font-size:.8rem;font-weight:800;display:grid}@supports (color:color-mix(in lab,red,red)){.logo-mark{box-shadow:0 4px 10px -4px color-mix(in srgb,var(--cta) 45%,transparent)}}.topbar-search-wrap{flex:1;max-width:340px;position:relative}.topbar-search-wrap input{background:var(--bg-3);border:1px solid var(--border);width:100%;color:var(--text);border-radius:10px;padding:9px 14px 9px 34px;font-size:.875rem;transition:border-color .15s,background .15s}.topbar-search-wrap input:hover{background:var(--bg-2)}.topbar-search-wrap input::placeholder{color:var(--muted)}.topbar-search-wrap input:focus{border-color:var(--primary);outline:none}.tsw-icon{color:var(--muted);pointer-events:none;font-size:.85rem;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.header-search-layer{z-index:100;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--rad-sm);max-height:360px;margin-top:4px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000026}.header-search-layer.is-open{display:block}.header-search-list{margin:0;padding:4px 0;list-style:none}.header-search-result-link{color:var(--text);flex-direction:column;gap:2px;padding:8px 12px;text-decoration:none;transition:background .1s;display:flex}.header-search-result-link:hover,.header-search-result-link.is-active{background:var(--bg-3)}.header-search-result-name{font-size:.8125rem;font-weight:600}.header-search-result-desc{color:var(--muted);font-size:.75rem}.header-search-empty{color:var(--muted);text-align:center;padding:12px;font-size:.8125rem}.topbar-right{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.tbtn{border:1px solid var(--border);border-radius:var(--rad-sm);color:var(--muted);padding:7px 14px;font-size:.8125rem;font-weight:500;transition:all .15s}.tbtn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}html[data-theme=dark] .section-toolbar .tbtn{color:#fff;border-color:var(--border-2)}.tbtn.hi{background:var(--cta);border-color:var(--cta);color:var(--cta-text);box-shadow:0 6px 14px -8px var(--cta);font-weight:700}@supports (color:color-mix(in lab,red,red)){.tbtn.hi{box-shadow:0 6px 14px -8px color-mix(in srgb,var(--cta) 55%,transparent)}}.tbtn.hi:hover{filter:brightness(1.08);transform:translateY(-1px)}.tbtn-icon{border:1px solid var(--border);border-radius:var(--rad-sm);width:36px;height:36px;color:var(--muted);place-items:center;font-size:1rem;transition:all .15s;display:grid}.tbtn-icon:hover{border-color:var(--border-2);color:var(--text)}.global-dday-banner{border-bottom:1px solid var(--border-3);background:var(--cta)}@supports (color:color-mix(in lab,red,red)){.global-dday-banner{background:color-mix(in srgb,var(--cta) 13%,var(--bg-2))}}.global-dday-banner-inner{align-items:center;min-height:42px;display:flex}.global-dday-banner-link{width:100%;color:var(--text);scrollbar-width:none;display:block;overflow:auto hidden}.global-dday-banner-link::-webkit-scrollbar{display:none}.global-dday-banner-track{align-items:center;gap:8px;min-width:100%;padding:8px 0;display:inline-flex}.global-dday-chip{border:1px solid var(--border-2);background:var(--bg-2);border-radius:999px;align-items:center;gap:7px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.global-dday-chip{background:color-mix(in srgb,var(--bg-2) 82%,var(--cta) 18%)}}.global-dday-chip{white-space:nowrap;flex-shrink:0;padding:4px 10px}.global-dday-chip-main{color:var(--text);font-size:.8125rem;font-weight:700}.global-dday-chip-date{font-family:var(--font-mono);color:var(--muted);font-size:.75rem}.hero-wrap{background:linear-gradient(180deg,var(--cta) 0%,var(--bg) 100%);padding:64px 0 72px;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.hero-wrap{background:linear-gradient(180deg,color-mix(in srgb,var(--cta) 4%,var(--bg)) 0%,var(--bg) 100%)}}.hero-wrap:before{content:"";background:radial-gradient(900px 540px at 50% -10%,var(--cta),transparent 60%),radial-gradient(640px 420px at 92% 0%,var(--accent-blue),transparent 60%),radial-gradient(540px 360px at 8% 100%,var(--cta),transparent 60%);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.hero-wrap:before{background:radial-gradient(900px 540px at 50% -10%,color-mix(in srgb,var(--cta) 10%,transparent),transparent 60%),radial-gradient(640px 420px at 92% 0%,color-mix(in srgb,var(--accent-blue) 9%,transparent),transparent 60%),radial-gradient(540px 360px at 8% 100%,color-mix(in srgb,var(--cta) 7%,transparent),transparent 60%)}}.hero-wrap:before{pointer-events:none;z-index:0}html[data-theme=dark] .hero-wrap{background:var(--bg)}html[data-theme=dark] .hero-wrap:before{background:radial-gradient(900px 540px at 50% -10%,var(--cta),transparent 60%),radial-gradient(640px 420px at 92% 0%,var(--accent-blue),transparent 60%),radial-gradient(540px 360px at 8% 100%,var(--cta),transparent 60%)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .hero-wrap:before{background:radial-gradient(900px 540px at 50% -10%,color-mix(in srgb,var(--cta) 12%,transparent),transparent 60%),radial-gradient(640px 420px at 92% 0%,color-mix(in srgb,var(--accent-blue) 12%,transparent),transparent 60%),radial-gradient(540px 360px at 8% 100%,color-mix(in srgb,var(--cta) 9%,transparent),transparent 60%)}}.hero-wrap>.w{z-index:1;position:relative}.hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(320px,1fr);align-items:center;gap:32px;display:grid}.hero-grid.is-single{grid-template-columns:minmax(0,1fr)}.hero-card{min-height:unset;background:0 0;border:0;border-radius:0;flex-direction:column;padding:8px 0;display:flex;position:relative;overflow:visible}.hero-card:before{display:none}.hero-eyebrow{border:1px solid var(--cta);align-items:center;gap:8px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.hero-eyebrow{border:1px solid color-mix(in srgb,var(--cta) 28%,var(--border-2))}}.hero-eyebrow{background:var(--cta);border-radius:999px;padding:6px 14px}@supports (color:color-mix(in lab,red,red)){.hero-eyebrow{background:color-mix(in srgb,var(--cta) 10%,var(--bg-2))}}.hero-eyebrow{font-family:var(--font-sans);color:var(--cta-dim);letter-spacing:0;text-transform:none;width:fit-content;margin-bottom:22px;font-size:.85rem;font-weight:600}html[data-theme=dark] .hero-eyebrow{color:var(--cta)}.hero-eyebrow .dot{background:var(--cta);width:6px;height:6px;box-shadow:0 0 10px var(--cta);border-radius:50%}@supports (color:color-mix(in lab,red,red)){.hero-eyebrow .dot{box-shadow:0 0 10px color-mix(in srgb,var(--cta) 55%,transparent)}}.hero-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text);margin-bottom:18px;font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:800;line-height:1.05}.hero-title em{color:var(--cta-dim);background:0 0;-webkit-background-clip:initial;background-clip:initial;font-style:normal}html[data-theme=dark] .hero-title em{color:var(--cta)}.hero-sub{color:var(--text-2);max-width:52ch;margin-bottom:28px;font-size:1.1rem;line-height:1.65}.hero-search{max-width:520px;position:relative}.hero-search input{background:var(--bg-3);border:1.5px solid var(--border-2);border-radius:var(--rad-sm);width:100%;color:var(--text);padding:14px 120px 14px 44px;font-size:.95rem;transition:border-color .15s,box-shadow .15s}.hero-search input::placeholder{color:var(--muted)}.hero-search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg);outline:none}.hs-icon{color:var(--muted);pointer-events:none;font-size:1rem;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.hs-btn{background:var(--cta);color:var(--cta-text);box-shadow:0 6px 14px -8px var(--cta);border-radius:6px;padding:8px 18px;font-size:.85rem;font-weight:700;transition:filter .15s,transform .15s;position:absolute;top:50%;right:6px;transform:translateY(-50%)}@supports (color:color-mix(in lab,red,red)){.hs-btn{box-shadow:0 6px 14px -8px color-mix(in srgb,var(--cta) 55%,transparent)}}.hs-btn:hover{filter:brightness(1.08);transform:translateY(-1px)translateY(-50%)}.hero-chips{flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;display:flex}.chips-label{color:var(--text-2);letter-spacing:-.01em;margin-right:4px;font-size:.85rem;font-weight:600}.chip{border:1px solid var(--border-2);color:var(--text-2);background:var(--bg-2);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .15s}.chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.hero-panel{background:var(--bg-2);border:1px solid var(--border-3);border-radius:var(--rad);flex-direction:column;display:flex;overflow:hidden}.panel-tabs{border-bottom:1px solid var(--border-2);display:flex}.panel-tab{text-align:center;color:var(--muted);border-right:1px solid var(--border);cursor:pointer;flex:1;padding:13px 0;font-size:.8125rem;font-weight:600;transition:all .15s}.panel-tab:last-child{border-right:none}.panel-tab.active{color:var(--tab-active);background:var(--tab-active-bg)}.panel-tab:hover:not(.active){color:var(--text-2);background:var(--bg-3)}.panel-tab:focus-visible{outline:2px solid var(--tab-active);outline-offset:-2px}.panel-tab.is-placeholder{opacity:.6}.panel-body{flex:1;overflow-y:auto}.panel-content{padding:8px 0;display:none}.panel-content.active{display:block}.panel-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 18px;transition:background .12s;display:flex}.panel-item:last-child{border-bottom:none}.panel-item:hover{background:var(--bg-3)}.pi-left{flex-direction:column;gap:2px;display:flex}.pi-name{font-size:.875rem;font-weight:600}.pi-tag{font-family:var(--font-mono);color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.pi-arrow{color:var(--muted);font-size:.85rem;transition:color .15s}.panel-item:hover .pi-arrow{color:var(--primary)}.panel-empty{text-align:center;color:var(--muted);padding:28px 20px;line-height:1.6}.panel-empty-icon{opacity:.4;margin-bottom:8px;font-size:1.5rem;display:block}.panel-empty-text{font-size:.8125rem;font-family:var(--font-mono)}.panel-empty-hint{color:var(--border-2);font-size:.75rem;font-family:var(--font-mono);letter-spacing:.03em;margin-top:6px}.section{padding:48px 0}.section-toolbar{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.section-cta-inline{margin-top:18px}.section-num{font-family:var(--font-mono);color:var(--cta-dim);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:10px;font-size:.78rem;font-weight:700;display:inline-flex}html[data-theme=dark] .section-num{color:var(--cta)}.section-num .section-num-icon{width:14px;height:14px;color:var(--cta-dim);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}html[data-theme=dark] .section-num .section-num-icon{color:var(--cta)}.section-num .section-num-icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.section-title{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text);font-size:1.85rem;font-weight:700;line-height:1.2}.section-sub{color:var(--muted);max-width:60ch;margin-top:8px;font-size:1rem;line-height:1.7}.section-badge{font-family:var(--font-mono);color:var(--cta);letter-spacing:.08em;text-transform:uppercase;background:0 0;border:0;flex-shrink:0;padding:0;font-size:.72rem;font-weight:700}.cat-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.cat-card{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--rad);cursor:pointer;flex-direction:column;gap:12px;padding:24px;transition:all .18s;display:flex;position:relative;overflow:hidden}.cat-card:hover{background:var(--bg-3);border-color:var(--border-3);transform:translateY(-2px)}.cat-card:hover .cat-arrow{color:var(--primary)}.cat-header{justify-content:space-between;align-items:flex-start;display:flex}.cat-icon{background:var(--primary-bg);border:1px solid var(--border);width:38px;height:38px;color:var(--primary);border-radius:8px;place-items:center;display:grid}.cat-icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.cat-arrow{color:var(--muted);font-size:.9rem;transition:color .18s}.cat-name{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.05rem;font-weight:700}.cat-desc{color:var(--muted);font-size:.8125rem;line-height:1.55}.cat-links{flex-direction:column;gap:4px;margin-top:2px;display:flex}.cat-link{color:var(--text-2);background:var(--bg);border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:.8125rem;transition:all .13s;display:flex}.cat-link:hover{background:var(--primary-bg);border-color:var(--primary);color:var(--primary)}.cat-link-arrow{color:var(--muted);font-size:.75rem}.cat-link:hover .cat-link-arrow{color:var(--primary)}.cat-count{font-family:var(--font-mono);color:var(--muted);margin-top:auto;padding-top:4px;font-size:.75rem}.cat-count span{color:var(--primary)}.filter-row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:18px;display:flex}.fchip{border:1px solid var(--border);color:var(--muted);background:var(--bg-2);cursor:pointer;border-radius:5px;padding:6px 12px;font-size:.8125rem;transition:all .15s}.fchip:hover,.fchip.active{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.tool-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.tool-card{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--rad);flex-direction:column;gap:8px;padding:20px;transition:all .18s;display:flex}.hub-clickable{cursor:pointer}.hub-clickable:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tool-card:hover{background:var(--bg-3);border-color:var(--border-3);transform:translateY(-1px)}.tool-card.hidden{display:none}.tc-head{align-items:center;gap:8px;display:flex}.tc-head .tc-star{margin-left:auto}.tc-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border:1px solid var(--border);background:var(--bg-3);border-radius:4px;padding:2px 7px;font-size:.6875rem}html:not([data-theme=light]) .tc-head .tc-tag{color:#fff}.tc-star{border:1px solid var(--border);background:var(--bg-3);width:38px;height:38px;color:var(--muted);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background .15s,transform .15s;display:inline-flex}.tc-star svg{fill:currentColor;pointer-events:none;width:17px;height:17px}.tc-star .tc-star-text{display:none}.tc-star:hover{border-color:var(--cta);background:var(--cta)}@supports (color:color-mix(in lab,red,red)){.tc-star:hover{background:color-mix(in srgb,var(--cta) 10%,transparent)}}.tc-star:hover{color:var(--cta);transform:translateY(-1px)}.tc-star.is-favorited{border-color:var(--cta);background:var(--cta)}@supports (color:color-mix(in lab,red,red)){.tc-star.is-favorited{background:color-mix(in srgb,var(--cta) 14%,transparent)}}.tc-star.is-favorited{color:var(--cta)}.tc-name{font-family:var(--font-display);letter-spacing:-.03em;font-size:1rem;font-weight:700;line-height:1.25}.tc-desc{color:var(--muted);flex:1;font-size:.8125rem;line-height:1.6}.tc-link{color:var(--primary-dim);align-items:center;gap:4px;width:fit-content;margin-top:2px;font-size:.8125rem;font-weight:600;transition:color .15s;display:inline-flex}.tc-link:after{content:" →";transition:transform .15s;display:inline-block}.tc-link:hover{color:var(--primary)}.tc-link:hover:after{transform:translate(3px)}.guide-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.guide-card{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--rad);cursor:pointer;flex-direction:column;padding:24px;transition:all .18s;display:flex}.guide-card:hover{background:var(--bg-3);border-color:var(--border-3)}.guide-icon{font-family:var(--font-mono);color:var(--primary-dim);background:var(--primary-bg);border:1px solid var(--border);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:14px;font-size:1.5rem;display:flex}.guide-title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:8px;font-size:1rem;font-weight:700;line-height:1.35}.guide-desc{color:var(--muted);flex:1;font-size:.8125rem;line-height:1.65}.guide-cta{color:var(--primary-dim);margin-top:14px;font-size:.8125rem;font-weight:600;display:inline-block}.why-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.why-card{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--rad);flex-direction:column;gap:8px;padding:22px 20px;display:flex}.why-icon{background:var(--primary-bg);width:44px;height:44px;color:var(--primary);border:0;border-radius:12px;place-items:center;margin-bottom:8px;display:grid}.why-icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.why-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.05rem;font-weight:700;line-height:1.35}.why-desc{color:var(--text-2);font-size:.9rem;line-height:1.65}@media(max-width:960px){.why-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.why-grid{grid-template-columns:1fr}}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.hero-grid{grid-template-columns:minmax(0,1.25fr) minmax(360px,1fr);align-items:center;gap:40px}.hero-card-feature{min-height:unset;box-shadow:none;background:0 0;border:0;border-radius:0;padding:12px 0 20px;position:relative;overflow:visible}.hero-card-feature:before{display:none}.hero-card-feature .hero-title{font-size:clamp(2.4rem,4.6vw,3.6rem);line-height:1.05}.hero-card-feature .hero-sub{max-width:52ch;color:var(--text-2);margin-bottom:24px;font-size:1.05rem;line-height:1.65}.hero-actions{flex-direction:column;gap:14px;display:flex}.hero-search-form{background:var(--bg-2);border:1.5px solid var(--border-2);max-width:600px;box-shadow:var(--shadow-sm);border-radius:14px;align-items:center;padding:8px 8px 8px 48px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.hero-search-form:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.hero-search-form input{color:var(--text);background:0 0;border:0;flex:1;padding:13px 12px 13px 0;font-size:1rem}.hero-search-form input:focus{outline:none}.hero-search-form input::placeholder{color:var(--muted)}.hero-search-form .hs-icon{color:var(--muted);position:absolute;top:50%;left:16px;transform:translateY(-50%)}.hero-search-form .hs-icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.hero-search-form .hs-btn{border-radius:10px;flex-shrink:0;padding:12px 24px;font-size:.9rem;font-weight:700;position:static;transform:none}.hero-search-form .hs-btn:hover{transform:translateY(-1px)}.hero-visual{justify-content:center;align-items:center;min-height:480px;padding:24px 24px 32px;display:flex;position:relative}.hero-visual:before{content:"";background:radial-gradient(closest-side,var(--cta),transparent 80%);position:absolute;inset:8% 4%}@supports (color:color-mix(in lab,red,red)){.hero-visual:before{background:radial-gradient(closest-side,color-mix(in srgb,var(--cta) 14%,transparent),transparent 80%)}}.hero-visual:before{filter:blur(8px);z-index:0;pointer-events:none}html[data-theme=dark] .hero-visual:before{background:radial-gradient(closest-side,var(--cta),transparent 80%)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .hero-visual:before{background:radial-gradient(closest-side,color-mix(in srgb,var(--cta) 18%,transparent),transparent 80%)}}.preview-card{background:var(--bg-2);border:1px solid var(--border);z-index:2;border-radius:24px;flex-direction:column;gap:14px;width:min(100%,380px);padding:26px;display:flex;position:relative;box-shadow:0 32px 80px -32px #181a2a33,0 12px 28px -14px #181a2a1f}html[data-theme=dark] .preview-card{box-shadow:0 32px 80px -32px #0009,0 12px 28px -14px #0006}.preview-card-head{flex-direction:column;gap:4px;margin-bottom:4px;display:flex}.preview-tag{font-family:var(--font-mono);color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-size:.68rem}.preview-title{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.05rem;font-weight:700}.preview-row{border:1px solid var(--border);background:var(--bg);border-radius:10px;justify-content:space-between;align-items:baseline;padding:10px 14px;display:flex}.preview-row-label{color:var(--muted);font-size:.75rem;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase}.preview-row-value{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.1rem;font-weight:700}.preview-row-value small{color:var(--muted);margin-left:2px;font-size:.7em}.preview-row-result{background:linear-gradient(95deg,var(--cta) 0%,var(--bg) 100%)}@supports (color:color-mix(in lab,red,red)){.preview-row-result{background:linear-gradient(95deg,color-mix(in srgb,var(--cta) 14%,var(--bg)) 0%,var(--bg) 100%)}}.preview-row-result{border-color:var(--cta)}@supports (color:color-mix(in lab,red,red)){.preview-row-result{border-color:color-mix(in srgb,var(--cta) 32%,var(--border))}}.preview-row-result .preview-row-value{color:var(--cta-dim)}html[data-theme=dark] .preview-row-result .preview-row-value{color:var(--cta)}.preview-bar{background:var(--bg-3);border-radius:999px;height:8px;position:relative;overflow:hidden}.preview-bar-fill{background:linear-gradient(90deg,var(--cta-dim),var(--accent-blue));border-radius:999px;width:15%;position:absolute;inset:0 auto 0 0}html[data-theme=dark] .preview-bar-fill{background:linear-gradient(90deg,var(--cta),var(--accent-blue))}.preview-cta{color:var(--cta-dim);align-self:flex-end;margin-top:4px;font-size:.85rem;font-weight:700}html[data-theme=dark] .preview-cta{color:var(--cta)}.preview-card-fx{gap:10px;padding:20px}.fx-row{border:1px solid var(--border);background:var(--bg-2);border-radius:14px;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.fx-row-result{background:linear-gradient(95deg,var(--cta),var(--bg-2))}@supports (color:color-mix(in lab,red,red)){.fx-row-result{background:linear-gradient(95deg,color-mix(in srgb,var(--cta) 9%,var(--bg-2)),var(--bg-2))}}.fx-row-result{border-color:var(--cta)}@supports (color:color-mix(in lab,red,red)){.fx-row-result{border-color:color-mix(in srgb,var(--cta) 24%,var(--border))}}.fx-flag{color:#1a1d2e;width:36px;height:26px;font-family:var(--font-mono);letter-spacing:0;background:linear-gradient(#d4d6df,#b9bbc6);border-radius:6px;place-items:center;font-size:.7rem;font-weight:700;display:grid}.fx-flag-usd{color:#1f3163;background:linear-gradient(#f5f7fa,#c8d0e0)}.fx-flag-krw{color:#aa2030;background:linear-gradient(#f5f7fa,#e6c8c8)}html[data-theme=dark] .fx-flag-usd{color:#1f3163}.fx-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.fx-code{letter-spacing:-.01em;color:var(--text);font-size:1rem;font-weight:700}.fx-name{color:var(--muted);font-size:.82rem}.fx-amount{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:1.3rem;font-weight:700}.fx-row-result .fx-amount{color:var(--cta-dim)}html[data-theme=dark] .fx-row-result .fx-amount{color:var(--cta)}.fx-swap{background:var(--bg-3);width:32px;height:32px;color:var(--muted);border:1px solid var(--border);z-index:1;border-radius:50%;place-items:center;margin:-4px auto;display:grid;position:relative}.fx-swap svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.fx-chart{border:1px solid var(--border);background:var(--bg-2);color:var(--cta-dim);border-radius:14px;flex-direction:column;gap:6px;margin-top:6px;padding:12px 14px 10px;display:flex}html[data-theme=dark] .fx-chart{color:var(--cta)}.fx-chart-label{color:var(--muted);font-size:.8rem;font-family:var(--font-sans)}.fx-chart-svg{width:100%;height:56px;display:block}html[data-theme=dark] .fx-row{background:var(--bg-3)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .fx-row{background:color-mix(in srgb,var(--bg-3) 80%,var(--bg-2))}}html[data-theme=dark] .fx-row-result{background:linear-gradient(95deg,var(--cta),var(--bg-2))}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .fx-row-result{background:linear-gradient(95deg,color-mix(in srgb,var(--cta) 14%,var(--bg-2)),var(--bg-2))}}html[data-theme=dark] .fx-chart{background:var(--bg-3)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .fx-chart{background:color-mix(in srgb,var(--bg-3) 80%,var(--bg-2))}}.floating-icon{background:var(--bg-2);border:1px solid var(--border);width:68px;height:68px;color:var(--text-2);z-index:1;border-radius:18px;place-items:center;transition:transform .4s;display:grid;position:absolute;box-shadow:0 18px 32px -18px #181a2a33,0 6px 14px -6px #181a2a1a}.floating-icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:30px;height:30px}.floating-icon-1{color:var(--cta-dim);background:linear-gradient(160deg,var(--cta),var(--bg-2));top:-2%;left:-4%}@supports (color:color-mix(in lab,red,red)){.floating-icon-1{background:linear-gradient(160deg,color-mix(in srgb,var(--cta) 16%,var(--bg-2)),var(--bg-2))}}.floating-icon-2{color:var(--accent-blue);background:linear-gradient(160deg,var(--accent-blue),var(--bg-2));bottom:8%;left:-6%}@supports (color:color-mix(in lab,red,red)){.floating-icon-2{background:linear-gradient(160deg,color-mix(in srgb,var(--accent-blue) 18%,var(--bg-2)),var(--bg-2))}}.floating-icon-3{color:#2c8a52;background:linear-gradient(160deg,#3cb06c29,var(--bg-2));top:12%;right:-6%}.floating-icon-4{color:#d57a17;background:linear-gradient(160deg,#ffa2472e,var(--bg-2));bottom:-4%;right:-2%}html[data-theme=dark] .floating-icon-1{color:var(--cta);background:linear-gradient(160deg,var(--cta),var(--bg-2))}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .floating-icon-1{background:linear-gradient(160deg,color-mix(in srgb,var(--cta) 22%,var(--bg-2)),var(--bg-2))}}html[data-theme=dark] .floating-icon-3{color:#66bb6a;background:linear-gradient(160deg,#3cb06c38,var(--bg-2))}html[data-theme=dark] .floating-icon-4{color:#ffb25a;background:linear-gradient(160deg,#ffa24738,var(--bg-2))}html[data-theme=dark] .floating-icon{background:var(--bg-2);box-shadow:0 12px 24px -14px #00000080}.cat-strip-section{padding:0 0 36px}.cat-strip{background:var(--bg-2);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:22px;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:22px 18px;display:grid}.cat-pill{text-align:center;border:1px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:14px 8px 12px;transition:background .15s,border-color .15s,transform .15s;display:flex}.cat-pill:hover{background:var(--bg-3);border-color:var(--border-2);transform:translateY(-2px)}.cat-pill-icon{background:var(--cta);border-radius:50%;place-items:center;width:50px;height:50px;display:grid}@supports (color:color-mix(in lab,red,red)){.cat-pill-icon{background:color-mix(in srgb,var(--cta) 10%,var(--bg-2))}}.cat-pill-icon{color:var(--cta-dim);flex-shrink:0;transition:transform .15s}html[data-theme=dark] .cat-pill-icon{background:var(--cta)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .cat-pill-icon{background:color-mix(in srgb,var(--cta) 14%,var(--bg-2))}}html[data-theme=dark] .cat-pill-icon{color:var(--cta)}.cat-pill:hover .cat-pill-icon{transform:scale(1.06)}.cat-pill-icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.cat-pill-body{flex-direction:column;align-items:center;gap:3px;min-width:0;display:flex}.cat-pill-name{font-family:var(--font-sans);letter-spacing:-.01em;color:var(--text);font-size:.98rem;font-weight:700}.cat-pill-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.85rem;line-height:1.4;overflow:hidden}.cat-pill[data-tone=purple] .cat-pill-icon{color:#6558e0;background:#7c6dff1a}.cat-pill[data-tone=blue] .cat-pill-icon{color:#2f6fdf;background:#4d8bff1f}.cat-pill[data-tone=violet] .cat-pill-icon{color:#8a4ee0;background:#a76cff24}.cat-pill[data-tone=amber] .cat-pill-icon{color:#d57a17;background:#ffa24729}.cat-pill[data-tone=rose] .cat-pill-icon{color:#c8385c;background:#ff6c8c24}.cat-pill[data-tone=teal] .cat-pill-icon{color:#1e7a72;background:#2eb8aa24}.cat-pill[data-tone=indigo] .cat-pill-icon{color:#3f4fc0;background:#5667e424}.cat-pill[data-tone=green] .cat-pill-icon{color:#2c8a52;background:#3cb06c24}.cat-pill[data-tone=cyan] .cat-pill-icon{color:#1d8ab5;background:#1d8ab524}.cat-pill[data-tone=pink] .cat-pill-icon{color:#c14079;background:#d24f8a24}html[data-theme=dark] .cat-pill[data-tone] .cat-pill-icon{color:#fff;opacity:.95}.section-featured .featured-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.featured-card{background:var(--bg-2);border:1px solid var(--border);min-height:300px;box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;padding:0;transition:transform .18s,border-color .15s,box-shadow .18s;display:flex;overflow:hidden}.featured-card:hover{border-color:var(--primary-soft);box-shadow:var(--shadow-md);transform:translateY(-4px)}.featured-icon{aspect-ratio:5/4;width:100%;font-family:var(--font-mono);letter-spacing:-.03em;border-radius:0;flex-shrink:0;place-items:center;margin:0;font-size:2.4rem;font-weight:800;display:grid}.featured-icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:64px;height:64px}.featured-icon-dev{color:var(--cta);background:linear-gradient(160deg,#1f2a1f,#131815);font-size:2.4rem}.featured-icon-date{color:#4d8bff;background:linear-gradient(160deg,#e7eeff,#d8e2ff)}.featured-icon-finance{color:#4a7a00;background:linear-gradient(160deg,#e6f4d8,#d2eab9)}.featured-icon-test{color:#e08a2e;background:linear-gradient(160deg,#fff0e0,#ffe0c4)}.featured-icon-check{color:#4d8bff;background:linear-gradient(160deg,#e7eeff,#d8e2ff)}.featured-icon-base64{color:#2a8a52;background:linear-gradient(160deg,#d2efe0,#b9e6cf);font-size:2rem}html[data-theme=dark] .featured-icon-dev{color:var(--cta);background:linear-gradient(160deg,#1f2a1f,#131815)}html[data-theme=dark] .featured-icon-date{color:#c2d6ff;background:#6da4ff2e}html[data-theme=dark] .featured-icon-finance{color:#cfe699;background:#aaff0029}html[data-theme=dark] .featured-icon-test{color:#ffbe70;background:#ffb25a33}html[data-theme=dark] .featured-icon-check{color:#c2d6ff;background:#6da4ff2e}html[data-theme=dark] .featured-icon-base64{color:#b9e6cf;background:#8ce09c33}.featured-body{flex-direction:column;flex:1;gap:6px;padding:18px 18px 20px;display:flex}.featured-name{font-family:var(--font-sans);letter-spacing:-.02em;color:var(--text);font-size:1.1rem;font-weight:700;line-height:1.3}.featured-desc{color:var(--muted);flex:1;font-size:.95rem;line-height:1.6}.featured-go{color:var(--muted);margin-top:10px;font-size:.9rem;font-weight:700;transition:color .15s,transform .15s;display:inline-block}.featured-card:hover .featured-go{color:var(--cta-dim);transform:translate(2px)}html[data-theme=dark] .featured-card:hover .featured-go{color:var(--cta)}.section-bytask .bytask-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.bytask-card{background:var(--bg-2);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;gap:16px;padding:24px;transition:box-shadow .18s,transform .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.bytask-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary-soft);transform:translateY(-2px)}.bytask-card:before{display:none}.bytask-card-head{align-items:center;gap:12px;display:flex}.bytask-icon{border-radius:14px;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.bytask-icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.bytask-icon-dev{background:var(--cta)}@supports (color:color-mix(in lab,red,red)){.bytask-icon-dev{background:color-mix(in srgb,var(--cta) 14%,var(--bg-2))}}.bytask-icon-dev{color:var(--cta-dim)}.bytask-icon-test{color:#2f6fdf;background:#4d8bff24}.bytask-icon-life{color:#2c8a52;background:#3cb06c29}html[data-theme=dark] .bytask-icon-dev{background:var(--cta)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .bytask-icon-dev{background:color-mix(in srgb,var(--cta) 18%,var(--bg-2))}}html[data-theme=dark] .bytask-icon-dev{color:var(--cta)}html[data-theme=dark] .bytask-icon-test{color:#9ec0ff;background:#6da4ff2e}html[data-theme=dark] .bytask-icon-life{color:#b9e6cf;background:#3cb06c33}.bytask-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:1.28rem;font-weight:700;line-height:1.25}.bytask-sub{color:var(--muted);margin-top:4px;font-size:.98rem;line-height:1.55}.bytask-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.bytask-list li a{background:var(--bg);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;transition:background .13s,border-color .13s,transform .13s;display:flex}html[data-theme=dark] .bytask-list li a{background:var(--bg-3)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .bytask-list li a{background:color-mix(in srgb,var(--bg-3) 80%,var(--bg-2))}}.bytask-list li a:hover{background:var(--bg-2);border-color:var(--primary-soft);transform:translate(3px)}.bytask-list li a strong{color:var(--text);letter-spacing:-.01em;flex:1;font-size:1.02rem;font-weight:700}.bytask-list li a span{color:var(--muted);text-align:right;font-size:.92rem}.bytask-cta{color:var(--cta-dim);align-items:center;gap:4px;margin-top:auto;padding-top:14px;font-size:.98rem;font-weight:700;display:inline-flex}html[data-theme=dark] .bytask-cta{color:var(--cta)}.bytask-card:hover .bytask-cta{filter:brightness(1.08)}.section-new-strip .section-toolbar{margin-bottom:14px}.new-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.new-strip li a{background:var(--bg-2);border:1px solid var(--border-2);border-radius:12px;align-items:center;gap:12px;padding:14px 18px;transition:background .13s,border-color .13s,transform .13s;display:flex}.new-strip li a:hover{background:var(--bg-2);border-color:var(--primary-soft);transform:translateY(-1px)}.new-strip-tag{font-family:var(--font-sans);text-transform:none;letter-spacing:-.01em;color:var(--cta-dim);background:var(--cta);border:0;border-radius:6px;padding:4px 9px;font-size:.82rem;font-weight:700}@supports (color:color-mix(in lab,red,red)){.new-strip-tag{background:color-mix(in srgb,var(--cta) 12%,var(--bg-2))}}.new-strip-tag{flex-shrink:0}html[data-theme=dark] .new-strip-tag{color:var(--cta)}.new-strip-name{letter-spacing:-.01em;color:var(--text);flex:1;font-size:1rem;font-weight:600}.new-strip-go{color:var(--muted);font-size:1rem;transition:color .13s,transform .13s}.new-strip li a:hover .new-strip-go{color:var(--cta-dim);transform:translate(2px)}html[data-theme=dark] .new-strip li a:hover .new-strip-go{color:var(--cta)}.section-content .content-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.section-toolbar-stacked{display:block}.content-card{background:var(--bg-2);border:1px solid var(--border-2);border-radius:14px;flex-direction:column;gap:8px;padding:22px 20px;transition:background .13s,border-color .13s;display:flex}.content-card:hover{background:var(--bg-3);border-color:var(--border-3)}.content-icon{background:var(--cta);border-radius:10px;place-items:center;width:36px;height:36px;display:grid}@supports (color:color-mix(in lab,red,red)){.content-icon{background:color-mix(in srgb,var(--cta) 12%,var(--bg-2))}}.content-icon{color:var(--cta-dim);margin-bottom:6px}html[data-theme=dark] .content-icon{color:var(--cta)}.content-icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.content-card-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:1.08rem;font-weight:700}.content-card-desc{color:var(--muted);flex:1;font-size:.95rem;line-height:1.65}.content-card-cta{color:var(--cta-dim);margin-top:4px;font-size:.85rem;font-weight:700}html[data-theme=dark] .content-card-cta{color:var(--cta)}.content-card:hover .content-card-cta{filter:brightness(1.08)}.section-why .why-strip{background:radial-gradient(420px 220px at 0% 0%,var(--cta),transparent 65%),radial-gradient(420px 220px at 100% 100%,var(--accent-blue),transparent 65%),var(--bg-2)}@supports (color:color-mix(in lab,red,red)){.section-why .why-strip{background:radial-gradient(420px 220px at 0% 0%,color-mix(in srgb,var(--cta) 10%,transparent),transparent 65%),radial-gradient(420px 220px at 100% 100%,color-mix(in srgb,var(--accent-blue) 8%,transparent),transparent 65%),var(--bg-2)}}.section-why .why-strip{border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:24px;flex-direction:column;gap:28px;padding:40px 36px;display:flex}html[data-theme=dark] .section-why .why-strip{background:radial-gradient(420px 220px at 0% 0%,var(--cta),transparent 65%),radial-gradient(420px 220px at 100% 100%,var(--accent-blue),transparent 65%),var(--bg-2)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .section-why .why-strip{background:radial-gradient(420px 220px at 0% 0%,color-mix(in srgb,var(--cta) 14%,transparent),transparent 65%),radial-gradient(420px 220px at 100% 100%,color-mix(in srgb,var(--accent-blue) 14%,transparent),transparent 65%),var(--bg-2)}}.why-strip-head{flex-direction:column;gap:8px;display:flex}.why-strip-head h2{font-size:1.7rem}.why-strip-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.why-strip-grid .why-card{background:0 0;border:0;padding:0}.all-tools-card-rich{background:radial-gradient(620px 320px at 92% 50%,var(--cta),transparent 72%),radial-gradient(420px 240px at 0% 0%,var(--accent-blue),transparent 70%),linear-gradient(135deg,var(--bg-2),var(--cta));padding:36px 40px}@supports (color:color-mix(in lab,red,red)){.all-tools-card-rich{background:radial-gradient(620px 320px at 92% 50%,color-mix(in srgb,var(--cta) 18%,transparent),transparent 72%),radial-gradient(420px 240px at 0% 0%,color-mix(in srgb,var(--accent-blue) 9%,transparent),transparent 70%),linear-gradient(135deg,var(--bg-2),color-mix(in srgb,var(--cta) 5%,var(--bg-2)))}}.all-tools-card-rich{border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:24px}.all-tools-card-rich .section-num{color:var(--cta-dim)}html[data-theme=dark] .all-tools-card-rich .section-num{color:var(--cta)}.all-tools-card-rich .section-title{font-size:1.65rem}.all-tools-card-rich .section-sub{font-size:1.02rem}.all-tools-card-rich .tbtn.hi{padding:12px 22px;font-size:.95rem}@media(max-width:1100px){.cat-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:18px 14px}.section-featured .featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-content .content-grid,.why-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.hero-grid{grid-template-columns:1fr}.hero-card-feature{min-height:unset;padding:32px 24px}.hero-visual{min-height:320px}.section-bytask .bytask-grid{grid-template-columns:1fr}.new-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.cat-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}.cat-pill{padding:8px 10px}.cat-pill-icon{width:32px;height:32px}.section-featured .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.featured-card{min-height:unset;padding:14px 12px}.featured-icon{border-radius:12px;width:44px;height:44px}.section-content .content-grid{grid-template-columns:1fr}.why-strip{padding:22px 18px}.why-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.new-strip{grid-template-columns:1fr}.all-tools-card-rich{flex-direction:column;align-items:flex-start;padding:22px 20px}.hero-search-form{padding-left:38px}.hero-search-form .hs-icon{left:12px}.hero-search-form .hs-btn{padding:8px 14px;font-size:.82rem}.floating-icon{display:none}}@media(max-width:480px){.why-strip-grid,.section-featured .featured-grid{grid-template-columns:1fr}}.section+.section{border-top:0}.section-featured{padding:64px 0 48px}.section-bytask{background:var(--bg);padding:72px 0}.section-bytask+.section{border-top:1px solid var(--border)}.section-new-strip{padding:48px 0}.section-content{background:var(--bg);padding:80px 0}.section-content+.section{border-top:1px solid var(--border)}.section-why{padding:64px 0 48px}.section-faq{padding:64px 0}.section-faq .faq-accordion{background:var(--bg-2);border-color:var(--border);box-shadow:var(--shadow-sm);border-radius:14px}.section-faq .faq-accordion dt{background:var(--bg-2);padding:18px 22px;font-size:1.05rem}.section-faq .faq-accordion dt:hover{background:var(--bg-3)}.section-faq .faq-accordion dd{color:var(--text-2);background:var(--bg-2);border-bottom:1px solid var(--border);padding:4px 22px 20px;font-size:1rem;line-height:1.7}.section-faq .faq-accordion dt:last-of-type{border-bottom:1px solid var(--border)}.section-faq .faq-accordion dd:last-of-type{border-bottom:none}html[data-theme=dark] .section-bytask,html[data-theme=dark] .section-content{background:var(--bg-2)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .section-bytask,html[data-theme=dark] .section-content{background:color-mix(in srgb,var(--bg-2) 70%,var(--bg))}}.bytask-eyebrow{font-family:var(--font-mono);color:var(--cta-dim);letter-spacing:.12em;text-transform:uppercase;margin-bottom:6px;font-size:.7rem;font-weight:700;display:inline-block}html[data-theme=dark] .bytask-eyebrow{color:var(--cta)}.bytask-card{min-height:380px;padding:32px 28px}.bytask-card-dev{background:linear-gradient(180deg,var(--cta),transparent 55%),var(--bg-2)}@supports (color:color-mix(in lab,red,red)){.bytask-card-dev{background:linear-gradient(180deg,color-mix(in srgb,var(--cta) 8%,transparent),transparent 55%),var(--bg-2)}}.bytask-card-test{background:linear-gradient(180deg,#4d8bff12,transparent 55%),var(--bg-2)}.bytask-card-life{background:linear-gradient(180deg,#3cb06c14,#4d8bff0a 50%,transparent 80%),var(--bg-2)}html[data-theme=dark] .bytask-card-dev{background:radial-gradient(220px 160px at 100% 0%,var(--cta),transparent 70%),var(--bg-2)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .bytask-card-dev{background:radial-gradient(220px 160px at 100% 0%,color-mix(in srgb,var(--cta) 18%,transparent),transparent 70%),var(--bg-2)}}html[data-theme=dark] .bytask-card-dev{border-color:var(--cta)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .bytask-card-dev{border-color:color-mix(in srgb,var(--cta) 28%,var(--border-2))}}html[data-theme=dark] .bytask-card-test{background:radial-gradient(220px 160px at 100% 0%,#50c8ff2e,transparent 70%),var(--bg-2);border-color:#50c8ff}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .bytask-card-test{border-color:color-mix(in srgb,#50c8ff 28%,var(--border-2))}}html[data-theme=dark] .bytask-card-life{background:radial-gradient(220px 160px at 100% 0%,#3cb06c33,transparent 70%),var(--bg-2);border-color:#66bb6a}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .bytask-card-life{border-color:color-mix(in srgb,#66bb6a 28%,var(--border-2))}}.content-lede{text-align:center;flex-direction:column;gap:10px;max-width:760px;margin:0 auto 40px;display:flex}.content-lede .section-num{margin-bottom:6px}.content-lede-title{letter-spacing:-.03em;font-size:clamp(1.6rem,2.8vw,2.2rem);line-height:1.22}.content-lede-desc{color:var(--text-2);font-size:1rem;line-height:1.7}.content-row{background:var(--bg-2);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:22px;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.content-item{background:0 0;flex-direction:column;gap:12px;padding:28px 28px 26px;display:flex;position:relative}.content-item+.content-item:before{content:"";background:var(--border);width:1px;position:absolute;top:24px;bottom:24px;left:0}.content-item-num{font-family:var(--font-mono);color:var(--cta-dim);letter-spacing:.08em;font-size:.85rem;font-weight:700}html[data-theme=dark] .content-item-num{color:var(--cta)}.content-item-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:1.2rem;font-weight:700;line-height:1.3}.content-item-desc{color:var(--text-2);flex:1;font-size:.98rem;line-height:1.7}.content-item-cta{color:var(--cta-dim);width:fit-content;margin-top:6px;font-size:.95rem;font-weight:700}html[data-theme=dark] .content-item-cta{color:var(--cta)}.content-item-cta:hover{filter:brightness(1.08)}@media(max-width:1100px){.content-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 0}.content-item{padding:4px 24px}.content-item:nth-child(odd):before{display:none}.content-item:nth-child(2n):before{display:block}.content-item:first-child:before,.content-item:nth-child(2):before{display:none}.content-item:nth-child(2):before{display:block}}@media(max-width:720px){.content-lede{text-align:left;margin-bottom:22px}.content-row{grid-template-columns:1fr;gap:0}.content-item{border-top:1px solid var(--border);padding:18px 0}.content-item:first-child{border-top:0}.content-item:before,.content-item+.content-item:before{display:none!important}.bytask-card{min-height:unset;padding:22px 18px}}html[data-theme=dark] .hero-card-feature{background:radial-gradient(620px 320px at 12% -10%,var(--cta),transparent 60%),radial-gradient(420px 260px at 110% 110%,var(--accent-blue),transparent 60%),var(--bg-2)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .hero-card-feature{background:radial-gradient(620px 320px at 12% -10%,color-mix(in srgb,var(--cta) 12%,transparent),transparent 60%),radial-gradient(420px 260px at 110% 110%,color-mix(in srgb,var(--accent-blue) 14%,transparent),transparent 60%),var(--bg-2)}}html[data-theme=dark] .hero-card-feature{border-color:var(--border-3)}html[data-theme=dark] .preview-card{background:linear-gradient(160deg,var(--bg-3),var(--bg-2))}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .preview-card{background:linear-gradient(160deg,color-mix(in srgb,var(--bg-3) 94%,var(--cta) 6%),var(--bg-2))}}footer{border-top:1px solid var(--border-3);background:var(--bg-2);padding:32px 0 24px}.footer-compact{text-align:center}.footer-brand{font-family:var(--font-display);letter-spacing:-.03em;justify-content:center;align-items:center;gap:8px;font-size:1rem;font-weight:800;display:inline-flex}.footer-brand .logo-mark{border-radius:5px;width:22px;height:22px;font-size:.625rem}.footer-desc{color:var(--muted);margin-top:10px;font-size:.95rem;line-height:1.65}.footer-links{flex-wrap:wrap;justify-content:center;gap:8px 22px;margin-top:18px;display:flex}.footer-links a{color:var(--muted);font-size:.95rem;transition:color .15s}.footer-links a:hover{color:var(--text)}.footer-bottom{border-top:1px solid var(--border-2);text-align:center;color:var(--muted);font-size:.75rem;font-family:var(--font-mono);margin-top:20px;padding-top:16px}.page-header{padding:12px 0 28px}.page-header.page-header-compact{padding:8px 0 18px}.page-header .hero-eyebrow{margin-bottom:16px}.page-title{font-family:var(--font-display);letter-spacing:-.04em;margin-bottom:8px;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:800}.page-desc{color:var(--muted);max-width:72ch;font-size:.95rem;line-height:1.7}.page-desc.is-single-line{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;max-width:100%;font-size:clamp(.78rem,1.15vw,.95rem);line-height:1.45;overflow:hidden}.hub-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;padding-bottom:40px;display:grid}.date-hub-intro{background:var(--bg-2);border:1px solid var(--border-3);border-radius:var(--rad);margin-bottom:24px;padding:28px}.date-hub-intro-title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:10px;font-size:1.1rem;font-weight:700}.date-hub-intro-text{color:var(--muted);margin-bottom:16px;font-size:.875rem;line-height:1.65}.date-hub-jump{flex-wrap:wrap;gap:6px;display:flex}.date-hub-jump a{border:1px solid var(--border);color:var(--muted);background:var(--bg-3);font-size:.75rem;font-family:var(--font-mono);border-radius:5px;padding:5px 12px;transition:all .15s}.date-hub-jump a:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.date-hub-section{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--rad);flex-direction:column;gap:10px;padding:24px;display:flex}.date-hub-section .dh-icon{background:var(--primary-bg);border:1px solid var(--border);width:32px;height:32px;color:var(--primary);font-family:var(--font-mono);border-radius:6px;place-items:center;font-size:.75rem;font-weight:700;display:grid}.date-hub-section .dh-title{font-family:var(--font-display);letter-spacing:-.03em;font-size:1.05rem;font-weight:700}.date-hub-section .dh-desc{color:var(--muted);font-size:.8125rem;line-height:1.6}.date-hub-section .dh-placeholder{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--rad-sm);text-align:center;color:var(--muted);font-family:var(--font-mono);padding:20px;font-size:.75rem}.date-hub-section .dh-cta{color:var(--primary-dim);align-items:center;gap:4px;width:fit-content;font-size:.8125rem;font-weight:600;transition:color .15s;display:inline-flex}.date-hub-section .dh-cta:hover{color:var(--primary)}.tool-form-placeholder,.tool-result-placeholder{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--rad);text-align:center;color:var(--muted);font-family:var(--font-mono);padding:36px;font-size:.8125rem}.tool-form-placeholder .placeholder-label,.tool-result-placeholder .placeholder-label{text-transform:uppercase;letter-spacing:.1em;color:var(--border-2);margin-bottom:6px;font-size:.6875rem;display:block}.tool-result-placeholder{margin-top:14px}.tool-content-section{border-top:1px solid var(--border-3);margin-top:28px;padding:28px 0}.calc-anchor-expanded{border:1px solid var(--border-2);border-radius:var(--rad);background:linear-gradient(180deg,var(--primary-bg),transparent 62%),var(--bg-2);margin-top:28px;padding:24px}@supports (color:color-mix(in lab,red,red)){.calc-anchor-expanded{background:linear-gradient(180deg,color-mix(in srgb,var(--primary-bg) 55%,transparent),transparent 62%),var(--bg-2)}}.calc-anchor-expanded .section-toolbar{margin-bottom:18px}.calc-anchor-expanded .tool-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.calc-anchor-expanded .tool-card{min-height:172px}.tool-content-section h2{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:12px;font-size:1.2rem;font-weight:700}.tool-content-section p,.tool-content-section li{color:var(--muted);font-size:.875rem;line-height:1.7}.calc-info-block{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--rad);margin-top:28px;padding:24px}.calc-info-block+.calc-info-block{margin-top:16px}.calc-info-block h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin-bottom:14px;font-size:1.15rem;font-weight:700}.calc-info-block ol,.calc-info-block ul{margin:0;padding-left:1.25em}.calc-info-block li{color:var(--text-2);font-size:.875rem;line-height:1.75}.calc-info-block li+li{margin-top:4px}.calc-info-block h3{color:var(--text);margin:18px 0 8px;font-size:.9375rem;font-weight:700}.calc-info-block h3:first-of-type{margin-top:12px}.calc-info-block p{color:var(--text-2);margin:8px 0 0;font-size:.875rem;line-height:1.75}.calc-info-block .faq-accordion{margin-top:0}@media(max-width:600px){.calc-info-block{margin-top:20px;padding:18px 16px}.calc-info-block+.calc-info-block{margin-top:12px}.calc-info-block h2{margin-bottom:12px;font-size:1.05rem}.calc-info-block h3{margin:14px 0 6px;font-size:.875rem}}.date-tool-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px;display:grid}.date-tool-panel{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--rad);padding:22px}.date-tool-section-title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:14px;font-size:1.2rem;font-weight:700}.date-tool-form{flex-direction:column;gap:14px;display:flex}.date-tool-field{flex-direction:column;gap:6px;display:flex}.date-tool-field label{color:var(--text-2);font-size:.8125rem;font-weight:600}.date-tool-input-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.date-tool-input,.date-tool-text-input{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--rad-sm);width:100%;color:var(--text);padding:10px 12px;font-size:.9rem;transition:border-color .15s,box-shadow .15s}.converter-unit-radios{flex-wrap:wrap;gap:6px;display:flex}.converter-unit-chip{border:1px solid var(--border);cursor:pointer;color:var(--muted);background:0 0;border-radius:6px;align-items:center;padding:5px 12px;font-size:.8125rem;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.converter-unit-chip input[type=radio]{display:none}.converter-unit-chip:has(input:checked){border-color:var(--primary);background:var(--primary-bg);color:var(--primary);font-weight:600}.converter-unit-chip:hover{border-color:var(--primary)}.date-tool-input::-webkit-calendar-picker-indicator{filter:invert(.85);cursor:pointer}html[data-theme=light] .date-tool-input::-webkit-calendar-picker-indicator{filter:none}.date-tool-input:focus,.date-tool-text-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg);outline:none}.date-tool-input.is-invalid,.date-tool-text-input.is-invalid{border-color:#ef4444;box-shadow:0 0 0 2px #ef444426}.date-tool-calendar-btn{border:1px solid var(--border);background:var(--bg);color:var(--muted);white-space:nowrap;border-radius:6px;padding:8px 11px;font-size:.75rem;font-weight:600;transition:all .15s}.date-tool-calendar-btn:hover,.date-tool-calendar-btn:focus-visible{border-color:var(--primary);color:var(--primary);background:var(--primary-bg);outline:none}.date-tool-help{color:var(--muted);font-size:.75rem}.date-tool-error{color:#f87171;font-size:.75rem;font-weight:600}.date-tool-options{border:1px solid var(--border);border-radius:var(--rad-sm);background:var(--bg-3);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.date-tool-options legend{color:var(--muted);font-size:.75rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;padding:0 4px}.date-tool-checkbox{color:var(--text-2);align-items:center;gap:8px;font-size:.875rem;display:inline-flex}.date-tool-checkbox input{accent-color:var(--primary)}.date-tool-quick{flex-wrap:wrap;gap:8px;display:flex}.date-tool-quick-btn{border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:5px;padding:5px 10px;font-size:.75rem;font-weight:600;transition:all .15s}.date-tool-quick-btn:hover,.date-tool-quick-btn:focus-visible{border-color:var(--primary);color:var(--primary);background:var(--primary-bg);outline:none}.date-tool-actions{flex-wrap:wrap;gap:8px;display:flex}.date-tool-action-btn{border-radius:6px;justify-content:center;align-items:center;padding:9px 16px;font-size:.875rem;font-weight:700;transition:filter .15s,transform .15s,border-color .15s,color .15s,background .15s;display:inline-flex}.date-tool-action-btn.is-primary{background:var(--cta);border:1px solid var(--cta);color:var(--cta-text);border-radius:6px}.date-tool-action-btn.is-primary:hover{filter:brightness(1.06)}.date-tool-action-btn.is-ghost{border:1px solid var(--border);background:var(--bg);color:var(--muted)}.date-tool-action-btn.is-ghost:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-bg)}.date-tool-action-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.date-tool-stepper-group{flex-direction:column;gap:10px;display:flex}.date-tool-stepper-row{align-items:center;gap:8px;display:flex}.date-tool-stepper-label{min-width:2.2em;color:var(--text-2);flex-shrink:0;font-size:.8125rem;font-weight:600}.date-tool-stepper{border:1px solid var(--border);background:var(--bg-3);border-radius:6px;align-items:center;display:inline-flex;overflow:hidden}.date-tool-stepper-btn{background:var(--bg-4);width:36px;height:36px;color:var(--text-2);cursor:pointer;-webkit-user-select:none;user-select:none;border:none;place-items:center;font-size:1.1rem;font-weight:700;transition:background .12s,color .12s;display:grid}.date-tool-stepper-btn:hover{background:var(--tab-active-bg);color:var(--tab-active)}.date-tool-stepper-btn:active{background:var(--tab-active);color:var(--cta-text)}.date-tool-stepper-value{text-align:center;min-width:48px;color:var(--text);-moz-appearance:textfield;background:0 0;border:none;padding:0 4px;font-size:.9rem;font-weight:600}.date-tool-stepper-value::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.date-tool-stepper-value::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.date-tool-time-picker{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.date-tool-time-sep{color:var(--muted);padding:0 2px;font-size:1.1rem;font-weight:700}.date-tool-time-unit-label{color:var(--muted);text-align:center;margin-top:2px;font-size:.6875rem}.date-tool-input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:40px;height:100%;position:absolute;right:0}.date-tool-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.date-tool-result-card{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--rad-sm);padding:14px}.date-tool-result-card.is-primary{border-color:var(--primary);background:linear-gradient(120deg,var(--primary-bg),transparent 80%),var(--bg-3);grid-column:1/-1}.date-tool-result-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-family:var(--font-mono)}.date-tool-result-main{font-family:var(--font-display);letter-spacing:-.04em;margin-top:8px;font-size:clamp(1.8rem,3.2vw,2.4rem);font-weight:800}.date-tool-result-value{color:var(--text-2);margin-top:6px;font-size:1rem;font-weight:600}.date-tool-mini{color:var(--muted);margin-top:4px;font-size:.8125rem}.date-tool-basis{color:var(--muted);margin-top:12px;font-size:.8125rem}.date-tool-result-note{color:var(--muted);margin-top:4px;font-size:.8125rem}.date-tool-result-caveat{color:var(--muted);opacity:.7;margin-top:2px;font-size:.75rem}.date-tool-details-summary{cursor:pointer;color:var(--text-2);padding:8px 0;font-size:.875rem;font-weight:600}.date-tool-details-summary:hover{color:var(--accent)}.money-label-row{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.money-unit-label{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:.75rem}.money-quick-btns{flex-wrap:wrap;gap:3px;margin-top:3px;display:flex}.money-quick-btn{border:1px solid var(--border-2);border-radius:var(--rad-sm);background:var(--bg-3);color:var(--text-2);cursor:pointer;white-space:nowrap;padding:1px 6px;font-size:.6875rem;line-height:1.5;transition:border-color .12s,color .12s,background .12s}.money-quick-btn:hover{border-color:var(--border-3);color:var(--text);background:var(--bg-4)}.money-quick-btn:active{background:var(--bg-4);border-color:var(--muted)}.money-quick-btn:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.hbb-form-grid{grid-template-columns:1fr;gap:10px;display:grid}@media(min-width:640px){.hbb-form-grid{grid-template-columns:1fr 1fr;gap:12px 16px}.hbb-form-grid .hbb-full-width{grid-column:1/-1}}.hbb-segmented-group{border:1px solid var(--border);border-radius:var(--rad-sm);gap:0;display:flex;overflow:hidden}.hbb-segmented-option{text-align:center;cursor:pointer;flex:1}.hbb-segmented-option input[type=radio]{opacity:0;pointer-events:none;position:absolute}.hbb-segmented-label{color:var(--text-2);background:var(--bg-3);border-right:1px solid var(--border);padding:6px 4px;font-size:.8125rem;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:block}.hbb-segmented-option:last-child .hbb-segmented-label{border-right:none}.hbb-segmented-option:hover .hbb-segmented-label{background:var(--bg-4)}.hbb-segmented-option input[type=radio]:checked+.hbb-segmented-label{color:#1a7a1a;background:#228b2214;border-color:#228b2240;font-weight:700}html[data-theme=light] .hbb-segmented-option input[type=radio]:checked+.hbb-segmented-label{color:#1b5e20;background:#e8f5e9;border-color:#66bb6a}.date-tool-empty{border:1px dashed var(--border-2);border-radius:var(--rad-sm);text-align:center;background:var(--bg-3);padding:24px 18px}.date-tool-empty-title{font-family:var(--font-display);letter-spacing:-.03em;margin-bottom:6px;font-size:1.05rem}.date-tool-empty-desc{color:var(--muted);font-size:.875rem}.guide-body{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--rad);color:var(--text-2);padding:36px;font-size:.925rem;line-height:1.8}.guide-body p+p{margin-top:16px}.static-body{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--rad);color:var(--text-2);margin-bottom:40px;padding:36px;font-size:.925rem;line-height:1.8}.static-body p+p{margin-top:16px}.static-body h2{font-family:var(--font-display);color:var(--text);margin-top:24px;margin-bottom:10px;font-size:1.2rem;font-weight:700}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.hero-card>*{animation:.45s both fade-up}.hero-card>:first-child{animation-delay:50ms}.hero-card>:nth-child(2){animation-delay:.12s}.hero-card>:nth-child(3){animation-delay:.18s}.hero-card>:nth-child(4){animation-delay:.23s}.hero-panel{animation:.45s .1s both fade-up}@media(max-width:960px){.hero-grid{grid-template-columns:1fr}.hero-panel{min-height:200px}.cat-grid,.tool-grid{grid-template-columns:repeat(2,1fr)}.guide-grid{grid-template-columns:1fr}}@media(max-width:600px){.hero-card{min-height:unset;padding:24px 20px}.hero-title{font-size:2.4rem}.hero-sub{margin-bottom:20px;font-size:.925rem}.cat-grid,.tool-grid{grid-template-columns:1fr}.topbar-search-wrap{display:none}.hero-search input{padding-right:16px}.hs-btn{display:none}.section-toolbar{flex-direction:column;align-items:flex-start;gap:8px}.page-header.page-header-compact{padding:6px 0 14px}.hub-grid{grid-template-columns:1fr}.breadcrumb{padding-top:16px}.date-tool-layout{grid-template-columns:1fr}.date-tool-panel{padding:18px}.date-tool-input-row{grid-template-columns:1fr;gap:6px}.date-tool-calendar-btn{width:100%}.date-tool-actions{flex-direction:column}.date-tool-action-btn{justify-content:center;width:100%}.date-tool-result-grid{grid-template-columns:1fr}}.all-tools-section{padding-top:36px;padding-bottom:56px}.all-tools-card{background:var(--bg-2);border:1px solid var(--border-2);border-radius:var(--rad);justify-content:space-between;align-items:flex-end;gap:16px;padding:24px;display:flex}.page-title-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.page-title-row .page-title{margin-bottom:0}.detail-fav-btn{border:1px solid var(--border);background:var(--bg-3);color:var(--muted);border-radius:8px;align-items:center;gap:6px;height:36px;padding:0 12px;font-size:.8125rem;font-weight:700;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.detail-fav-btn svg{fill:currentColor;pointer-events:none;width:16px;height:16px}.detail-fav-btn:hover{border-color:var(--cta);color:var(--cta);background:var(--cta)}@supports (color:color-mix(in lab,red,red)){.detail-fav-btn:hover{background:color-mix(in srgb,var(--cta) 10%,transparent)}}.detail-fav-btn.is-favorited{border-color:var(--cta);color:var(--cta);background:var(--cta)}@supports (color:color-mix(in lab,red,red)){.detail-fav-btn.is-favorited{background:color-mix(in srgb,var(--cta) 14%,transparent)}}.detail-fav-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.recent-calcs-ribbon{border:1px solid var(--border-2);border-radius:var(--rad-sm);background:var(--bg-2);margin-bottom:14px}.recent-calcs-ribbon-inner{align-items:center;gap:12px;padding:10px 12px;display:flex}.recent-calcs-ribbon-title{color:var(--muted);font-size:.75rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;flex-shrink:0}.recent-calcs-ribbon-track{gap:8px;width:100%;padding-bottom:2px;display:flex;overflow-x:auto}.recent-calcs-ribbon-track::-webkit-scrollbar{height:6px}.recent-calcs-ribbon-track::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:999px}.recent-calc-chip{border:1px solid var(--border);background:var(--bg-3);color:var(--text-2);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:7px 12px;transition:border-color .15s,background .15s,transform .15s;display:inline-flex}.recent-calc-chip:hover{border-color:var(--primary);background:var(--primary-bg)}.recent-calc-chip.is-restored{border-color:var(--cta);transform:translateY(-1px)}.recent-calc-chip .recent-calc-summary{color:var(--text);font-size:.8125rem;font-weight:600}.recent-calc-chip .recent-calc-time{color:var(--muted);font-size:.75rem;font-family:var(--font-mono)}.recent-calc-chip.is-empty{color:var(--muted);cursor:default;border-style:dashed}.holiday-year-board{border:1px solid var(--border-2);border-radius:var(--rad);background:var(--bg-2);padding:20px}.holiday-year-filter{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;display:flex}.holiday-year-filter label{color:var(--muted);font-size:.8125rem;font-family:var(--font-mono)}.holiday-year-filter select{border:1px solid var(--border);background:var(--bg-3);color:var(--text);border-radius:6px;min-width:140px;padding:7px 10px}.holiday-year-note{color:var(--muted);margin-bottom:12px;font-size:.8125rem}.holiday-year-table-wrap{overflow-x:auto}.holiday-year-table{border-collapse:collapse;width:100%}.holiday-year-table th,.holiday-year-table td{border-bottom:1px solid var(--border);text-align:left;padding:8px 10px;font-size:.8125rem}.holiday-year-table th{color:var(--muted);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.04em}.holiday-year-table tbody tr.is-active td{background:var(--primary-bg)}@supports (color:color-mix(in lab,red,red)){.holiday-year-table tbody tr.is-active td{background:color-mix(in srgb,var(--primary-bg) 75%,transparent)}}.holiday-year-table tbody tr.is-active td{font-weight:600}.holiday-year-empty{border:1px dashed var(--border);color:var(--muted);border-radius:8px;padding:12px;font-size:.8125rem}.holiday-year-summary{background:var(--primary-bg);color:var(--fg);border-radius:8px;margin-bottom:12px;padding:10px 14px;font-size:.875rem}.holiday-year-summary strong{color:var(--primary);font-weight:700}.holiday-year-filter{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.holiday-next-year-btn{border:1px solid var(--border);color:var(--fg);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:4px 12px;font-size:.8125rem}.holiday-next-year-btn:hover:not(:disabled){background:var(--primary-bg);color:var(--primary)}.holiday-next-year-btn:disabled{opacity:.4;cursor:default}.holiday-month-divider td{background:var(--bg);color:var(--muted);border-bottom:1px solid var(--border);letter-spacing:.04em;font-size:.8125rem;font-weight:700;padding:8px 10px 4px!important}.holiday-block-summary td{background:var(--primary-bg)}@supports (color:color-mix(in lab,red,red)){.holiday-block-summary td{background:color-mix(in srgb,var(--primary-bg) 50%,transparent)}}.holiday-block-summary td{color:var(--primary);border-bottom:none;font-size:.8125rem;font-weight:600;padding:6px 10px!important}.holiday-source-list{flex-wrap:wrap;gap:6px 14px;margin-top:12px;display:flex}.holiday-source-list li{list-style:none}.holiday-source-list a{color:var(--primary-dim);font-size:.75rem}.holiday-source-list a:hover{color:var(--primary)}@media(max-width:600px){.all-tools-card{flex-direction:column;align-items:flex-start;padding:20px}.global-dday-banner-track{padding:6px 0}.global-dday-chip{padding:4px 9px}.global-dday-chip-main{font-size:.75rem}.recent-calcs-ribbon-inner{flex-direction:column;align-items:flex-start}.recent-calcs-ribbon-track{width:100%}.holiday-year-board{padding:16px}}:root{--calendar-icon-dark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='16' rx='3' fill='none' stroke='%23E8EDFF' stroke-width='1.8'/%3E%3Cpath d='M8 3v4M16 3v4M3 9h18' fill='none' stroke='%23E8EDFF' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='8' cy='13' r='1.2' fill='%23E8EDFF'/%3E%3Ccircle cx='12' cy='13' r='1.2' fill='%23E8EDFF'/%3E%3Ccircle cx='16' cy='13' r='1.2' fill='%23E8EDFF'/%3E%3C/svg%3E");--calendar-icon-light:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='5' width='18' height='16' rx='3' fill='none' stroke='%232B3342' stroke-width='1.8'/%3E%3Cpath d='M8 3v4M16 3v4M3 9h18' fill='none' stroke='%232B3342' stroke-width='1.8' stroke-linecap='round'/%3E%3Ccircle cx='8' cy='13' r='1.2' fill='%232B3342'/%3E%3Ccircle cx='12' cy='13' r='1.2' fill='%232B3342'/%3E%3Ccircle cx='16' cy='13' r='1.2' fill='%232B3342'/%3E%3C/svg%3E")}.date-tool-layout[data-calc-panels="3"],.date-tool-layout[data-date-tool-layout]{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:14px;display:grid}.date-tool-layout[data-calc-panels="3"]>.date-tool-panel.calc-related-panel{min-height:auto}.date-tool-layout[data-calc-panels="3"]>.date-tool-panel.calc-related-panel .tool-grid{flex-direction:column;gap:10px;display:flex}.date-tool-layout[data-calc-panels="2"]{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.date-tool-layout[data-date-tool-layout]>[data-panel-role]{min-height:280px}.date-tool-layout[data-date-tool-layout]>[data-panel-role=result][data-panel-visible=false],.date-tool-layout[data-date-tool-layout]>[data-panel-role=extra][data-panel-visible=false]{visibility:hidden;pointer-events:none}.date-tool-layout[data-date-tool-layout]>[data-panel-role=result][data-panel-visible=true],.date-tool-layout[data-date-tool-layout]>[data-panel-role=extra][data-panel-visible=true]{visibility:visible;pointer-events:auto}.date-tool-layout[data-date-tool-layout] .date-tool-input-row{display:block;position:relative}.date-tool-layout[data-date-tool-layout] .date-tool-input,.date-tool-layout[data-date-tool-layout] .date-tool-text-input{min-height:38px;padding-top:7px;padding-bottom:7px;font-size:.8125rem}.date-tool-layout[data-date-tool-layout] .date-tool-input{padding-right:42px}.date-tool-layout[data-date-tool-layout] .date-tool-calendar-btn{z-index:2;background:0 0;border:none;width:24px;min-width:24px;height:24px;padding:0;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.date-tool-layout[data-date-tool-layout] .date-tool-calendar-btn:before{content:"";background-image:var(--calendar-icon-dark);background-position:50%;background-repeat:no-repeat;background-size:18px 18px;width:18px;height:18px;display:block}html[data-theme=light] .date-tool-layout[data-date-tool-layout] .date-tool-calendar-btn:before{background-image:var(--calendar-icon-light)}.date-tool-layout[data-date-tool-layout] .date-tool-calendar-btn:hover,.date-tool-layout[data-date-tool-layout] .date-tool-calendar-btn:focus-visible{box-shadow:0 0 0 2px var(--primary-bg);border-radius:4px;outline:none}.date-tool-extra-stack{flex-direction:column;gap:10px;display:flex}.date-tool-extra-title{color:var(--text);margin:0;font-size:.8125rem;font-weight:700}.date-tool-related-buttons{flex-wrap:wrap;gap:10px;display:flex}.date-tool-related-btn{border:1px solid var(--border);background:var(--bg-3);min-height:36px;color:var(--text);border-radius:8px;justify-content:center;align-items:center;padding:8px 12px;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-flex}.date-tool-related-btn:hover,.date-tool-related-btn:focus-visible{border-color:var(--primary);color:var(--primary);outline:none}.date-tool-related-btn.is-continuation{border-color:var(--primary);background:var(--primary-bg);color:var(--primary);font-weight:700}.date-tool-related-btn.is-continuation:hover,.date-tool-related-btn.is-continuation:focus-visible{background:var(--primary);color:#fff}.date-tool-extra-stack.is-primary{border-bottom:1px solid var(--border);margin-bottom:4px;padding-bottom:12px}.ka-result-summary{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.ka-summary-item{border:1px solid var(--border);background:var(--bg-3);border-radius:8px;flex-direction:column;flex:auto;gap:2px;min-width:0;padding:10px 14px;display:flex}.ka-summary-item.is-primary{border-color:var(--primary);background:var(--primary-bg);flex:100%}.ka-summary-label{color:var(--text-2);font-size:.75rem;font-weight:600}.ka-summary-value{color:var(--text);font-size:.875rem;font-weight:700}.ka-summary-item.is-primary .ka-summary-value{color:var(--cta)}.ka-direct-entry-form{border:1px solid var(--border);background:var(--card-bg,var(--bg));border-radius:10px;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:14px;display:flex}.ka-direct-field{flex-direction:column;flex:140px;gap:4px;min-width:0;display:flex}.ka-direct-field label{color:var(--muted);font-size:.75rem;font-weight:600}.ka-direct-field .date-tool-input{width:100%}.ka-direct-entry-form .date-tool-action-btn{white-space:nowrap;flex-shrink:0}.ka-result-switcher{border:1px solid var(--border);border-radius:var(--rad-sm);background:var(--bg-3);flex-direction:column;gap:8px;margin-bottom:16px;padding:12px 16px;display:flex}.ka-switcher-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;font-weight:700}.ka-switcher-links{flex-wrap:wrap;gap:6px;display:flex}.ka-switcher-link{border:1px solid var(--border);background:var(--bg-2);color:var(--text);border-radius:6px;align-items:center;padding:6px 12px;font-size:.8125rem;font-weight:500;text-decoration:none;transition:border-color .15s,background .15s;display:inline-flex}.ka-switcher-link:hover{border-color:var(--primary);color:var(--primary)}.ka-switcher-link.is-active{border-color:var(--primary);background:var(--primary);color:#fff;pointer-events:none;font-weight:700}.ka-footnote{color:var(--text-2);margin-top:12px;font-size:.75rem}.holiday-year-table td.is-current-year{color:var(--primary);font-weight:700}.ka-focus-banner{background:var(--primary);color:#fff;border-radius:12px;align-items:center;gap:16px;margin-bottom:16px;padding:16px 20px;display:flex}.ka-focus-age{white-space:nowrap;font-size:1.5rem;font-weight:800;line-height:1.2}.ka-focus-age strong{font-size:2rem}.ka-focus-meta{opacity:.9;flex-direction:column;gap:2px;font-size:.8125rem;display:flex}.ka-table-toolbar{justify-content:flex-end;margin-bottom:8px;display:flex}.ka-jump-btn{border:1px solid var(--border);background:var(--bg-3);color:var(--primary);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.ka-jump-btn:hover{border-color:var(--primary);background:var(--primary-bg)}.ka-age-table-wrap{border:1px solid var(--border);border-radius:8px;overflow-x:auto}.ka-age-table{border-collapse:collapse;width:100%}.ka-age-table thead{z-index:2;position:sticky;top:0}.ka-age-table th{background:var(--bg-2);border-bottom:2px solid var(--border);text-align:left;color:var(--text-2);letter-spacing:.04em;padding:10px 12px;font-size:.75rem;font-weight:700}.ka-age-table td{border-bottom:1px solid var(--border);padding:8px 12px;font-size:.8125rem}.ka-age-table tbody tr.is-active td{background:var(--primary-bg);color:var(--primary);font-weight:700}.ka-age-table tbody tr.ka-decade td{border-top:2px solid var(--border)}@supports (color:color-mix(in lab,red,red)){.ka-age-table tbody tr.ka-decade td{border-top:2px solid color-mix(in srgb,var(--border) 60%,var(--text-2))}}.ka-age-table tbody tr.is-active.ka-decade td{border-top:2px solid var(--primary)}.ka-no-event{color:var(--muted)}.ka-age-table tbody tr.ka-has-event td:nth-child(3){font-weight:600}.ka-age-cards{display:none}.ka-mob-card{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;padding:10px 14px;display:flex}.ka-mob-card.is-active{background:var(--primary-bg);border-left:3px solid var(--primary);border-radius:4px}.ka-mob-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ka-mob-age{color:var(--text);font-size:.875rem;font-weight:700}.ka-mob-card.is-active .ka-mob-age{color:var(--primary)}.ka-mob-year{color:var(--text-2);font-size:.75rem}.ka-mob-status{color:var(--muted);margin-left:auto;font-size:.6875rem}.ka-mob-badge{background:var(--primary);color:#fff;vertical-align:middle;border-radius:4px;margin-left:4px;padding:1px 6px;font-size:.625rem;font-weight:700;display:inline-block}.ka-mob-event{color:var(--text);font-size:.75rem;font-weight:600}.ka-mob-card.ka-has-event{padding-top:8px;padding-bottom:8px}@media(max-width:640px){.ka-age-table-wrap[data-age-table-desktop]{display:none}.ka-age-cards{border:1px solid var(--border);border-radius:8px;display:block}.ka-focus-banner{flex-direction:column;align-items:flex-start;gap:8px;padding:14px 16px}.ka-focus-age{font-size:1.25rem}.ka-focus-age strong{font-size:1.75rem}}@media(max-width:900px){.date-tool-layout[data-calc-panels="3"],.date-tool-layout[data-calc-panels="2"],.date-tool-layout[data-date-tool-layout]{grid-template-columns:1fr;gap:12px}.date-tool-layout[data-calc-panels="3"]>.date-tool-panel,.date-tool-layout[data-calc-panels="2"]>.date-tool-panel,.date-tool-layout[data-date-tool-layout]>[data-panel-role]{min-width:0;min-height:auto}.date-tool-layout[data-date-tool-layout]>[data-panel-role=result][data-panel-visible=false],.date-tool-layout[data-date-tool-layout]>[data-panel-role=extra][data-panel-visible=false]{visibility:visible;pointer-events:auto;display:none}}.calc-container{border:1px solid var(--border);border-radius:var(--rad);background:var(--bg-2);outline:none;max-width:360px;margin:0 auto 32px;overflow:hidden}.calc-scientific-container{max-width:460px}.calc-expression-bar{padding:12px 12px 4px}.calc-expression-input{border:1px solid var(--border-2);border-radius:var(--rad-sm);background:var(--bg-3);width:100%;height:3.2rem;color:var(--text);line-height:1.7;font-family:var(--font-mono);outline:none;padding:.7rem 12px;font-size:.9375rem;transition:border-color .15s}.calc-expression-input:focus{border-color:var(--primary)}.calc-expression-input::placeholder{color:var(--muted);font-size:.8125rem}.calc-steps-panel{border-top:1px solid var(--border);background:var(--bg-3)}.calc-steps-summary{color:var(--primary);cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 16px;font-size:.8125rem;font-weight:600;list-style:none}.calc-steps-summary::-webkit-details-marker{display:none}.calc-steps-summary:before{content:"+";width:18px;font-weight:700;display:inline-block}.calc-steps-panel[open]>.calc-steps-summary:before{content:"−"}.calc-steps-list{font-family:var(--font-mono);color:var(--text-2);margin:0;padding:0 16px 8px 32px;font-size:.8125rem;line-height:1.8}.calc-step-item{padding:2px 0}.calc-steps-final{font-family:var(--font-mono);color:var(--cta);padding:4px 16px 12px;font-size:.875rem;font-weight:700}.calc-screen{text-align:right;flex-direction:column;justify-content:flex-end;min-height:80px;padding:20px 20px 12px;display:flex}.calc-expr{color:var(--muted);min-height:1.2em;font-size:.8125rem;font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.calc-display{font-size:2rem;font-weight:700;font-family:var(--font-mono);color:var(--text);word-break:break-all;overflow-wrap:break-word;line-height:1.2}.calc-grid{background:var(--border);gap:1px;display:grid}.calc-grid-basic{grid-template-columns:repeat(4,1fr)}.calc-grid-scientific{grid-template-columns:repeat(5,1fr)}.calc-btn{background:var(--bg-3);color:var(--text);cursor:pointer;font-size:1.125rem;font-weight:600;font-family:var(--font-sans);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;padding:16px 8px;transition:background .1s;display:flex}.calc-btn:hover{background:var(--bg-4)}.calc-btn:active{background:var(--border-2)}.calc-btn.is-fn{color:var(--primary);font-weight:700}.calc-btn.is-op{color:var(--cta);font-size:1.25rem;font-weight:700}.calc-btn.is-eq{background:var(--primary);color:#fff;font-size:1.25rem;font-weight:800}.calc-btn.is-eq:hover{background:var(--primary-dim)}.calc-btn.is-sci{color:var(--text-2);padding:12px 6px;font-size:.8125rem;font-weight:700}.calc-btn.is-sci:hover{color:var(--primary)}@media(max-width:480px){.calc-container{border-radius:var(--rad-sm);max-width:100%}.calc-scientific-container{max-width:100%}.calc-display{font-size:1.5rem}.calc-btn{padding:14px 6px;font-size:1rem}.calc-btn.is-sci{padding:10px 4px;font-size:.75rem}.calc-btn.is-op{font-size:1.125rem}}.faq-accordion{border:1px solid var(--border);border-radius:var(--rad-sm);overflow:hidden}.faq-accordion dt{background:var(--bg-3);color:var(--text);cursor:pointer;border-bottom:1px solid var(--border);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:14px 16px;font-size:.9375rem;font-weight:600;transition:background .15s;display:flex}.faq-accordion dt:hover{background:var(--bg-4)}.faq-accordion dt:after{content:"+";width:20px;height:20px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;transition:transform .2s;display:flex}.faq-accordion dt[aria-expanded=true]:after{content:"−";color:var(--primary)}.faq-accordion dd{background:var(--bg-2);color:var(--text-2);border-bottom:1px solid var(--border);padding:12px 16px;font-size:.875rem;line-height:1.6}.faq-accordion dd[hidden]{display:none}.faq-accordion dt:last-of-type,.faq-accordion dd:last-of-type{border-bottom:none}.vat-direction-group{flex-direction:column;gap:8px;display:flex}.vat-direction-option{border:1px solid var(--border);border-radius:var(--rad-sm);background:var(--bg-3);cursor:pointer;align-items:center;gap:10px;padding:12px 14px;transition:border-color .15s,background .15s;display:flex}.vat-direction-option:hover{border-color:var(--border-2);background:var(--bg-4)}.vat-direction-option input[type=radio]{accent-color:var(--primary);flex-shrink:0;width:18px;height:18px}.vat-direction-option input[type=radio]:checked+.vat-direction-label{color:var(--primary);font-weight:700}.vat-direction-option:has(input:checked){border-color:var(--primary);background:var(--primary-bg)}.vat-direction-label{color:var(--text);font-size:.875rem;font-weight:500}.health-advanced-toggle{border:1px solid var(--border);border-radius:var(--rad-sm);background:var(--bg-3);margin-top:4px}.health-advanced-summary{color:var(--primary);cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 14px;font-size:.8125rem;font-weight:600;list-style:none}.health-advanced-summary::-webkit-details-marker{display:none}.health-advanced-summary:before{content:"+";width:18px;font-weight:700;transition:transform .15s;display:inline-block}.health-advanced-toggle[open]>.health-advanced-summary:before{content:"−"}.health-advanced-fields{padding:0 14px 14px}.health-result-divider{border:none;border-top:1px solid var(--border);margin:12px 0}.health-standards-section{margin-bottom:4px}.health-standards-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:.8125rem;font-weight:700}.health-standards-table{border-collapse:collapse;width:100%;margin-bottom:8px;font-size:.8125rem}.health-standards-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);padding:6px 8px;font-weight:600}.health-standards-table td{border-bottom:1px solid var(--border);color:var(--text-2);padding:6px 8px}.health-standards-table tr.is-current td{background:var(--primary-bg);color:var(--primary);font-weight:700}.health-standards-note{color:var(--muted);margin-top:4px;font-size:.8125rem}.health-advanced-fields .date-tool-field{margin-top:10px}.loan-schedule-wrap{-webkit-overflow-scrolling:touch;margin:12px 0;overflow-x:auto}.loan-schedule-table{min-width:480px}.loan-schedule-table th,.loan-schedule-table td{text-align:right;white-space:nowrap}.loan-schedule-table th:first-child,.loan-schedule-table td:first-child{text-align:center;width:50px}.salary-fieldset{border:none;margin:0 0 4px;padding:0}.salary-fieldset-legend{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);width:100%;margin-bottom:10px;padding-bottom:8px;font-size:.75rem;font-weight:600}.salary-fieldset--inner{border:none;flex-direction:column;gap:14px;margin:0;padding:0;display:flex}.salary-hourly-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:10px;display:grid}.salary-checkbox-label{cursor:pointer;align-items:center;gap:8px;font-size:.875rem;font-weight:500;display:flex}.salary-checkbox-label input[type=checkbox]{accent-color:var(--primary);width:18px;height:18px}.salary-advanced-details{border:1px solid var(--border);border-radius:var(--rad-sm);background:var(--bg-3)}.salary-advanced-summary{color:var(--primary);cursor:pointer;-webkit-user-select:none;user-select:none;padding:10px 14px;font-size:.8125rem;font-weight:600;list-style:none}.salary-advanced-summary::-webkit-details-marker{display:none}.salary-advanced-summary:before{content:"+";width:18px;font-weight:700;display:inline-block}.salary-advanced-details[open]>.salary-advanced-summary:before{content:"−"}.salary-advanced-details[open]>.salary-fieldset--inner{padding:4px 14px 14px}.sal-hero{background:linear-gradient(120deg,var(--primary-bg),transparent 80%),var(--bg-3);border:1px solid var(--primary);border-radius:var(--rad-sm);margin-bottom:10px;padding:20px 18px}.sal-hero-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-family:var(--font-mono)}.sal-hero-value{font-family:var(--font-display);letter-spacing:-.04em;margin-top:6px;font-size:clamp(1.8rem,3.2vw,2.4rem);font-weight:800}.sal-hero-value small,.sal-sub-value small{color:var(--muted);margin-left:2px;font-size:.65em;font-weight:500}.sal-sub-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px;display:grid}.sal-sub-card{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--rad-sm);padding:12px 10px}.sal-sub-label{color:var(--muted);font-size:.7rem;font-family:var(--font-mono);letter-spacing:.04em;display:block}.sal-sub-value{color:var(--text-2);margin-top:4px;font-size:.95rem;font-weight:600;display:block}.sal-deduct-section{border:1px solid var(--border);border-radius:var(--rad-sm);margin-bottom:10px;overflow:hidden}.sal-deduct-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;padding:10px 14px 6px;font-size:.75rem;font-weight:600}.sal-deduct-table{border-collapse:collapse;width:100%;font-size:.8125rem}.sal-deduct-table td{color:var(--text-2);padding:5px 14px}.sal-deduct-table td small{color:var(--muted);margin-left:1px;font-size:.75em}.sal-deduct-group-head td{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding-top:10px;font-size:.7rem;font-weight:700}.sal-deduct-total{border-top:1px solid var(--border)}.sal-deduct-total td{color:var(--text);padding-top:8px;padding-bottom:10px;font-weight:700}.sal-basis-box{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--rad-sm);padding:10px 14px}.sal-basis-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:.7rem;font-weight:600}.sal-basis-list{color:var(--muted);margin:0;padding:0;font-size:.75rem;line-height:1.7;list-style:none}.sal-basis-list li:before{content:"· "}.sal-minwage-presets{flex-wrap:wrap;gap:6px;display:flex}.sal-minwage-btn{border:1px solid var(--border);border-radius:var(--rad-sm);background:var(--bg-3);cursor:pointer;flex-direction:column;align-items:center;gap:1px;min-width:72px;padding:6px 10px;transition:border-color .15s,background .15s;display:flex}.sal-minwage-btn:hover{border-color:var(--border-2);background:var(--bg-4)}.sal-minwage-btn.is-active{border-color:var(--primary);background:var(--primary-bg)}.sal-mw-year{color:var(--muted);font-size:.7rem;font-weight:600}.sal-mw-wage{color:var(--text);font-size:.8125rem;font-weight:700}.sal-mw-rate{color:var(--muted);font-size:.65rem}.sal-minwage-btn.is-active .sal-mw-wage{color:var(--primary)}.sal-hourly-breakdown{border:1px solid var(--border);border-radius:var(--rad-sm);background:var(--bg-3);margin-bottom:10px;overflow:hidden}@media(max-width:768px){.salary-hourly-row,.sal-sub-grid{grid-template-columns:1fr}.sal-minwage-presets{gap:4px}.sal-minwage-btn{min-width:62px;padding:5px 7px}}.tool-detail-layout{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px;display:grid}.tool-detail-panel{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--rad);padding:24px}.tool-detail-section-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin-bottom:16px;font-size:1rem;font-weight:700}.tool-detail-field{margin-bottom:14px}.tool-detail-field label{color:var(--text-2);margin-bottom:6px;font-size:.8125rem;font-weight:600;display:block}.tool-detail-textarea{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--rad-sm);width:100%;min-height:140px;color:var(--text);font-family:var(--font-mono);resize:vertical;padding:12px;font-size:.875rem;line-height:1.6;transition:border-color .15s}.tool-detail-textarea::placeholder{color:var(--muted)}.tool-detail-textarea:focus{border-color:var(--primary);outline:none}.tool-detail-input{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--rad-sm);width:100%;color:var(--text);padding:10px 12px;font-size:.875rem;transition:border-color .15s}.tool-detail-input::placeholder{color:var(--muted)}.tool-detail-input:focus{border-color:var(--primary);outline:none}.tool-detail-select{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--rad-sm);width:100%;color:var(--text);cursor:pointer;padding:10px 12px;font-size:.875rem;transition:border-color .15s}.tool-detail-select:focus{border-color:var(--primary);outline:none}.tool-detail-help{color:var(--muted);margin-top:4px;font-size:.75rem}.tool-detail-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.tool-detail-action-btn{border-radius:var(--rad-sm);border:1px solid var(--border);background:var(--bg-3);color:var(--text);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-size:.875rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.tool-detail-action-btn:hover{background:var(--bg-4);border-color:var(--border-2)}.tool-detail-action-btn.is-primary{background:var(--cta);color:var(--cta-text);border-color:#0000}.tool-detail-action-btn.is-primary:hover{background:var(--cta-dim)}.tool-detail-result-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.tool-detail-result-card{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--rad-sm);text-align:center;padding:14px}.tool-detail-result-label{color:var(--muted);margin-bottom:4px;font-size:.75rem}.tool-detail-result-value{font-family:var(--font-mono);color:var(--text);font-size:1.1rem;font-weight:700}.tool-detail-output{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--rad-sm);width:100%;min-height:140px;color:var(--text);font-family:var(--font-mono);resize:vertical;white-space:pre-wrap;padding:12px;font-size:.875rem;line-height:1.6}.tool-detail-output:focus{border-color:var(--primary);outline:none}.tool-detail-empty{text-align:center;color:var(--muted);padding:32px 16px}.tool-detail-empty-title{color:var(--text-2);margin-bottom:4px;font-size:.9375rem;font-weight:600}.tool-detail-empty-desc{color:var(--muted);font-size:.8125rem}.tool-info-block{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--rad);margin-top:28px;padding:24px}.tool-info-block+.tool-info-block{margin-top:16px}.tool-info-block h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin-bottom:14px;font-size:1.15rem;font-weight:700}.tool-info-block ol,.tool-info-block ul{margin:0;padding-left:1.25em}.tool-info-block li{color:var(--text-2);font-size:.875rem;line-height:1.75}.tool-info-block li+li{margin-top:4px}.tool-info-block p{color:var(--text-2);margin:8px 0 0;font-size:.875rem;line-height:1.75}.tool-info-block .faq-accordion{margin-top:0}.tool-detail-related{margin-top:28px}.tool-detail-related h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin-bottom:14px;font-size:1.05rem;font-weight:700}.tool-detail-layout[data-tool-panels="3"]{grid-template-columns:1fr 1fr}.tool-detail-layout[data-tool-panels="3"]>.tool-detail-panel:last-child{grid-column:1/-1}.tool-detail-layout[data-tool-panels="3"]>.tool-detail-panel:last-child .tool-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.tool-detail-options{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.tool-detail-chip{border:1px solid var(--border);background:var(--bg-3);color:var(--text-2);cursor:pointer;border-radius:99px;padding:6px 14px;font-size:.8125rem;font-weight:500;transition:all .15s}.tool-detail-chip:hover{border-color:var(--border-2)}.tool-detail-chip.is-active{background:var(--primary-bg);border-color:var(--primary);color:var(--primary)}@media(max-width:600px){.tool-detail-layout{grid-template-columns:1fr}.tool-detail-panel{padding:18px}.tool-detail-actions{flex-direction:column}.tool-detail-action-btn{justify-content:center;width:100%}.tool-detail-result-grid{grid-template-columns:1fr}.tool-info-block{margin-top:20px;padding:18px 16px}.tool-info-block+.tool-info-block{margin-top:12px}.tool-info-block h2{margin-bottom:12px;font-size:1.05rem}}.ipchk-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ipchk-layout .ipchk-panel-location,.ipchk-layout .ipchk-panel-copy{grid-column:1/-1}.ipchk-primary-card{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--rad-sm);padding:14px}.ipchk-primary-label{color:var(--text-2);font-size:.8125rem}.ipchk-primary-value{word-break:break-all;color:var(--text);margin-top:6px;font-size:1.7rem;font-weight:800;line-height:1.2}.ipchk-primary-meta,.ipchk-muted,.ipchk-status,.ipchk-note{color:var(--text-2);font-size:.8125rem}.ipchk-primary-meta,.ipchk-status,.ipchk-note,.ipchk-input-row{margin-top:8px}.ipchk-input-row .ipchk-input{flex:1;min-width:200px}.ipchk-error{color:var(--danger);margin-top:8px;font-size:.8125rem}.ipchk-copy-output{margin-top:8px}@media(max-width:600px){.ipchk-layout{grid-template-columns:1fr}}.detail-shell{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;margin-bottom:28px;display:grid}.detail-main{gap:14px;min-width:0;display:grid}.detail-main-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;display:grid}.detail-main-row>*{min-width:0}.detail-main-stack{gap:14px;display:grid}.detail-aside{flex-direction:column;gap:14px;min-width:0;display:flex}.detail-aside-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--rad);padding:18px 20px}.detail-aside-title{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);align-items:center;gap:6px;margin:0 0 12px;font-size:1rem;font-weight:700;display:flex}.detail-aside-icon{width:14px;height:14px;color:var(--text-2);flex-shrink:0}.detail-aside-list{flex-direction:column;gap:6px;margin:0;padding:0 0 0 1.25em;display:flex}.detail-aside-list li{color:var(--text-2);font-size:.95rem;line-height:1.6}.detail-aside-faq{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.detail-aside-faq li{color:var(--text-2);border-bottom:1px solid var(--border);padding:10px 0;font-size:.95rem;line-height:1.55}.detail-aside-faq li:first-child{padding-top:0}.detail-aside-faq li:last-child{border-bottom:none;padding-bottom:0}.detail-aside-faq li:before{content:"Q.";color:var(--text);margin-right:6px;font-weight:700}.detail-aside-related{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.detail-aside-related a{border-radius:var(--rad-sm);background:var(--bg-3);border:1px solid var(--border);color:var(--text-2);align-items:center;gap:8px;padding:9px 12px;font-size:.95rem;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:flex}.detail-aside-related a:hover{background:var(--bg-4);border-color:var(--border-2);color:var(--text)}.detail-aside-cta{color:var(--text);border-bottom:1px solid #0000;align-items:center;gap:4px;margin-top:12px;padding-bottom:1px;font-size:.95rem;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.detail-aside-cta:hover{color:var(--primary);border-bottom-color:var(--primary)}.detail-section-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.detail-section-header h2,.detail-section-header h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.05rem;font-weight:700}.detail-section-header .detail-section-aux{color:var(--muted);font-size:.875rem}.detail-tip-bar{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--rad);color:var(--text-2);align-items:center;gap:8px;margin-top:6px;padding:12px 16px;font-size:.9rem;display:flex}.detail-tip-bar strong{color:var(--text);margin-right:4px;font-weight:700}.detail-result-summary{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:12px;display:grid}.detail-result-summary-item{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--rad-sm);padding:12px 14px}.detail-result-summary-item .label{color:var(--muted);margin-bottom:4px;font-size:.8125rem;display:block}.detail-result-summary-item .value{font-family:var(--font-mono);color:var(--text);font-size:1.15rem;font-weight:700}.detail-result-summary-item.is-cta .value{color:var(--cta)}.detail-status-bar{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--rad-sm);color:var(--text-2);align-items:center;gap:8px;margin-top:10px;padding:10px 14px;font-size:.9rem;display:flex}.detail-status-bar.is-ok{border-color:var(--cta)}@supports (color:color-mix(in lab,red,red)){.detail-status-bar.is-ok{border-color:color-mix(in srgb,var(--cta) 35%,var(--border))}}.detail-status-bar.is-ok{color:var(--text)}.detail-status-bar.is-error{border-color:var(--danger,#c64242);color:var(--danger,#c64242)}.detail-status-bar[hidden]{display:none}@media(max-width:960px){.detail-shell{grid-template-columns:1fr}}@media(max-width:700px){.detail-main-row{grid-template-columns:1fr}.detail-aside-card{padding:16px 18px}.detail-result-summary{grid-template-columns:1fr 1fr}}.hub-category-group{margin-bottom:8px}.hub-category-group .section-title{align-items:center;gap:10px;display:flex}.hub-category-badge{background:var(--primary-bg);color:var(--primary);border:1px solid #7c6dff33;border-radius:99px;align-items:center;padding:2px 10px;font-size:.7rem;font-weight:600;display:inline-flex}html[data-theme=light] .hub-category-badge{color:var(--primary);background:#5b4de014;border-color:#5b4de033}.design-tool-preview{border-radius:var(--rad-sm);border:1px solid var(--border);width:100%;height:120px;margin-bottom:14px}.design-tool-palette{flex-wrap:wrap;gap:8px;display:flex}.design-tool-swatch{border-radius:var(--rad-sm);border:1px solid var(--border);flex:80px;justify-content:center;align-items:flex-end;min-height:80px;padding:8px 4px;display:flex}.design-tool-swatch span{font-family:var(--font-mono);color:#fff;background:#00000073;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:600}[data-design-tool] input[type=range]{width:100%;accent-color:var(--primary)}.image-upload-zone.is-dragover{background:var(--primary);border-color:var(--primary)!important}@supports (color:color-mix(in lab,red,red)){.image-upload-zone.is-dragover{background:color-mix(in srgb,var(--primary) 5%,transparent)}}[data-image-tool] input[type=range]{width:100%;accent-color:var(--primary)}.image-tool-preview{text-align:center;margin-top:12px}.image-tool-preview img{border-radius:var(--rad-sm);border:1px solid var(--border);max-width:100%;max-height:240px}.fhub-breadcrumb{padding:16px 0 10px}.fhub-hero{background:radial-gradient(circle at 92% 0%,var(--cta),transparent 55%),radial-gradient(circle at 0% 100%,#2eb8aa1f,transparent 55%),var(--bg-2);margin:4px 0 18px}@supports (color:color-mix(in lab,red,red)){.fhub-hero{background:radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--cta) 14%,transparent),transparent 55%),radial-gradient(circle at 0% 100%,#2eb8aa1f,transparent 55%),var(--bg-2)}}.fhub-hero{border:1px solid var(--border-2);box-shadow:var(--shadow-sm);border-radius:20px;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);align-items:center;gap:24px;padding:26px 28px 24px;display:grid;position:relative;overflow:hidden}.fhub-hero-body{flex-direction:column;gap:10px;min-width:0;display:flex}.fhub-hero-badge{background:var(--cta);border-radius:999px;width:fit-content;padding:5px 12px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.fhub-hero-badge{background:color-mix(in srgb,var(--cta) 12%,var(--bg-2))}}.fhub-hero-badge{border:1px solid var(--cta)}@supports (color:color-mix(in lab,red,red)){.fhub-hero-badge{border:1px solid color-mix(in srgb,var(--cta) 30%,var(--border-2))}}.fhub-hero-badge{color:var(--cta-dim);letter-spacing:.01em;font-size:.74rem;font-weight:700}html[data-theme=dark] .fhub-hero-badge{color:var(--cta)}.fhub-hero-title{font-family:var(--font-display);letter-spacing:-.04em;color:var(--text);margin:2px 0 0;font-size:clamp(2rem,3.4vw,2.8rem);font-weight:800;line-height:1.05}.fhub-hero-sub{color:var(--text-2);max-width:58ch;margin-bottom:4px;font-size:1.05rem;line-height:1.65}.fhub-hero-points{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.fhub-hero-points li{background:var(--bg-3);border:1px solid var(--border);color:var(--text-2);border-radius:10px;align-items:center;gap:8px;min-width:0;padding:9px 13px;font-size:.85rem;display:flex}.fhub-hero-point-tag{background:var(--cta);align-items:center;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.fhub-hero-point-tag{background:color-mix(in srgb,var(--cta) 12%,var(--bg-2))}}.fhub-hero-point-tag{color:var(--cta-dim);letter-spacing:-.01em;border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:.78rem;font-weight:700}html[data-theme=dark] .fhub-hero-point-tag{color:var(--cta)}.fhub-hero-points li>span:last-child{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;line-height:1.4;overflow:hidden}.fhub-hero-meta{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.fhub-hero-stat{background:linear-gradient(135deg,var(--cta),#4d8bff14);border-radius:10px;align-items:center;gap:10px;padding:8px 14px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.fhub-hero-stat{background:linear-gradient(135deg,color-mix(in srgb,var(--cta) 12%,var(--bg-2)),#4d8bff14)}}.fhub-hero-stat{border:1px solid var(--cta)}@supports (color:color-mix(in lab,red,red)){.fhub-hero-stat{border:1px solid color-mix(in srgb,var(--cta) 24%,var(--border-2))}}.fhub-hero-stat-num{font-family:var(--font-display);color:var(--cta-dim);letter-spacing:-.03em;font-size:1.55rem;font-weight:800;line-height:1}html[data-theme=dark] .fhub-hero-stat-num{color:var(--cta)}.fhub-hero-stat-label{color:var(--text);letter-spacing:-.01em;font-size:.85rem;font-weight:700}.fhub-hero-stat-soft{background:var(--bg-3);border-color:var(--border);color:var(--text-2);padding:8px 12px;font-size:.85rem;line-height:1.35}.fhub-hero-stat-soft strong{color:var(--text);font-weight:700}.fhub-hero-stat-bullet{color:var(--cta-dim);font-size:.55rem}html[data-theme=dark] .fhub-hero-stat-bullet{color:var(--cta)}.fhub-hero-visual{justify-content:center;align-items:stretch;min-width:0;display:flex;position:relative}.fhub-illust{aspect-ratio:4/3;width:100%;max-width:360px;display:block}.fhub-illust-svg{filter:drop-shadow(0 14px 30px #181a2a1a);width:100%;height:100%;display:block}html[data-theme=dark] .fhub-hero{background:radial-gradient(circle at 92% 0%,var(--cta),transparent 55%),radial-gradient(circle at 0% 100%,#2eb8aa24,transparent 55%),var(--bg-2)}@supports (color:color-mix(in lab,red,red)){html[data-theme=dark] .fhub-hero{background:radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--cta) 16%,transparent),transparent 55%),radial-gradient(circle at 0% 100%,#2eb8aa24,transparent 55%),var(--bg-2)}}html[data-theme=dark] .fhub-illust-svg rect[fill="#fff"]{fill:#1f1f29}html[data-theme=dark] .fhub-illust-svg rect[stroke="#e3e1f2"]{stroke:#ffffff24}html[data-theme=dark] .fhub-illust-svg text[fill="#181a2a"]{fill:#f4f4ff}html[data-theme=dark] .fhub-illust-svg text[fill="#6b6f80"]{fill:#a8a6c4}html[data-theme=dark] .fhub-illust-svg rect[fill="#181a2a"]{fill:#f4f4ff}html[data-theme=dark] .fhub-illust-svg rect[fill="#bcb6d6"]{fill:#ffffff2e}.fhub-section{padding:22px 0}.fhub-section+.fhub-section{border-top:1px solid var(--border)}.fhub-section-head{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:14px;display:flex}.fhub-section-head-tight{margin-bottom:10px}.fhub-section-head>div{min-width:0}.fhub-section-eyebrow{font-family:var(--font-mono);color:var(--cta-dim);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:6px;font-size:.78rem;font-weight:700;display:inline-flex}html[data-theme=dark] .fhub-section-eyebrow{color:var(--cta)}.fhub-section-eyebrow .fhub-section-eyebrow-icon{width:14px;height:14px;color:var(--cta-dim);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}html[data-theme=dark] .fhub-section-eyebrow .fhub-section-eyebrow-icon{color:var(--cta)}.fhub-section-eyebrow .fhub-section-eyebrow-icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.fhub-section-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:1.45rem;font-weight:700;line-height:1.2}.fhub-section-count{font-family:var(--font-mono);color:var(--muted);background:var(--bg-3);border:1px solid var(--border);vertical-align:middle;border-radius:999px;margin-left:6px;padding:2px 9px;font-size:.85rem;font-weight:600;display:inline-block}.fhub-section-sub{color:var(--muted);text-align:right;max-width:50ch;font-size:.92rem;line-height:1.6}.fhub-section-link{color:var(--cta-dim);flex-shrink:0;font-size:.92rem;font-weight:700;transition:color .15s}html[data-theme=dark] .fhub-section-link{color:var(--cta)}.fhub-section-link:hover{filter:brightness(1.08)}.fhub-sit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.fhub-sit-card{background:var(--bg-2);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;gap:6px;padding:14px 14px 12px;transition:transform .14s,border-color .14s,box-shadow .14s;display:flex}.fhub-sit-card:hover{border-color:var(--cta);transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.fhub-sit-card:hover{border-color:color-mix(in srgb,var(--cta) 28%,var(--border-2))}}.fhub-sit-card:hover{box-shadow:var(--shadow-md)}.fhub-sit-icon{background:var(--cta);border-radius:10px;place-items:center;width:32px;height:32px;display:grid}@supports (color:color-mix(in lab,red,red)){.fhub-sit-icon{background:color-mix(in srgb,var(--cta) 12%,var(--bg-2))}}.fhub-sit-icon{color:var(--cta-dim);margin-bottom:2px}html[data-theme=dark] .fhub-sit-icon{color:var(--cta)}.fhub-sit-icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.fhub-sit-card[data-tone=purple] .fhub-sit-icon{background:var(--cta)}@supports (color:color-mix(in lab,red,red)){.fhub-sit-card[data-tone=purple] .fhub-sit-icon{background:color-mix(in srgb,var(--cta) 12%,var(--bg-2))}}.fhub-sit-card[data-tone=purple] .fhub-sit-icon{color:var(--cta-dim)}.fhub-sit-card[data-tone=blue] .fhub-sit-icon{color:#2f6fdf;background:#4d8bff1f}.fhub-sit-card[data-tone=violet] .fhub-sit-icon{color:#8a4ee0;background:#a76cff24}.fhub-sit-card[data-tone=green] .fhub-sit-icon{color:#2c8a52;background:#3cb06c24}html[data-theme=dark] .fhub-sit-card[data-tone] .fhub-sit-icon{color:#fff;opacity:.9}.fhub-sit-name{font-family:var(--font-sans);color:var(--text);letter-spacing:-.01em;font-size:.98rem;font-weight:700}.fhub-sit-desc{color:var(--muted);font-size:.85rem;line-height:1.55}.fhub-feat-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.fhub-feat-card{background:var(--bg-2);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;flex-direction:column;gap:4px;min-height:130px;padding:14px 12px 12px;transition:transform .14s,border-color .14s,box-shadow .14s;display:flex}.fhub-feat-card:hover{border-color:var(--cta);transform:translateY(-2px)}@supports (color:color-mix(in lab,red,red)){.fhub-feat-card:hover{border-color:color-mix(in srgb,var(--cta) 28%,var(--border-2))}}.fhub-feat-card:hover{box-shadow:var(--shadow-md)}.fhub-feat-icon{border-radius:10px;place-items:center;width:38px;height:38px;margin-bottom:6px;display:grid}.fhub-feat-icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.fhub-feat-icon[data-tone=purple]{background:var(--cta)}@supports (color:color-mix(in lab,red,red)){.fhub-feat-icon[data-tone=purple]{background:color-mix(in srgb,var(--cta) 12%,var(--bg-2))}}.fhub-feat-icon[data-tone=purple]{color:var(--cta-dim)}.fhub-feat-icon[data-tone=violet]{color:#8a4ee0;background:#a76cff24}.fhub-feat-icon[data-tone=blue]{color:#2f6fdf;background:#4d8bff24}.fhub-feat-icon[data-tone=amber]{color:#d57a17;background:#ffa24729}.fhub-feat-icon[data-tone=teal]{color:#1e7a72;background:#2eb8aa29}.fhub-feat-icon[data-tone=rose]{color:#c8385c;background:#ff6c8c29}html[data-theme=dark] .fhub-feat-card .fhub-feat-icon{color:#fff;opacity:.92}.fhub-feat-name{color:var(--text);letter-spacing:-.01em;font-size:.96rem;font-weight:700;line-height:1.3}.fhub-feat-desc{color:var(--muted);font-size:.82rem;line-height:1.5}.fhub-all-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.fhub-all-row{background:var(--bg-2);border:1px solid var(--border);border-radius:11px;align-items:center;gap:10px;min-width:0;padding:10px 12px;transition:background .14s,border-color .14s,transform .14s;display:flex;position:relative}.fhub-all-row:hover{background:var(--bg-3);border-color:var(--cta)}@supports (color:color-mix(in lab,red,red)){.fhub-all-row:hover{border-color:color-mix(in srgb,var(--cta) 28%,var(--border-2))}}.fhub-all-row:after{content:"→";color:var(--muted);flex-shrink:0;font-size:.9rem;transition:color .14s,transform .14s}.fhub-all-row:hover:after{color:var(--cta-dim);transform:translate(2px)}html[data-theme=dark] .fhub-all-row:hover:after{color:var(--cta)}.fhub-all-icon{width:30px;height:30px;font-family:var(--font-display);background:var(--cta);border-radius:8px;flex-shrink:0;place-items:center;font-size:.92rem;font-weight:800;display:grid}@supports (color:color-mix(in lab,red,red)){.fhub-all-icon{background:color-mix(in srgb,var(--cta) 12%,var(--bg-2))}}.fhub-all-icon{color:var(--cta-dim);line-height:1}html[data-theme=dark] .fhub-all-icon{color:var(--cta)}.fhub-all-icon[data-tone=purple]{background:var(--cta)}@supports (color:color-mix(in lab,red,red)){.fhub-all-icon[data-tone=purple]{background:color-mix(in srgb,var(--cta) 12%,var(--bg-2))}}.fhub-all-icon[data-tone=purple]{color:var(--cta-dim)}.fhub-all-icon[data-tone=violet]{color:#8a4ee0;background:#a76cff24}.fhub-all-icon[data-tone=blue]{color:#2f6fdf;background:#4d8bff24}.fhub-all-icon[data-tone=amber]{color:#d57a17;background:#ffa24729}.fhub-all-icon[data-tone=teal]{color:#1e7a72;background:#2eb8aa29}.fhub-all-icon[data-tone=rose]{color:#c8385c;background:#ff6c8c29}.fhub-all-icon[data-tone=green]{color:#2c8a52;background:#3cb06c29}html[data-theme=dark] .fhub-all-icon[data-tone]{color:#fff;opacity:.95}.fhub-all-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.fhub-all-text strong{color:var(--text);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;overflow:hidden}.fhub-all-text span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;line-height:1.45;overflow:hidden}.fhub-section-foot{border-top:1px solid var(--border)}.fhub-foot-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.fhub-foot-guide,.fhub-foot-related{background:var(--bg-2);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;padding:18px 18px 16px}.fhub-guide-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 14px;padding:0;list-style:none;display:grid}.fhub-guide-list li{background:var(--bg-3);border:1px solid var(--border);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.fhub-guide-num{font-family:var(--font-mono);color:var(--cta-dim);background:var(--cta);font-size:.66rem;font-weight:700}@supports (color:color-mix(in lab,red,red)){.fhub-guide-num{background:color-mix(in srgb,var(--cta) 12%,var(--bg-2))}}.fhub-guide-num{letter-spacing:.04em;border-radius:6px;flex-shrink:0;height:fit-content;padding:3px 6px}html[data-theme=dark] .fhub-guide-num{color:var(--cta)}.fhub-guide-list li div{flex-direction:column;gap:2px;min-width:0;display:flex}.fhub-guide-list li strong{color:var(--text);letter-spacing:-.01em;font-size:.95rem;font-weight:700;line-height:1.35}.fhub-guide-list li span{color:var(--muted);font-size:.85rem;line-height:1.55}.fhub-foot-faq{border-top:1px solid var(--border);margin-top:6px;padding-top:14px}.fhub-foot-faq h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin-bottom:8px;font-size:1.1rem;font-weight:700}.fhub-related-list{flex-direction:column;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.fhub-related-list li a{background:var(--bg-3);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;min-width:0;padding:9px 12px;transition:background .14s,border-color .14s;display:flex}.fhub-related-list li a:hover{background:var(--bg-4);border-color:var(--cta)}@supports (color:color-mix(in lab,red,red)){.fhub-related-list li a:hover{border-color:color-mix(in srgb,var(--cta) 28%,var(--border-2))}}.fhub-related-icon{background:var(--cta);border-radius:8px;place-items:center;width:30px;height:30px;display:grid}@supports (color:color-mix(in lab,red,red)){.fhub-related-icon{background:color-mix(in srgb,var(--cta) 12%,var(--bg-2))}}.fhub-related-icon{color:var(--cta-dim);flex-shrink:0}html[data-theme=dark] .fhub-related-icon{color:var(--cta)}.fhub-related-icon svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:14px;height:14px}.fhub-related-list li a[data-tone=purple] .fhub-related-icon{background:var(--cta)}@supports (color:color-mix(in lab,red,red)){.fhub-related-list li a[data-tone=purple] .fhub-related-icon{background:color-mix(in srgb,var(--cta) 12%,var(--bg-2))}}.fhub-related-list li a[data-tone=purple] .fhub-related-icon{color:var(--cta-dim)}.fhub-related-list li a[data-tone=blue] .fhub-related-icon{color:#2f6fdf;background:#4d8bff1f}.fhub-related-list li a[data-tone=amber] .fhub-related-icon{color:#d57a17;background:#ffa24729}.fhub-related-list li a[data-tone=teal] .fhub-related-icon{color:#1e7a72;background:#2eb8aa24}html[data-theme=dark] .fhub-related-list li a[data-tone] .fhub-related-icon{color:#fff;opacity:.92}.fhub-related-list li a>span:last-child{flex-direction:column;gap:1px;min-width:0;display:flex}.fhub-related-list li a strong{color:var(--text);letter-spacing:-.01em;font-size:.95rem;font-weight:700}.fhub-related-list li a span{color:var(--muted);font-size:.82rem;line-height:1.45}.fhub-related-cta{color:var(--cta-dim);align-items:center;gap:4px;font-size:.9rem;font-weight:700;transition:filter .14s;display:inline-flex}html[data-theme=dark] .fhub-related-cta{color:var(--cta)}.fhub-related-cta:hover{filter:brightness(1.08)}@media(max-width:1100px){.fhub-feat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fhub-sit-grid,.fhub-all-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fhub-foot-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:860px){.fhub-hero{grid-template-columns:minmax(0,1fr);gap:16px;padding:22px 20px 18px}.fhub-hero-visual{order:-1}.fhub-illust{max-width:320px;margin:0 auto}.fhub-feat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fhub-guide-list{grid-template-columns:minmax(0,1fr)}}@media(max-width:480px){.fhub-hero{border-radius:16px;padding:18px 16px 16px}.fhub-hero-title{font-size:1.7rem}.fhub-hero-points{grid-template-columns:minmax(0,1fr)}.fhub-hero-meta{flex-direction:column;align-items:stretch}.fhub-hero-stat-soft{justify-content:flex-start}.fhub-section-head{flex-direction:column;align-items:flex-start;gap:6px}.fhub-section-sub{text-align:left}.fhub-sit-grid,.fhub-feat-grid,.fhub-all-grid{grid-template-columns:minmax(0,1fr)}.fhub-section{padding:18px 0}.fhub-foot-guide,.fhub-foot-related{border-radius:14px;padding:16px 14px 14px}}.section-tools-intro{padding:28px 0 8px}.section-tools-categories{padding:16px 0 28px}.section-tools-quick{padding:8px 0 36px}.tools-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.tools-cat-card{gap:14px;min-height:auto;padding:24px 22px}.tools-cat-card .bytask-title{font-size:1.18rem}.tools-cat-card .bytask-sub{font-size:.95rem}.tools-cat-card .bytask-list li a{padding:12px 14px}.tools-cat-count{font-family:var(--font-mono);color:var(--muted);background:var(--bg-3);border:1px solid var(--border);letter-spacing:.02em;border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}@media(max-width:1100px){.tools-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.tools-cat-grid{grid-template-columns:1fr;gap:12px}.tools-cat-card{padding:20px 18px}}.pattern-chip-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.pattern-chip{background:var(--cta);border-radius:999px;align-items:center;gap:6px;padding:5px 12px;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.pattern-chip{background:color-mix(in srgb,var(--cta) 12%,var(--bg))}}.pattern-chip{border:1px solid var(--cta)}@supports (color:color-mix(in lab,red,red)){.pattern-chip{border:1px solid color-mix(in srgb,var(--cta) 32%,var(--border))}}.pattern-chip{color:var(--text);font-size:.8125rem;font-weight:600;line-height:1.2}.pattern-chip.is-muted{background:var(--bg-3);border-color:var(--border);color:var(--text-2)}.detail-shell.is-calc-3col{grid-template-columns:minmax(0,1fr) 280px}.detail-shell.is-calc-3col .detail-main-row{grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:14px}.detail-shell.is-calc-3col .detail-result-emphasis{padding:22px 24px}.detail-result-emphasis .detail-section-header h2{font-size:1.1rem}.calc-result-hero{border-bottom:1px solid var(--border);flex-direction:column;gap:4px;margin-bottom:16px;padding:18px 0 16px;display:flex}.calc-result-hero .label{color:var(--muted);font-size:.85rem}.calc-result-hero .value{font-family:var(--font-mono);color:var(--text);letter-spacing:-.01em;font-size:1.85rem;font-weight:800}.calc-result-empty-figure{border:1px dashed var(--border);border-radius:var(--rad);color:var(--muted);background:var(--bg-3);text-align:center;place-items:center;padding:40px 16px;display:grid}.calc-result-empty-figure-icon{background:var(--cta);border-radius:50%;width:56px;height:56px}@supports (color:color-mix(in lab,red,red)){.calc-result-empty-figure-icon{background:color-mix(in srgb,var(--cta) 18%,transparent)}}.calc-result-empty-figure-icon{place-items:center;margin-bottom:10px;display:grid}.calc-result-empty-figure-icon svg{width:26px;height:26px;color:var(--cta)}.calc-result-empty-title{color:var(--text-2);margin-bottom:6px;font-size:.95rem;font-weight:700}.calc-result-empty-desc{color:var(--muted);font-size:.875rem}.detail-info-tabs{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--rad);margin:18px 0 28px;overflow:hidden}.detail-info-tablist{background:var(--bg-3);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.detail-info-tab{min-width:120px;color:var(--text-2);text-align:center;border-right:1px solid var(--border);background:0 0;flex:auto;padding:12px 14px;font-size:.95rem;font-weight:600}.detail-info-tab:last-child{border-right:none}.detail-info-tab.is-active{color:var(--text);background:var(--bg-2);box-shadow:inset 0 -2px 0 0 var(--cta)}.detail-info-tabpanels{padding:18px 22px}.detail-info-tabpanel{color:var(--text-2);font-size:.95rem;line-height:1.7}.detail-info-tabpanel+.detail-info-tabpanel{border-top:1px solid var(--border);margin-top:18px;padding-top:18px}.detail-info-tabpanel h3{color:var(--text);letter-spacing:-.01em;margin:0 0 8px;font-size:1rem;font-weight:700}.detail-info-tabpanel p{margin:0 0 8px}.detail-info-tabpanel ul{margin:4px 0;padding-left:1.2em}.detail-info-tabpanel li{margin-bottom:4px}.editor-panel-toolbar{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.editor-toolbar-spacer{flex:1}.editor-toolbar-btn{background:var(--bg-3);border:1px solid var(--border);color:var(--text-2);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:.8125rem;font-weight:500;transition:background .15s,color .15s}.editor-toolbar-btn:hover{background:var(--bg-4);color:var(--text)}.editor-toolbar-btn.is-primary{background:var(--cta);color:var(--cta-text);border-color:#0000;font-weight:600}.editor-toolbar-btn.is-primary:hover{background:var(--cta-dim);color:var(--cta-text)}.editor-meta-row{color:var(--muted);justify-content:space-between;align-items:center;margin-top:8px;font-size:.8125rem;display:flex}.color-input-stack{gap:14px;display:grid}.color-picker-block{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--rad-sm);padding:12px}.color-picker-block input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;height:140px;padding:0}.color-quick-row{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.color-quick-swatch{border:1px solid var(--border);cursor:default;border-radius:6px;width:30px;height:30px;box-shadow:0 0 0 1px #0000}.color-quick-swatch.is-active{box-shadow:0 0 0 2px var(--cta);border-color:var(--bg-2)}.color-result-wrap [data-design-tool-result]{gap:14px;display:grid}.color-result-wrap .design-tool-preview{border-radius:var(--rad-sm);border:1px solid var(--border);height:110px}.color-result-wrap .tool-detail-result-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.color-related-strip{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.color-related-strip .color-quick-swatch{border-radius:8px;width:38px;height:38px}.keyboard-status-row{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-bottom:14px;display:grid}.keyboard-status-card{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--rad-sm);text-align:center;padding:14px 12px}.keyboard-status-card .label{color:var(--muted);margin-bottom:6px;font-size:.8125rem;display:block}.keyboard-status-card .value{font-family:var(--font-mono);color:var(--text);word-break:break-all;min-height:1.6em;font-size:1.4rem;font-weight:700;line-height:1.2;display:block}.keyboard-status-card.is-muted .value{color:var(--text-2);font-size:1rem}.keyboard-visual{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--rad);min-width:0;max-width:100%;padding:12px;overflow-x:auto}.keyboard-visual-inner{flex-direction:column;gap:6px;min-width:720px;display:flex}.keyboard-visual-row{gap:6px;display:flex}.keyboard-key{background:var(--bg-2);border:1px solid var(--border);min-width:32px;height:38px;color:var(--text-2);border-radius:6px;flex:1 1 0;justify-content:center;align-items:center;padding:0 4px;font-size:.78rem;font-weight:600;display:inline-flex}.keyboard-key.is-w12{flex:1.2 1 0}.keyboard-key.is-w15{flex:1.5 1 0}.keyboard-key.is-w17{flex:1.75 1 0}.keyboard-key.is-w20{flex:2 1 0}.keyboard-key.is-w22{flex:2.25 1 0}.keyboard-key.is-w25{flex:2.5 1 0}.keyboard-key.is-space{flex:6 1 0}.keyboard-history-chips{flex-wrap:wrap;gap:6px;min-height:32px;margin:0;padding:0;list-style:none;display:flex}.keyboard-history-chips li{background:var(--bg-3);border:1px solid var(--border);font-family:var(--font-mono);color:var(--text-2);border-radius:999px;padding:5px 10px;font-size:.8125rem}.keyboard-history-empty{color:var(--muted);padding:8px 0;font-size:.875rem}@media(max-width:700px){.detail-shell.is-calc-3col .detail-main-row{grid-template-columns:1fr}.detail-info-tablist{flex-wrap:nowrap;overflow-x:auto}.detail-info-tab{min-width:110px}.keyboard-status-card .value{font-size:1.1rem}}.dr-shell{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:22px;margin:4px 0 30px;display:grid}.dr-shell.dr-shell--compact{grid-template-columns:minmax(0,460px) 280px;max-width:800px;margin-left:auto;margin-right:auto}.dr-shell.dr-shell--narrow{grid-template-columns:minmax(0,360px) 280px;max-width:700px;margin-left:auto;margin-right:auto}.dr-shell.dr-shell--compact .calc-container,.dr-shell.dr-shell--compact .calc-scientific-container,.dr-shell.dr-shell--narrow .calc-container{max-width:100%;margin-left:0;margin-right:0}.dr-work{flex-direction:column;gap:16px;min-width:0;display:flex}.dr-side{flex-direction:column;gap:14px;min-width:0;display:flex}.dr-side-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--rad);padding:18px 18px 16px}.dr-side-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.dr-side-head .dr-side-dot{background:var(--cta);border-radius:50%;flex-shrink:0;width:6px;height:6px}.dr-side-head h2,.dr-side-head h3{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:700}.dr-side-list{flex-direction:column;gap:7px;margin:0;padding:0 0 0 1.2em;display:flex}.dr-side-list li{color:var(--text-2);font-size:.95rem;line-height:1.55}.dr-side-related{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.dr-side-related a{border-radius:var(--rad-sm);background:var(--bg-3);border:1px solid var(--border);color:var(--text-2);align-items:center;gap:8px;padding:8px 12px;font-size:.95rem;text-decoration:none;transition:background .15s,color .15s,border-color .15s;display:flex}.dr-side-related a:before{content:"";background:var(--cta);opacity:.7;border-radius:2px;flex-shrink:0;width:6px;height:6px}.dr-side-related a:hover{background:var(--bg-4);color:var(--text);border-color:var(--border-2)}.dr-side-cta{color:var(--text);border-bottom:1px solid #0000;align-items:center;gap:4px;margin-top:12px;padding-bottom:1px;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .15s,border-color .15s;display:inline-flex}.dr-side-cta:hover{color:var(--primary);border-bottom-color:var(--primary)}.dr-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--rad);padding:22px 24px}.dr-card-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:14px;display:flex}.dr-card-head h2,.dr-card-head h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin:0;font-size:1.1rem;font-weight:700}.dr-card-aux{color:var(--muted);font-size:.875rem}.dr-tip{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--rad);color:var(--text-2);align-items:center;gap:10px;padding:12px 16px;font-size:.95rem;display:flex}.dr-tip .dr-tip-mark{background:var(--cta);flex-shrink:0}@supports (color:color-mix(in lab,red,red)){.dr-tip .dr-tip-mark{background:color-mix(in srgb,var(--cta) 22%,transparent)}}.dr-tip .dr-tip-mark{color:var(--text);letter-spacing:.02em;border-radius:999px;padding:3px 8px;font-size:.75rem;font-weight:700}.dr-calc-row{grid-template-columns:minmax(0,320px) minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.dr-calc-row>*{min-width:0}.dr-calc-input{padding:22px}.dr-calc-input .dr-field{margin-bottom:14px}.dr-calc-input .dr-field:last-of-type{margin-bottom:18px}.dr-calc-input label{color:var(--text-2);margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.dr-calc-input .dr-input,.dr-calc-input .dr-text-input{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--rad-sm);width:100%;color:var(--text);box-sizing:border-box;padding:10px 12px;font-size:.95rem}.dr-calc-input .dr-input:focus,.dr-calc-input .dr-text-input:focus{border-color:var(--cta);box-shadow:0 0 0 3px var(--cta);outline:none}@supports (color:color-mix(in lab,red,red)){.dr-calc-input .dr-input:focus,.dr-calc-input .dr-text-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--cta) 18%,transparent)}}.dr-calc-input .dr-help{color:var(--muted);margin:6px 0 0;font-size:.85rem}.dr-method-group{flex-direction:column;gap:6px;display:flex}.dr-method-option{border-radius:var(--rad-sm);background:var(--bg-3);border:1px solid var(--border);cursor:pointer;color:var(--text-2);align-items:center;gap:8px;padding:9px 12px;font-size:.92rem;display:flex}.dr-method-option input{accent-color:var(--cta);margin:0}.dr-method-option:has(input:checked){background:var(--cta)}@supports (color:color-mix(in lab,red,red)){.dr-method-option:has(input:checked){background:color-mix(in srgb,var(--cta) 12%,var(--bg-2))}}.dr-method-option:has(input:checked){border-color:var(--cta)}@supports (color:color-mix(in lab,red,red)){.dr-method-option:has(input:checked){border-color:color-mix(in srgb,var(--cta) 50%,var(--border))}}.dr-method-option:has(input:checked){color:var(--text)}.dr-calc-input .dr-submit{background:var(--cta);width:100%;color:var(--cta-text);border-radius:var(--rad-sm);cursor:pointer;border:none;padding:12px 14px;font-size:.95rem;font-weight:700}.dr-calc-input .dr-submit:hover{background:var(--cta-dim)}.dr-calc-input .dr-disclaimer{text-align:center;color:var(--muted);margin:10px 0 0;font-size:.85rem}.dr-calc-result{flex-direction:column;padding:22px 24px;display:flex}.dr-calc-result .dr-card-head{margin-bottom:18px}.dr-calc-result-link{color:var(--text);border-bottom:1px solid #0000;align-items:center;gap:4px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.dr-calc-result-link:hover{color:var(--primary);border-bottom-color:var(--primary)}.dr-calc-figure{border-bottom:1px dashed var(--border);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:18px;margin-bottom:16px;padding:8px 4px 16px;display:grid}.dr-calc-stats{flex-direction:column;gap:10px;display:flex}.dr-calc-stat-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:10px;padding:6px 0;display:flex}.dr-calc-stat-row:last-child{border-bottom:none}.dr-calc-stat-row .label{color:var(--text-2);font-size:.875rem}.dr-calc-stat-row .value{font-family:var(--font-mono);color:var(--text);font-size:1.05rem;font-weight:700}.dr-calc-stat-row.is-hero .label{color:var(--muted);font-size:.875rem}.dr-calc-stat-row.is-hero .value{color:var(--cta);font-size:1.45rem}.dr-calc-donut-wrap{flex-direction:column;align-items:center;gap:8px;display:flex}.dr-calc-donut-caption{color:var(--muted);text-align:center;margin:0;font-size:.78rem}.dr-calc-donut{--dr-interest-ratio:0%;background:conic-gradient(var(--cta) 0 var(--dr-interest-ratio),var(--cta) var(--dr-interest-ratio) 100%);border-radius:50%;width:152px;height:152px;margin:0 auto;position:relative}@supports (color:color-mix(in lab,red,red)){.dr-calc-donut{background:conic-gradient(var(--cta) 0 var(--dr-interest-ratio),color-mix(in srgb,var(--cta) 18%,var(--bg-3)) var(--dr-interest-ratio) 100%)}}.dr-calc-donut{place-items:center;display:grid}.dr-calc-donut:after{content:"";background:var(--bg-2);border-radius:50%;position:absolute;inset:18px}.dr-calc-donut-inner{z-index:1;text-align:center;color:var(--text);position:relative}.dr-calc-donut-inner .label{color:var(--muted);margin-bottom:2px;font-size:.78rem;display:block}.dr-calc-donut-inner .value{font-family:var(--font-mono);letter-spacing:-.01em;font-size:1.3rem;font-weight:800;display:block}.dr-calc-breakdown{flex-direction:column;gap:6px;display:flex}.dr-calc-breakdown-row{color:var(--text-2);align-items:center;gap:10px;font-size:.92rem;display:flex}.dr-calc-breakdown-row .swatch{background:var(--cta);border-radius:3px;flex-shrink:0;width:12px;height:12px}.dr-calc-breakdown-row.is-secondary .swatch{background:var(--cta)}@supports (color:color-mix(in lab,red,red)){.dr-calc-breakdown-row.is-secondary .swatch{background:color-mix(in srgb,var(--cta) 24%,var(--bg-3))}}.dr-calc-breakdown-row.is-secondary .swatch{border:1px solid var(--border)}.dr-calc-meta-row{border-top:1px dashed var(--border);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px;padding-top:14px;display:grid}.dr-calc-meta{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--rad-sm);flex-direction:column;gap:4px;min-width:0;padding:10px 12px;display:flex}.dr-calc-meta .label{color:var(--muted);font-size:.85rem;font-weight:600}.dr-calc-meta .value{font-family:var(--font-mono);color:var(--text);word-break:keep-all;font-size:.95rem;font-weight:700}.dr-calc-basis{color:var(--muted);margin:14px 0 0;font-size:.85rem;line-height:1.55}.dr-info{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--rad);position:relative;overflow:hidden}.dr-info-radio{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.dr-info-tabs{background:var(--bg-3);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex}.dr-info-tab{text-align:center;min-width:130px;color:var(--text-2);border-right:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;flex:auto;padding:12px 14px;font-size:.92rem;font-weight:600;transition:background .15s,color .15s}.dr-info-tab:last-child{border-right:none}.dr-info-tab:hover{color:var(--text)}.dr-info-tab.is-active{background:var(--bg-2);color:var(--text);box-shadow:inset 0 -2px 0 0 var(--cta)}.dr-info-panels{color:var(--text-2);padding:18px 22px;font-size:.95rem;line-height:1.7}.dr-info-panel{display:none}.dr-info-panel h3{color:var(--text);letter-spacing:-.01em;margin:0 0 8px;font-size:1rem;font-weight:700}.dr-info-panel p{margin:0 0 8px}.dr-info-panel ul{margin:4px 0;padding-left:1.2em}.dr-info-panel li{margin-bottom:4px}.dr-info-radio:first-of-type:checked~.dr-info-panels .dr-info-panel:first-child,.dr-info-radio:nth-of-type(2):checked~.dr-info-panels .dr-info-panel:nth-child(2),.dr-info-radio:nth-of-type(3):checked~.dr-info-panels .dr-info-panel:nth-child(3),.dr-info-radio:nth-of-type(4):checked~.dr-info-panels .dr-info-panel:nth-child(4){display:block}.dr-info-radio:first-of-type:checked~.dr-info-tabs .dr-info-tab:first-child,.dr-info-radio:nth-of-type(2):checked~.dr-info-tabs .dr-info-tab:nth-child(2),.dr-info-radio:nth-of-type(3):checked~.dr-info-tabs .dr-info-tab:nth-child(3),.dr-info-radio:nth-of-type(4):checked~.dr-info-tabs .dr-info-tab:nth-child(4){background:var(--bg-2);color:var(--text);box-shadow:inset 0 -2px 0 0 var(--cta)}.dr-info-radio:focus-visible~.dr-info-tabs .dr-info-tab{outline-offset:-2px}.dr-side-faq{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.dr-side-faq li{border-top:1px dashed var(--border);padding:9px 0}.dr-side-faq li:first-child{border-top:none;padding-top:4px}.dr-side-faq a{color:var(--text-2);font-size:.9rem;line-height:1.45;text-decoration:none;transition:color .15s;display:block}.dr-side-faq a:before{content:"Q. ";color:var(--cta-dim);font-weight:700}.dr-side-faq a:hover{color:var(--text)}.dr-loan-schedule-empty{text-align:center;background:var(--bg-3);border:1px dashed var(--border);border-radius:var(--rad-sm);padding:28px 18px}.dr-loan-schedule-empty-title{color:var(--text);margin:0 0 4px;font-size:.98rem;font-weight:700}.dr-loan-schedule-empty-desc{color:var(--muted);margin:0;font-size:.88rem}.dr-loan-schedule-summary{border-bottom:1px dashed var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin-bottom:16px;padding:4px 4px 16px;display:grid}.dr-loan-schedule-summary-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:10px;padding:6px 0;display:flex}.dr-loan-schedule-summary-row:nth-last-child(-n+2){border-bottom:none}.dr-loan-schedule-summary-row .label{color:var(--text-2);font-size:.85rem}.dr-loan-schedule-summary-row .value{color:var(--text);word-break:keep-all;font-size:1rem;font-weight:700}.dr-loan-schedule-summary-row.is-hero{border-bottom:1px dashed var(--border);grid-column:1/-1;margin-bottom:4px;padding-bottom:10px}.dr-loan-schedule-summary-row.is-hero .label{color:var(--muted);font-size:.88rem}.dr-loan-schedule-summary-row.is-hero .value{color:var(--cta);font-size:1.4rem}.dr-loan-schedule-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--border);border-radius:var(--rad-sm);background:var(--bg-2);overflow-x:auto}.dr-loan-schedule-table{border-collapse:collapse;width:100%;min-width:480px;font-size:.875rem}.dr-loan-schedule-table th,.dr-loan-schedule-table td{text-align:right;white-space:nowrap;border-bottom:1px solid var(--border);padding:8px 12px}.dr-loan-schedule-table thead th{background:var(--bg-3);color:var(--text-2);font-size:.8125rem;font-weight:700;position:sticky;top:0}.dr-loan-schedule-table tbody tr:nth-child(2n) td{background:var(--bg-3)}.dr-loan-schedule-table tbody tr:last-child td{border-bottom:none}.dr-loan-schedule-table th:first-child,.dr-loan-schedule-table td:first-child{text-align:center;color:var(--muted);width:56px}.dr-edit-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}.dr-edit-row>*{min-width:0}.dr-edit-panel{flex-direction:column;padding:0;display:flex;overflow:hidden}.dr-edit-panel-head{background:var(--bg-3);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.dr-edit-panel-head .dr-edit-panel-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.01em;margin:0;font-size:.98rem;font-weight:700}.dr-edit-panel-head .dr-edit-pill{background:var(--bg-2);border:1px solid var(--border);color:var(--text-2);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.8125rem;display:inline-flex}.dr-edit-panel-body{flex:1;padding:14px 16px 6px;position:relative}.dr-edit-textarea{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--rad-sm);width:100%;min-height:280px;font-family:var(--font-mono);color:var(--text);resize:vertical;box-sizing:border-box;padding:12px 14px;font-size:.92rem;line-height:1.55}.dr-edit-textarea:focus{border-color:var(--cta);box-shadow:0 0 0 3px var(--cta);outline:none}@supports (color:color-mix(in lab,red,red)){.dr-edit-textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--cta) 18%,transparent)}}.dr-edit-textarea[readonly]{background:var(--bg-3)}.dr-edit-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;padding:10px 16px 14px;font-size:.85rem;display:flex}.dr-edit-meta-actions{align-items:center;gap:6px;display:flex}.dr-edit-btn{background:var(--bg-2);border:1px solid var(--border);color:var(--text-2);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:.8125rem;font-weight:500;transition:background .15s,color .15s}.dr-edit-btn:hover{background:var(--bg-4);color:var(--text)}.dr-edit-btn.is-primary{background:var(--cta);color:var(--cta-text);border-color:#0000;font-weight:700}.dr-edit-btn.is-primary:hover{background:var(--cta-dim);color:var(--cta-text)}.dr-edit-status{border:1px solid var(--cta);align-items:center;gap:10px;padding:12px 16px;display:flex}@supports (color:color-mix(in lab,red,red)){.dr-edit-status{border:1px solid color-mix(in srgb,var(--cta) 35%,var(--border))}}.dr-edit-status{border-radius:var(--rad);background:var(--cta)}@supports (color:color-mix(in lab,red,red)){.dr-edit-status{background:color-mix(in srgb,var(--cta) 8%,var(--bg-2))}}.dr-edit-status{color:var(--text);font-size:.95rem}.dr-edit-status .dr-edit-status-icon{background:var(--cta);width:22px;height:22px;color:var(--cta-text);border-radius:50%;flex-shrink:0;place-items:center;font-size:.78rem;font-weight:700;display:grid}.dr-edit-status.is-error{border-color:var(--danger,#c64242)}@supports (color:color-mix(in lab,red,red)){.dr-edit-status.is-error{border-color:color-mix(in srgb,var(--danger,#c64242) 55%,var(--border))}}.dr-edit-status.is-error{background:var(--danger,#c64242)}@supports (color:color-mix(in lab,red,red)){.dr-edit-status.is-error{background:color-mix(in srgb,var(--danger,#c64242) 8%,var(--bg-2))}}.dr-edit-status.is-error{color:var(--danger,#c64242)}.dr-edit-status.is-error .dr-edit-status-icon{background:var(--danger,#c64242);color:#fff}.dr-color-row{grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.dr-color-row>*{min-width:0}.dr-color-input{padding:22px}.dr-color-input .dr-field{margin-bottom:18px}.dr-color-input .dr-field:last-child{margin-bottom:0}.dr-color-input label{color:var(--text-2);margin-bottom:8px;font-size:.85rem;font-weight:600;display:block}.dr-color-hex-row{align-items:center;gap:8px;display:flex}.dr-color-hex-input{background:var(--bg-1);border:1px solid var(--border);border-radius:var(--rad-sm);font-family:var(--font-mono);color:var(--text);box-sizing:border-box;flex:1;padding:10px 12px;font-size:.95rem;font-weight:700}.dr-color-hex-input:focus{border-color:var(--cta);box-shadow:0 0 0 3px var(--cta);outline:none}@supports (color:color-mix(in lab,red,red)){.dr-color-hex-input:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--cta) 18%,transparent)}}.dr-color-hex-pick{border-radius:var(--rad-sm);border:1px solid var(--border);background:var(--bg-3);width:38px;height:38px;color:var(--text-2);place-items:center;display:grid}.dr-color-picker-block{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--rad-sm);padding:12px}.dr-color-picker-block input[type=color]{cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;height:160px;padding:0}.dr-color-quick-row{flex-wrap:wrap;gap:8px;display:flex}.dr-color-swatch{border:1px solid var(--border);border-radius:6px;width:30px;height:30px}.dr-color-swatch.is-active{box-shadow:0 0 0 2px var(--cta);border-color:var(--bg-2)}.dr-color-result{padding:22px}.dr-color-preview{border-radius:var(--rad-sm);border:1px solid var(--border);background:#6366f1;justify-content:flex-end;align-items:flex-end;height:110px;margin-bottom:16px;padding:10px;display:flex;position:relative}.dr-color-preview-tag{color:#111;font-family:var(--font-mono);background:#ffffffd9;border-radius:6px;padding:4px 10px;font-size:.85rem;font-weight:700}.dr-color-values{gap:6px;display:grid}.dr-color-value-row{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--rad-sm);grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px 12px;display:grid}.dr-color-value-row .label{color:var(--text-2);letter-spacing:.02em;font-size:.8rem;font-weight:700}.dr-color-value-row .value{font-family:var(--font-mono);color:var(--text);white-space:nowrap;font-size:.92rem;overflow-x:auto}.dr-color-value-row .copy{color:var(--text-2);background:var(--bg-2);border:1px solid var(--border);border-radius:999px;padding:4px 9px;font-size:.78rem;font-weight:600}.dr-color-similar{margin-top:16px}.dr-color-similar-head{color:var(--text-2);margin-bottom:8px;font-size:.85rem;font-weight:600}.dr-color-similar-strip{flex-wrap:wrap;gap:8px;display:flex}.dr-color-similar-swatch{border:1px solid var(--border);border-radius:8px;width:38px;height:38px}.dr-color-similar-swatch.is-active{box-shadow:0 0 0 2px var(--cta);border-color:var(--bg-2)}.dr-test-status{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;display:grid}.dr-test-status-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--rad);text-align:center;padding:16px 14px}.dr-test-status-card .label{color:var(--muted);margin-bottom:8px;font-size:.8rem;font-weight:600;display:block}.dr-test-status-card .value{font-family:var(--font-mono);color:var(--text);letter-spacing:-.01em;word-break:break-all;min-height:1.6em;font-size:1.6rem;font-weight:800;line-height:1.2;display:block}.dr-test-status-card.is-muted .value{color:var(--text-2);font-size:1.05rem}.dr-test-keyboard-card{padding:18px 18px 16px}.dr-test-keyboard-card .dr-card-head{margin-bottom:12px}.dr-test-history-card{padding:18px 20px}.dr-test-history-card .dr-card-head{margin-bottom:10px}.dr-test-history-clear{background:var(--bg-3);border:1px solid var(--border);color:var(--text-2);cursor:pointer;border-radius:999px;padding:5px 11px;font-size:.78rem;font-weight:600}.dr-test-history-clear:hover{background:var(--bg-4);color:var(--text)}.dr-test-history-list{flex-wrap:wrap;gap:6px;min-height:36px;margin:0;padding:0;list-style:none;display:flex}.dr-test-history-list li{background:var(--cta);border-radius:999px;padding:6px 12px}@supports (color:color-mix(in lab,red,red)){.dr-test-history-list li{background:color-mix(in srgb,var(--cta) 14%,var(--bg-3))}}.dr-test-history-list li{border:1px solid var(--cta)}@supports (color:color-mix(in lab,red,red)){.dr-test-history-list li{border:1px solid color-mix(in srgb,var(--cta) 28%,var(--border))}}.dr-test-history-list li{font-family:var(--font-mono);color:var(--text);font-size:.85rem;font-weight:600}@media(max-width:960px){.dr-shell{grid-template-columns:1fr}.dr-shell.dr-shell--compact,.dr-shell.dr-shell--narrow{grid-template-columns:1fr;max-width:none}.dr-calc-row,.dr-edit-row,.dr-color-row,.dr-calc-figure{grid-template-columns:1fr}.dr-calc-donut{width:132px;height:132px}}@media(max-width:700px){.dr-shell{gap:16px}.dr-card,.dr-calc-input,.dr-calc-result,.dr-color-input,.dr-color-result{padding:18px 16px}.dr-edit-panel-head{padding:12px 14px}.dr-edit-panel-body{padding:12px 12px 4px}.dr-edit-meta{flex-direction:column;align-items:flex-start;padding:8px 14px 12px}.dr-info-tabs{flex-wrap:nowrap;overflow-x:auto}.dr-info-tab{min-width:120px}.dr-info-panels{padding:16px}.dr-test-status{grid-template-columns:1fr 1fr}.dr-test-status-card .value{font-size:1.25rem}.dr-color-preview{height:90px}.dr-edit-textarea{min-height:220px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}
