@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--shimmer-angle:20deg}*,:before,:after,::backdrop{--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0;--scroll-fade-t:0px;--scroll-fade-b:0px;--scroll-fade-s:0px;--scroll-fade-e:0px;--scroll-fade-mask:initial;--shimmer-image:initial;--shimmer-text-fill:initial}}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root,:host{--font-sans:var(--font-sans);--radius-sm:calc(var(--radius) * .75);--radius-md:calc(var(--radius) * 1.5)}@property --scroll-fade-t{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-b{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-s{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-e{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --scroll-fade-mask{syntax:"*";inherits:false}@property --shimmer-angle{syntax:"<angle>";inherits:true;initial-value:20deg}@property --shimmer-image{syntax:"*";inherits:false}@property --shimmer-text-fill{syntax:"*";inherits:false}@media (prefers-reduced-motion:reduce){.shimmer{-webkit-text-fill-color:currentColor;background-image:none;animation:none}}:root{--lb-blue:#328af6;--lb-blue-tint:#edf5ff;--lb-green:#469f68;--lb-purple:#5d3dd5;--lb-yellow:#ffd750;--lb-pink:#c7317b;--lb-ink:#1a2128;--lb-body:#4c5967;--lb-muted:#677583;--lb-faint:#cfd3d8;--lb-canvas:#fff;--lb-surface:#f1f5f9;--lb-surface-alt:#f9f9f9;--lb-hairline:#e2e5e9;--lb-dark:#2c2c38;--lb-shadow-ambient:#00000014 0px 8px 36px 0px;--lb-shadow-soft:#0000000a 0px 12px 36px 0px;--lb-shadow-tight:#00000014 0px 1px 24px 0px;--motion-fast:.12s;--motion-standard:.2s;--motion-slow:.32s;--ease-enter:cubic-bezier(.2, .6, .25, 1);--ease-standard:cubic-bezier(.25, .1, .25, 1);--background:#fff;--foreground:#1a2128;--card:#fff;--card-foreground:#1a2128;--popover:#fff;--popover-foreground:#1a2128;--primary:#328af6;--primary-foreground:#fff;--secondary:#f1f5f9;--secondary-foreground:#1a2128;--muted:#f1f5f9;--muted-foreground:#677583;--accent:#edf5ff;--accent-foreground:#328af6;--destructive:#e40014;--border:#e2e5e9;--input:#e2e5e9;--ring:#328af6;--radius:.5rem;--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-pill:36px;--chart-1:#328af6;--chart-2:#469f68;--chart-3:#5d3dd5;--chart-4:#ffd750;--chart-5:#c7317b;--sidebar:#f1f5f9;--sidebar-foreground:#1a2128;--sidebar-primary:#328af6;--sidebar-primary-foreground:#fff;--sidebar-accent:#edf5ff;--sidebar-accent-foreground:#328af6;--sidebar-border:#e2e5e9;--sidebar-ring:#328af6}@supports (color:lab(0% 0 0)){:root{--destructive:lab(48.4493% 77.4328 61.5452)}}.dark{--background:#1a2128;--foreground:#f1f5f9;--card:#2c2c38;--card-foreground:#f1f5f9;--popover:#2c2c38;--popover-foreground:#f1f5f9;--primary:#328af6;--primary-foreground:#fff;--secondary:#2c2c38;--secondary-foreground:#f1f5f9;--muted:#2c2c38;--muted-foreground:#677583;--accent:#1e2a38;--accent-foreground:#328af6;--destructive:#ff6568;--border:#ffffff1a;--input:#ffffff1f;--ring:#328af6;--sidebar:#2c2c38;--sidebar-foreground:#f1f5f9;--sidebar-primary:#328af6;--sidebar-primary-foreground:#fff;--sidebar-accent:#1e2a38;--sidebar-accent-foreground:#328af6;--sidebar-border:#ffffff1a;--sidebar-ring:#328af6;--lb-ink:#f0f4f8;--lb-body:#a8b5c2;--lb-muted:#677583;--lb-faint:#3a4550;--lb-canvas:#1a2128;--lb-surface:#222b33;--lb-surface-alt:#1e262e;--lb-hairline:#ffffff17;--lb-blue-tint:#328af626;--lb-shadow-ambient:#0000004d 0px 8px 36px 0px;--lb-shadow-soft:#0003 0px 12px 36px 0px}@supports (color:lab(0% 0 0)){.dark{--destructive:lab(63.7053% 60.745 31.3109)}}@layer base{*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab, red, red)){*{outline-color:color-mix(in oklab, var(--ring) 50%, transparent)}}body{background-color:var(--background);color:var(--lb-body);font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:16px;line-height:1.5}html{font-family:var(--font-sans)}h1,h2,h3,h4,h5,h6{color:var(--lb-ink);letter-spacing:-.02em;font-weight:700;line-height:1.3}}.kf-page{background:var(--lb-canvas);min-height:100vh;color:var(--lb-body);font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}.kf-hero{background:var(--lb-surface);border-bottom:1px solid var(--lb-hairline);text-align:center;padding:3.5rem 1.5rem 3rem}.kf-hero-inner{max-width:680px;margin:0 auto}.kf-badge{background:var(--lb-blue-tint);color:var(--lb-blue);letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-sm);margin-bottom:1.25rem;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-block}.kf-title{letter-spacing:-.03em;color:var(--lb-ink);margin:0 0 .75rem;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.3}.kf-title-accent{color:var(--lb-blue)}.kf-desc{color:var(--lb-body);margin-bottom:1.5rem;font-size:1rem;line-height:1.6}.kf-legend{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.legend-item{border-radius:var(--radius-sm);padding:4px 10px;font-size:.75rem;font-weight:600}.tile-absent-pill{background:var(--lb-surface);border:1px solid var(--lb-hairline);color:var(--lb-muted)}.tile-present-pill{color:#b08800;background:#ffd75026;border:1px solid #ffd75066}.tile-correct-pill{color:var(--lb-green);background:#469f681f;border:1px solid #469f6859}.kf-body{flex-direction:column;gap:1.25rem;max-width:780px;margin:0 auto;padding:2rem 1.25rem 4rem;display:flex}.kf-section{background:var(--lb-canvas);border:1px solid var(--lb-hairline);border-radius:var(--radius-md);box-shadow:var(--lb-shadow-tight);padding:1.5rem}.section-title{text-transform:uppercase;letter-spacing:.09em;color:var(--lb-muted);margin:0 0 1.1rem;font-size:.8rem;font-weight:700}.section-header{justify-content:space-between;align-items:center;margin-bottom:1.1rem;display:flex}.section-header .section-title{margin:0}.section-actions{gap:.4rem;display:flex}.settings-panel{flex-direction:column;gap:1.25rem;display:flex}.setting-group{flex-direction:column;gap:.5rem;display:flex}.setting-label{color:var(--lb-ink);font-size:.82rem;font-weight:600}.btn-group{flex-wrap:wrap;gap:.35rem;display:flex}.len-btn{border-radius:var(--radius-sm);border:1px solid var(--lb-hairline);background:var(--lb-surface);color:var(--lb-body);cursor:pointer;transition:all var(--motion-fast) var(--ease-standard);min-height:36px;padding:.4rem .9rem;font-size:.875rem;font-weight:600}.len-btn:hover{border-color:var(--lb-blue);color:var(--lb-blue);background:var(--lb-blue-tint)}.len-btn.active{background:var(--lb-blue);border-color:var(--lb-blue);color:#fff;box-shadow:0 0 0 3px #328af633}.mode-options{flex-direction:column;gap:.4rem;display:flex}.mode-option{cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--lb-hairline);background:var(--lb-surface);transition:all var(--motion-fast) var(--ease-standard);align-items:flex-start;gap:.6rem;padding:.7rem .9rem;display:flex}.mode-option:has(input:checked){border-color:var(--lb-blue);background:var(--lb-blue-tint)}.mode-option input[type=radio]{accent-color:var(--lb-blue);flex-shrink:0;margin-top:.15rem}.mode-label{flex-direction:column;gap:.1rem;display:flex}.mode-title{color:var(--lb-ink);font-size:.875rem;font-weight:600}.mode-desc{color:var(--lb-muted);font-size:.775rem}.btn-add,.btn-reset{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--motion-fast) var(--ease-standard);border:1px solid;align-items:center;gap:.35rem;height:36px;padding:0 .875rem;font-size:.8125rem;font-weight:700;display:inline-flex}.btn-add{background:var(--lb-blue);border-color:var(--lb-blue);color:#fff}.btn-add:hover{background:#1a78e8;border-color:#1a78e8}.btn-reset{background:var(--lb-surface);border-color:var(--lb-hairline);color:var(--lb-body)}.btn-reset:hover{border-color:var(--lb-blue);color:var(--lb-blue);background:var(--lb-blue-tint)}.btn-add-large{background:var(--lb-blue);border-radius:var(--radius-sm);color:#fff;cursor:pointer;height:44px;transition:all var(--motion-fast) var(--ease-standard);border:none;align-items:center;gap:.45rem;margin-top:1rem;padding:0 1.5rem;font-size:.875rem;font-weight:700;display:inline-flex}.btn-add-large:hover{background:#1a78e8;transform:translateY(-1px);box-shadow:0 4px 16px #328af64d}.btn-add-inline{border:1px dashed var(--lb-hairline);border-radius:var(--radius-sm);color:var(--lb-muted);cursor:pointer;transition:all var(--motion-fast) var(--ease-standard);background:0 0;align-items:center;gap:.35rem;margin-top:.5rem;padding:.4rem .75rem;font-size:.8rem;display:inline-flex}.btn-add-inline:hover{border-color:var(--lb-blue);color:var(--lb-blue);background:var(--lb-blue-tint)}.empty-attempts{text-align:center;color:var(--lb-muted);flex-direction:column;align-items:center;gap:.4rem;padding:2.5rem 1rem;font-size:.9rem;display:flex}.empty-sub{color:var(--lb-faint);font-size:.8rem}.attempt-guide{color:var(--lb-muted);margin-bottom:.75rem;font-size:.775rem;line-height:1.5}.attempt-list{flex-direction:column;gap:.5rem;display:flex}.attempt-row{background:var(--lb-surface);border-radius:var(--radius-sm);border:1px solid var(--lb-hairline);align-items:center;gap:.5rem;padding:.75rem;display:flex}.attempt-num{color:var(--lb-muted);text-align:center;flex-shrink:0;width:1.2rem;font-size:.75rem;font-weight:700}.attempt-content{flex-direction:column;flex:1;gap:.65rem;display:flex}.word-input-container{align-items:center;gap:.6rem;display:flex}.word-input{background:var(--lb-canvas);border:1px solid var(--lb-hairline);color:var(--lb-ink);border-radius:var(--radius-sm);width:100%;max-width:200px;transition:border-color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard);outline:none;padding:.45rem .75rem;font-size:.9375rem}.word-input:focus{border-color:var(--lb-blue);box-shadow:0 0 0 3px #328af62e}.word-input::placeholder{color:var(--lb-faint)}.error-text{color:#c0392b;font-size:.8rem}.tiles{flex-wrap:wrap;gap:.35rem;display:flex}.tile{border-radius:var(--radius-xs);border:1.5px solid var(--lb-hairline);background:var(--lb-canvas);cursor:pointer;-webkit-user-select:none;user-select:none;min-width:52px;min-height:56px;transition:border-color var(--motion-fast) var(--ease-standard), background var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);flex-direction:column;justify-content:center;align-items:center;gap:.1rem;padding:.4rem .25rem;display:flex}.tile:hover{transform:scale(1.06)}.tile:active{transform:scale(.96)}.tile-absent{border-color:var(--lb-hairline);background:var(--lb-surface)}.tile-absent:hover{border-color:var(--lb-muted);background:var(--lb-hairline)}.tile-present{background:#ffd7501a;border-color:#ffd75099}.tile-present:hover{background:#ffd7502e;border-color:#ffd750e6}.tile-correct{background:#469f681a;border-color:#469f6880}.tile-correct:hover{background:#469f682e;border-color:#469f68cc}.tile-jamo{text-align:center;width:100%;color:var(--lb-ink);pointer-events:none;padding:.1rem;font-size:1rem;font-weight:700}.tile-state-label{pointer-events:none;font-size:.65rem;font-weight:600;line-height:1}.tile-absent .tile-state-label{color:var(--lb-faint)}.tile-present .tile-state-label{color:#b08800}.tile-correct .tile-state-label{color:var(--lb-green)}.remove-btn{color:var(--lb-faint);cursor:pointer;border-radius:var(--radius-xs);transition:all var(--motion-fast);background:0 0;border:none;flex-shrink:0;align-items:center;padding:.3rem;display:flex}.remove-btn:hover{color:#c0392b;background:#c0392b14}.candidate-section{flex-direction:column;gap:1rem;display:flex}.candidate-header{justify-content:space-between;align-items:center;display:flex}.candidate-title{text-transform:uppercase;letter-spacing:.09em;color:var(--lb-muted);margin:0;font-size:.8rem;font-weight:700}.candidate-count{font-size:.8125rem}.count-all{color:var(--lb-muted)}.count-filtered{color:var(--lb-green);font-weight:800}.count-total{color:var(--lb-faint)}.no-candidates{text-align:center;color:var(--lb-muted);flex-direction:column;align-items:center;gap:.3rem;padding:2.5rem 1rem;font-size:.9rem;display:flex}.no-candidates-sub{color:var(--lb-faint);font-size:.8rem}.candidate-grid{flex-wrap:wrap;gap:.4rem;display:flex}.candidate-word{background:var(--lb-surface);border:1px solid var(--lb-hairline);border-radius:var(--radius-sm);color:var(--lb-body);letter-spacing:.02em;transition:all var(--motion-fast) var(--ease-standard);cursor:default;padding:.35rem .8rem;font-size:.875rem;font-weight:600}.candidate-word:hover{border-color:var(--lb-blue);color:var(--lb-blue);background:var(--lb-blue-tint)}.candidate-more{color:var(--lb-muted);text-align:center;margin-top:.4rem;font-size:.775rem}.loading-state{color:var(--lb-muted);flex-direction:column;align-items:center;gap:.75rem;padding:2rem;font-size:.875rem;display:flex}.spinner{border:2.5px solid var(--lb-hairline);border-top-color:var(--lb-blue);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-state{text-align:center;color:#c0392b;padding:1.5rem;font-size:.875rem}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.home-logo{color:var(--lb-ink);letter-spacing:-.02em;font-size:1rem;font-weight:700;text-decoration:none}.home-nav-link{color:var(--lb-body);transition:color var(--motion-fast) var(--ease-standard);font-size:.8125rem;font-weight:400;text-decoration:none}.home-nav-link:hover{color:var(--lb-blue)}.home-hero-cta{background:var(--lb-blue);color:#fff;height:44px;transition:background var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), transform var(--motion-fast) var(--ease-standard);border-radius:8px;align-items:center;gap:.4rem;padding:0 20px;font-size:.875rem;font-weight:700;text-decoration:none;display:inline-flex}.home-hero-cta:hover{background:#1a78e8;transform:translateY(-1px);box-shadow:0 4px 20px #328af64d}.tool-card{background:var(--lb-canvas);border:1px solid var(--lb-hairline);box-shadow:var(--lb-shadow-ambient);transition:box-shadow var(--motion-standard) var(--ease-enter), transform var(--motion-standard) var(--ease-enter);border-radius:12px;padding:1.5rem;text-decoration:none;display:block}.tool-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000001f}.tool-card-link{color:var(--lb-blue);align-items:center;gap:.3rem;font-size:.8125rem;font-weight:600;display:flex}.tool-card-coming-soon{background:var(--lb-surface);border:1px dashed var(--lb-hairline);opacity:.55;border-radius:12px;padding:1.5rem}