:root{color-scheme:light;--bg: #f5f7fb;--panel: #ffffff;--panel-dark: #0f172a;--border: #dbe2ea;--text: #0f172a;--muted: #5b6472;--muted-dark: #dce3ee;--shadow: 0 10px 30px rgba(15, 23, 42, .06);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}body{min-height:100vh}button,input{font:inherit}.app-shell{min-height:100vh;padding:24px;background:var(--bg)}.page{max-width:1280px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:24px}.panel h1,.panel h2{margin:0;line-height:1.2}.panel h1{font-size:2rem;letter-spacing:-.02em}.panel h2{font-size:1.2rem;margin-bottom:8px}.hero-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.hero-copy,.section-copy{margin:10px 0 0;color:var(--muted);line-height:1.6;max-width:900px}.reset-button{border:1px solid var(--border);background:#fff;color:var(--text);padding:12px 16px;border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow);white-space:nowrap}.reset-button:hover{background:#f8fafc}.content-grid{display:grid;gap:24px;grid-template-columns:1.2fr .8fr;align-items:start}.left-col,.right-col{display:flex;flex-direction:column;gap:24px}.form-grid{display:grid;gap:16px;margin-top:20px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:.92rem;font-weight:600;color:#334155}.field-helper{font-size:.78rem;line-height:1.4;color:var(--muted)}.input-wrap{position:relative}.text-input{width:100%;border:1px solid var(--border);background:#fff;border-radius:var(--radius-md);padding:12px 14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-shadow:0 1px 2px #0f172a08}.text-input.has-prefix{padding-left:28px}.text-input.has-suffix{padding-right:44px}.text-input:focus{border-color:#64748b;box-shadow:0 0 0 4px #94a3b82e}.input-prefix,.input-suffix{position:absolute;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.input-prefix{left:12px}.input-suffix{right:12px}.note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px}.note-card{background:#f8fafc;border-radius:var(--radius-md);padding:16px;color:#334155}.note-title{font-weight:700;margin-bottom:10px}.note-card code{display:block;font-size:.78rem;line-height:1.5;white-space:normal;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.summary-list{margin-top:12px}.summary-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #edf2f7;color:#334155;font-size:.95rem}.summary-row:first-child{border-top:none}.summary-row.emphasis{font-weight:700;color:var(--text);font-size:1rem}.summary-value{text-align:right}.panel-dark{background:var(--panel-dark);color:#f8fafc;border-color:#1e293b}.panel-dark h2{color:#f8fafc}.notes-list{margin:16px 0 0;padding-left:18px;color:var(--muted-dark);line-height:1.6}.notes-list li+li{margin-top:10px}@media (max-width: 1024px){.content-grid{grid-template-columns:1fr}}@media (max-width: 760px){.app-shell{padding:16px}.panel{padding:18px}.hero-row{flex-direction:column;align-items:stretch}.two-col,.three-col,.note-grid{grid-template-columns:1fr}.panel h1{font-size:1.65rem}}