body{background-color:#f5f7fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.App{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:40px auto;max-width:800px;padding:20px;text-align:center}h2{color:#333;margin-bottom:20px}input[type=text]{border:1px solid #ccc;border-radius:6px;font-size:1rem;margin-bottom:12px;padding:10px;width:80%}button{background-color:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-right:8px;margin-top:12px;padding:10px 16px;transition:background-color .2s ease}button:hover{background-color:#357bd8}textarea{background-color:#fefefe;border:1px solid #ccc;border-radius:6px;box-sizing:border-box;font-family:monospace;font-size:.95rem;height:360px;margin-top:20px;padding:12px;resize:vertical;width:100%}p{color:red;font-weight:700}.navbar{-webkit-backdrop-filter:saturate(180%) blur(8px);backdrop-filter:saturate(180%) blur(8px);background:linear-gradient(135deg,#1e293b,#0f172a);box-shadow:0 2px 6px #0003;color:#f1f5f9;padding-top:env(safe-area-inset-top);position:-webkit-sticky;position:sticky;top:0;z-index:60}.nav-inner{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:.75rem 1rem}.nav-title{font-size:1.1rem;font-weight:600;gap:.4rem}.nav-toggle{background:#0000;border:1px solid #ffffff26;border-radius:.6rem;cursor:pointer;display:inline-grid;gap:4px;padding:.5rem;transition:background .2s,border-color .2s}.nav-toggle:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.nav-toggle .bar{background:#e2e8f0;border-radius:2px;height:2px;transition:transform .25s,opacity .2s;width:22px}.nav-toggle.open .bar:first-child{transform:translateY(6px) rotate(45deg)}.nav-toggle.open .bar:nth-child(2){opacity:0}.nav-toggle.open .bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-links{list-style:none;margin:0;padding:0}.nav-links a{border-radius:.55rem;color:#cbd5e1;display:block;font-weight:500;padding:.6rem 1rem;text-decoration:none;transition:background .2s,color .2s}.nav-links a:hover{background:#ffffff1a;color:#fff}.nav-links a.active{background:#3b82f6;color:#fff}.mobile{grid-gap:.25rem;display:grid;gap:.25rem;max-height:0;overflow:hidden;padding:.25rem .5rem .75rem;transition:max-height .25s ease}.mobile.open{max-height:280px}.nav-backdrop{background:#00000040;inset:calc(env(safe-area-inset-top) + 56px) 0 0 0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s;z-index:55}.nav-backdrop.show{opacity:1;pointer-events:auto}.desktop{display:none}@media (min-width:768px){.nav-toggle{display:none}.desktop{display:flex;gap:.25rem}.mobile,.nav-backdrop{display:none}}.nav-title{align-items:center;display:flex;font-size:1.25rem;font-weight:700;letter-spacing:.5px}.nav-title .ex{color:#3b82f6}.nav-title .pro{color:#f1f5f9}.App{background-color:#f5f7fa;font-family:Segoe UI,sans-serif;min-height:100vh}main{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0000001a;margin:0 auto;max-width:800px;padding:30px}
/*# sourceMappingURL=main.e16c8448.css.map*/