:root{color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#f4f6fb;color:#1d1f27;-webkit-text-size-adjust:100%}.app{max-width:960px;margin:0 auto;padding:40px 24px 120px;display:grid;gap:24px;min-height:100vh}.hero{background:linear-gradient(135deg,#0f62fe 0%,#6f2cff 100%);color:#fff;padding:32px;border-radius:20px;box-shadow:0 12px 30px #0f62fe40;text-align:center}.hero h1{margin:0 0 12px;font-size:2.2rem}.hero p{margin:0;font-size:1rem;opacity:.9}.hero-logo{display:block;width:min(85vw,420px);max-width:100%;height:auto;margin:0 auto 16px}.card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 12px 24px #0f143714;display:grid;gap:16px}.card h2{margin:0;font-size:1.4rem}.info-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 12px 24px #0f143714;display:grid;gap:16px}.info-section h2{margin:0;font-size:1.5rem;color:#0f62fe}.info-section h3{margin:0 0 8px;font-size:1.1rem}.info-section p{margin:0;color:#4a5168;line-height:1.6;font-size:.95rem}.info-section-grid{display:grid;gap:16px}.info-section-grid>div{padding:16px;border-radius:12px;background:#f5f8ff;border:1px solid #d9e4ff;display:grid;gap:8px}.form{display:grid;gap:16px}.form label,.form-field{display:grid;gap:8px;font-size:.95rem}input{padding:10px 12px;border-radius:10px;border:1px solid #d5d9e6;font-size:16px}button{border:none;padding:12px 16px;border-radius:10px;background:#0f62fe;color:#fff;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 16px #0f62fe33}button:hover{transform:translateY(-1px)}button:active{transform:scale(.97);transition:transform .08s ease}button:disabled{background:#9fb7f9;cursor:not-allowed;box-shadow:none;transform:none}.button-secondary{background:#e2e8f0;color:#1d1f27;box-shadow:none}.button-danger{background:#ef4444;color:#fff;box-shadow:none}.button-compact{padding:6px 10px;font-size:.8rem;box-shadow:none}button,a,input[type=button],input[type=submit],input[type=reset],label{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:rgba(15,98,254,.18)}.stack{display:grid;gap:12px}.row,.time-inputs{display:flex;flex-wrap:wrap;gap:12px}.time-inputs label{display:grid;gap:4px;font-size:.85rem;min-width:120px}.time-inputs input{min-width:120px}input,textarea,select{font-size:16px}.mono{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.hint{margin:0;font-size:.85rem;color:#5b627a}.result{padding:16px;border-radius:12px;background:#f5f8ff;border:1px solid #d9e4ff;display:grid;gap:8px}.result code{display:block;background:#111827;color:#e5e7eb;padding:12px;border-radius:10px;font-size:.85rem;word-break:break-all}.paywall-item{margin-bottom:16px;border-bottom:1px solid #1f2937;padding-bottom:16px;list-style:none}.paywall-summary{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid #d9e4ff;background:#f5f8ff;color:#1d1f27;padding:12px 16px;border-radius:12px;box-shadow:none;font-weight:600}.paywall-summary:hover{transform:none;box-shadow:none}.paywall-summary-text{text-align:left;word-break:break-word}.paywall-details{margin-top:12px;padding:12px;border-radius:12px;border:1px solid #d9e4ff;background:#fff;display:grid;gap:12px}.paywall-prompt{width:100%;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.85rem;padding:10px 12px;border-radius:10px;border:1px solid #d5d9e6;background:#f9fafb;resize:vertical;min-height:160px}.status{padding:10px 12px;background:#eef2ff;border-radius:8px;color:#1f2a68;font-size:.9rem}