:root{--bg:#f6f5f2;--surface:rgba(255,255,255,.88);--surface-2:rgba(255,255,255,.96);--text:rgba(17,24,39,.92);--text-2:rgba(17,24,39,.74);--muted:rgba(17,24,39,.56);--border:rgba(17,24,39,.1);--shadow:0 18px 44px rgba(15,23,42,.07);--radius:20px;--radius-sm:14px;--accent:#3840ff;--danger:#e11d48;--ok:#16a34a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{background:var(--bg)}html,body{height:100%}body{color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic UI,Yu Gothic,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;line-height:1.45}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.app-shell{padding:20px 0}.container{width:min(1080px,100% - 40px);margin:0 auto}.header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.brand{gap:8px;display:grid}.brand__title{letter-spacing:.3px;margin:0;font-size:max(20px,min(2.4vw,28px))}.brand__sub{color:var(--text-2);margin:0;font-size:13px}.badge{border:1px solid var(--border);color:rgba(17,24,39,.6);white-space:nowrap;background:rgba(255,255,255,.92);border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:inline-flex;box-shadow:0 10px 22px rgba(15,23,42,.05)}.grid{grid-template-columns:420px 1fr;align-items:start;gap:16px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg, var(--surface-2), var(--surface));box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card__inner{padding:18px}.card__title{color:var(--text-2);letter-spacing:.2px;margin:0 0 10px;font-size:14px}.divider{background:var(--border);height:1px}.kpi{border:1px solid var(--border);border-radius:var(--radius-sm);background:rgba(255,255,255,.9);gap:6px;padding:12px 14px;display:grid}.kpi__label{color:var(--muted);font-size:12px}.kpi__value{color:var(--text);font-size:14px}.muted{color:var(--muted)}.error{color:var(--danger)}.btn{cursor:pointer;color:rgba(255,255,255,.96);background:rgba(17,24,39,.92);border:1px solid rgba(17,24,39,.12);border-radius:999px;justify-content:center;align-items:center;gap:10px;width:100%;padding:10px 14px;transition:transform .12s,background .16s,border-color .16s,box-shadow .16s;display:inline-flex;box-shadow:0 14px 28px rgba(15,23,42,.14)}@media (hover:hover) and (pointer:fine){.btn:hover{background:rgba(17,24,39,.96);border-color:rgba(17,24,39,.16);transform:translateY(-1px);box-shadow:0 18px 36px rgba(15,23,42,.16)}}.btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn--ghost{color:var(--text);background:rgba(255,255,255,.92);box-shadow:0 12px 22px rgba(15,23,42,.05)}.field{gap:8px;margin-top:12px;display:grid}.field__label{color:var(--muted);font-size:12px}.control{border:1px solid var(--border);background:rgba(255,255,255,.96);border-radius:12px;outline:none;width:100%;height:40px;padding:0 24px 0 12px;box-shadow:0 10px 20px rgba(15,23,42,.04)}.control:focus{border-color:rgba(56,64,255,.28);box-shadow:0 0 0 3px rgba(56,64,255,.12),0 10px 22px rgba(15,23,42,.06)}.control--textarea{resize:vertical;height:auto;min-height:88px;padding:10px 12px}.two-col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.pill-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.pill{border:1px solid var(--border);color:var(--text-2);background:rgba(255,255,255,.88);border-radius:999px;padding:8px 10px;font-size:12px;box-shadow:0 10px 18px rgba(15,23,42,.04)}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.result-block{border-radius:var(--radius-sm);border:1px solid var(--border);background:rgba(255,255,255,.9);padding:14px}.btn:focus-visible{outline-offset:2px;outline:3px solid rgba(56,64,255,.16)}.control:focus-visible{outline-offset:2px;outline:3px solid rgba(56,64,255,.16)}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.result-block__title{color:var(--muted);margin:0 0 8px;font-size:12px}.result-block__text{color:var(--text);white-space:pre-wrap;margin:0;font-size:13px}@media (max-width:980px){.grid{grid-template-columns:1fr}}@media (max-width:520px){.container{width:min(1080px,100% - 28px)}.two-col,.result-grid{grid-template-columns:1fr}}