:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:#ecf0e8;background:#101713;font-synthesis:none}*{box-sizing:border-box}html{min-width:320px}body{margin:0;background:radial-gradient(circle at 78% 2%,#1c2920 0,transparent 36%),#101713}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #b6e185;outline-offset:3px}.page-shell{max-width:1360px;min-height:100vh;margin:auto;padding:0 44px}.topbar{height:86px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #334039}.brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800;letter-spacing:.14em}.brand b{color:#91b971;margin:0 4px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid #a6cf7a;border-radius:9px;color:#bee389;font-size:24px;font-weight:400;letter-spacing:0}.topbar-note{font-size:12px;color:#809084}.hero{padding:58px 0 46px;max-width:780px}.eyebrow{display:flex;align-items:center;gap:10px;color:#b7dc89;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:.2em;font-weight:500}.signal{width:7px;height:7px;border-radius:100%;background:#b7dc89;box-shadow:0 0 0 5px #b7dc891c}.hero h1{margin:20px 0 18px;font-size:clamp(38px,5.3vw,70px);line-height:1.08;letter-spacing:-.065em;font-weight:800}.hero h1 em{font-style:normal;color:#b3d88c}.hero p{max-width:640px;margin:0;color:#a7b3a9;font-size:16px;line-height:1.7}.workflow{display:grid;grid-template-columns:1.08fr .92fr;gap:22px;align-items:stretch}.panel{border:1px solid #354238;background:#19231d;border-radius:18px;padding:28px;box-shadow:0 18px 60px #00000013}.output-panel{background:#1d2820;display:flex;flex-direction:column}.panel-heading{display:flex;align-items:center;gap:15px;margin-bottom:34px}.step{display:grid;place-items:center;flex:none;width:44px;height:44px;background:#29372d;border:1px solid #486344;border-radius:11px;color:#b2d386;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px}.step.accent{background:#a9ce7c;color:#17231a;border-color:#a9ce7c}.panel h2{margin:0;font-size:20px;letter-spacing:-.035em}.panel-heading p{margin:4px 0 0;color:#87978b;font-size:12px}.field-label{display:block;margin-bottom:10px;font-size:12px;font-weight:700;letter-spacing:.015em;color:#d7e0d5}.required{color:#b7d98a}.time-field{height:54px;display:flex;align-items:center;gap:12px;border:1px solid #4b5b4c;background:#111a14;border-radius:9px;padding:0 17px}.time-field span{color:#afd384;font-size:21px}.time-field input{height:100%;width:100%;background:none;border:0;color:#f2f4ed;outline:0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:17px}.time-field input::placeholder,textarea::placeholder{color:#66786b}.field-hint{margin:9px 0 25px;color:#829287;font-size:11px;line-height:1.55}.paste-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.text-button{background:none;border:0;color:#badb8e;text-decoration:underline;text-underline-offset:3px;font-size:12px;padding:0}.text-button:hover{color:#dcf5bb}textarea{width:100%;height:184px;min-height:125px;resize:vertical;padding:16px;background:#111a14;border:1px solid #4b5b4c;border-radius:9px;color:#e9f1e5;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.7;white-space:pre;tab-size:4}.mapping{padding:17px;margin:2px 0 22px;background:#131d16;border:1px solid #394b3c;border-radius:10px}.mapping-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:14px;font-size:12px;font-weight:700}.mapping-title small{font-size:10px;color:#819183;font-weight:500}.mapping-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mapping-grid label{font-size:10px;color:#92a196}.mapping-grid select{display:block;width:100%;height:38px;margin-top:6px;padding:0 8px;background:#1c2920;border:1px solid #405343;border-radius:6px;color:#e8f0e3;font-size:11px}.options{display:grid;gap:12px;margin-top:2px}.check-row{display:flex;align-items:center;gap:10px;color:#aeb9ad;font-size:12px;cursor:pointer}.check-row input{accent-color:#b9db8f;width:15px;height:15px;margin:0}.result-meta{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border:1px solid #3e5240;border-radius:9px 9px 0 0;background:#223225;color:#b9d991;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px}.result-light{width:7px;height:7px;border-radius:100%;background:#b7d98a;box-shadow:0 0 0 4px #b7d98a18}.output-wrap{flex:1;min-height:260px;background:#101a13;border:1px solid #3e5240;border-top:0;border-radius:0 0 9px 9px;overflow:auto}pre{margin:0;padding:21px;color:#e6efdf;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}.notice{margin-top:12px;padding:10px 12px;border:1px solid #8f7546;background:#40311d;color:#ecd5a4;border-radius:7px;font-size:11px;line-height:1.5}.copy-button{width:100%;height:51px;display:flex;align-items:center;justify-content:center;gap:11px;margin-top:18px;border:0;border-radius:9px;background:#b7db8b;color:#1a2a1a;font-size:13px;font-weight:800;transition:background .15s,transform .15s}.copy-button:hover:not(:disabled){background:#d3f2ac;transform:translateY(-1px)}.copy-button:disabled{background:#52614d;color:#a0afa0}.formula{display:flex;gap:10px;margin-top:25px;padding-top:20px;border-top:1px solid #394b3c}.formula-icon{display:grid;place-items:center;flex:none;width:18px;height:18px;border:1px solid #70846c;border-radius:50%;color:#a1b49a;font-family:Georgia,serif;font-size:12px;font-style:italic}.formula p{margin:0;color:#8c9d8e;font-size:11px;line-height:1.65}.formula strong{color:#b2c0b0;font-size:12px}footer{display:flex;justify-content:space-between;gap:24px;padding:29px 0 38px;color:#718274;font-size:10px}footer span:last-child{white-space:nowrap}@media(max-width:850px){.page-shell{padding:0 22px}.workflow{grid-template-columns:1fr}.hero{padding:43px 0 36px}.panel{padding:24px}.output-wrap{min-height:210px}}@media(max-width:520px){.page-shell{padding:0 16px}.topbar{height:69px}.topbar-note{display:none}.hero h1{font-size:42px}.hero p{font-size:14px}.panel{padding:20px;border-radius:14px}.panel-heading{margin-bottom:28px}.mapping-grid{grid-template-columns:1fr}.mapping-title{display:block}.mapping-title small{display:block;margin-top:4px}footer{display:block;line-height:1.7}footer span{display:block;margin-bottom:7px}}