:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.kim-info-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;font-family:var(--font-body, "IBM Plex Sans", system-ui, -apple-system, sans-serif)}.kim-info-card{background:var(--surface, #ffffff);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius-lg, 12px);box-shadow:0 12px 30px #0003;padding:1.5rem;max-width:560px;width:100%;max-height:calc(100vh - 2rem);overflow-y:auto;color:var(--ink, #1a1a1a)}.kim-info-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.kim-info-title{margin:0;font-family:var(--font-display, "Instrument Serif", Georgia, serif);font-size:1.75rem;font-weight:400;line-height:1.2;color:var(--ink, #1a1a1a)}.kim-info-close{background:transparent;border:1px solid var(--border, #e2e8f0);color:var(--ink-soft, #475569);width:32px;height:32px;border-radius:var(--radius, 8px);font-size:1.4rem;line-height:1;cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.kim-info-close:hover{background:var(--surface-soft, #f8fafc);color:var(--ink, #1a1a1a)}.kim-info-close:focus-visible{outline:2px solid var(--cyan, #06b6d4);outline-offset:2px}.kim-info-section{margin-top:1rem}.kim-info-section:first-of-type{margin-top:0}.kim-info-section-title{margin:0 0 .5rem;font-family:var(--font-body, "IBM Plex Sans", system-ui, sans-serif);font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--cyan-light, #1ca5bd)}.kim-info-list{margin:0;padding-left:1.25rem;font-size:.95rem;line-height:1.55;color:var(--ink, #1a1a1a)}.kim-info-list li{margin-bottom:.4rem}.kim-info-list li:last-child{margin-bottom:0}.kim-info-list strong{font-weight:600}.kim-info-bubble{position:absolute;top:calc(100% + 10px);right:0;z-index:9000;background:var(--ink, #1a1a1a);color:#fff;font-family:var(--font-body, "IBM Plex Sans", system-ui, -apple-system, sans-serif);font-size:.85rem;line-height:1.35;padding:.55rem .8rem;border-radius:var(--radius, 8px);box-shadow:0 6px 18px #0000002e;max-width:240px;cursor:pointer;animation:kim-info-bubble-in .22s ease-out}.kim-info-bubble-caret{position:absolute;top:-5px;right:10px;width:10px;height:10px;background:var(--ink, #1a1a1a);transform:rotate(45deg);border-radius:1px}@keyframes kim-info-bubble-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.kim-home-link{position:fixed;top:max(1rem,env(safe-area-inset-top));left:max(1rem,env(safe-area-inset-left));z-index:1000;display:inline-flex;align-items:center;gap:.4rem;min-height:44px;padding:.5rem .9rem;background:#fff;color:#1ca5bd;font-family:IBM Plex Sans,system-ui,-apple-system,sans-serif;font-size:.95rem;font-weight:600;line-height:1;text-decoration:none;border:1px solid #e2e8f0;border-radius:999px;box-shadow:0 2px 8px #00000014;-webkit-tap-highlight-color:transparent;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}.kim-home-link:hover,.kim-home-link:focus-visible{background:#1ca5bd;color:#fff;border-color:#1ca5bd;transform:scale(1.03)}.kim-home-link:focus-visible{outline:2px solid #06b6d4;outline-offset:2px}.kim-home-link-arrow{font-size:1.05rem;line-height:1}.kim-home-link-label-long{display:none}.kim-home-link-label-short{display:inline}@media (min-width: 600px){.kim-home-link-label-long{display:inline}.kim-home-link-label-short{display:none}}*{box-sizing:border-box;margin:0;padding:0}.sl-info-wrapper{position:fixed;top:1rem;right:1rem;z-index:1000}.sl-info-trigger{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--border-color, #e2e8f0);background:var(--card-bg, #ffffff);color:var(--cyan-light, #1ca5bd);font-family:"Instrument Serif",Georgia,serif;font-size:1.2rem;font-weight:400;font-style:italic;line-height:1;cursor:pointer;box-shadow:0 2px 8px #00000014;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}.sl-info-trigger:hover{background:var(--cyan-light, #1ca5bd);color:#fff;border-color:var(--cyan-light, #1ca5bd);transform:scale(1.05)}.sl-info-trigger:focus-visible{outline:2px solid var(--cyan, #06b6d4);outline-offset:2px}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#444e74,#351f47);min-height:100vh}.app{max-width:900px;margin:0 auto;padding:20px}header{text-align:center;color:#fff;margin-bottom:20px}header h1{font-size:2rem;margin-bottom:5px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}header .subtitle{font-size:1.1rem;opacity:.9}main{background:#fff;border-radius:15px;padding:25px;box-shadow:0 10px 40px #0003}.explanation{margin-top:25px;padding-top:20px;border-top:1px solid #eee}.explanation h2{text-align:center;color:#333;margin-bottom:15px;font-size:1.3rem}.info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.card{background:#f8f9fa;border-radius:10px;padding:15px;text-align:center;border-left:4px solid #3498db}.card:nth-child(1){border-left-color:#e74c3c}.card:nth-child(2){border-left-color:#3498db}.card:nth-child(3){border-left-color:#9b59b6}.card h3{font-size:1rem;color:#333;margin-bottom:8px}.card p{font-size:.9rem;color:#666;line-height:1.4}footer{text-align:center;color:#fff;opacity:.8;margin-top:20px;font-size:.9rem}.controls button,.controls select{min-height:44px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}@media (max-width: 850px){.app{padding:10px}header h1{font-size:1.5rem}header .subtitle{font-size:.95rem}main{padding:15px;border-radius:10px}.controls{gap:8px!important}.controls button,.controls select{padding:12px 14px!important;font-size:14px!important;flex:1 1 auto;min-width:140px}.info-cards{grid-template-columns:1fr}}@media (max-width: 500px){header h1{font-size:1.3rem}.controls button,.controls select{width:100%;min-width:unset}}