:root{--bg:#18212f;--bg-soft:#212b3c;--bg-panel:#253044;--bg-card:#273247;--line:rgba(138,158,190,0.18);--text:#d8e6f0;--muted:#8b9cb2;--accent:#9be283;--accent-strong:#7fd06b;--teal:#3bc7bf;--danger:#f0897d;--shadow:0 20px 40px rgba(8,13,23,0.28)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(64,88,122,.25),transparent 35%),linear-gradient(180deg,#1f2939 0,var(--bg) 22%,#17202d 100%);color:var(--text);font-family:var(--font-family,"Segoe UI","Helvetica Neue",sans-serif)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.page-shell{min-height:100vh}.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:rgba(29,39,55,.86);border-bottom:1px solid rgba(121,143,171,.12)}.main-column,.topbar-inner{width:min(1180px,calc(100vw - 40px));margin:0 auto}.topbar-inner{justify-content:space-between;padding:18px 0}.brand,.topbar-inner{display:flex;align-items:center}.brand{gap:12px}.brand-copy{display:flex;flex-direction:column;gap:1px}.brand-title{font-size:1.7rem;font-weight:800;line-height:1}.brand-subtitle{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px;background:linear-gradient(135deg,rgba(59,199,191,.2),rgba(155,226,131,.18));color:var(--teal)}.top-actions{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:.96rem}.top-action-btn{border:0;background:transparent;color:inherit;padding:0}.top-action-btn.active{color:var(--text)}.lang-toggle{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:rgba(22,31,44,.58);border:1px solid rgba(140,160,187,.16)}.lang-btn{border:0;background:transparent;color:var(--muted);padding:6px 10px;border-radius:999px;font-size:.78rem;font-weight:800}.lang-btn.active{background:rgba(155,226,131,.16);color:var(--text)}.main-column{padding:28px 0 64px}.hero-card,.info-card,.result-card{background:linear-gradient(180deg,rgba(41,53,75,.94),rgba(34,45,63,.97));border:1px solid var(--line);box-shadow:var(--shadow)}.hero-card,.result-card{border-radius:22px;padding:28px}.hero-grid{display:grid;grid-gap:44px;gap:44px}.hero-grid-result{display:block}.hero-card h1,.result-card h1{margin:0 0 24px;font-size:clamp(2rem,3vw,3rem);letter-spacing:-.03em}.field-label,.options-label{display:block;margin-bottom:10px;color:var(--muted);font-weight:700;font-size:.95rem}.secret-input{width:100%;min-height:180px;resize:vertical;border-radius:16px;border:1px solid rgba(142,167,199,.18);background:rgba(26,36,51,.6);color:var(--text);padding:18px 20px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.passphrase-input:focus,.secret-input:focus{border-color:rgba(59,199,191,.55);box-shadow:0 0 0 4px rgba(59,199,191,.12)}.upload-dropzone{display:grid;place-items:center;grid-gap:10px;gap:10px;min-height:170px;border-radius:18px;border:2px dashed rgba(142,167,199,.14);background:rgba(26,36,51,.34);color:var(--muted);text-align:center;padding:28px 22px;cursor:pointer}.upload-dropzone strong{color:var(--text);font-size:1.06rem}.upload-icon{color:#89a0b8}.upload-file-meta{color:#b8c8d5;font-weight:600}.file-input{display:none}.options-row{margin-top:24px;display:flex;flex-wrap:wrap;gap:14px}.option-pill{position:relative}.option-pill input{position:absolute;inset:0;opacity:0}.option-pill span{display:inline-flex;align-items:center;gap:10px;min-width:140px;justify-content:center;padding:14px 18px;border-radius:999px;border:1px solid rgba(140,160,187,.16);color:var(--muted);background:rgba(23,31,44,.58);transition:all .18s ease}.option-pill input:checked+span{color:#112014;border-color:rgba(155,226,131,.6);background:linear-gradient(180deg,var(--accent),var(--accent-strong));font-weight:800}.benefits{display:grid;grid-gap:14px;gap:14px;margin:28px 0}.benefit{display:flex;gap:12px;color:#c1d1dd;font-weight:600}.benefit,.cta{align-items:center}.cta{width:100%;border:0;border-radius:14px;padding:18px 22px;background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#102013;font-size:1.06rem;font-weight:900;display:inline-flex;justify-content:center;gap:10px;transition:transform .18s ease,filter .18s ease}.cta:hover{transform:translateY(-1px);filter:brightness(1.03)}.cta:disabled{cursor:progress;opacity:.8}.hero-copy{text-align:center;max-width:860px;margin:54px auto 0}.hero-copy h2{font-size:clamp(2rem,2.5vw,2.8rem);margin:0 0 14px;letter-spacing:-.03em}.hero-copy p{margin:0;color:var(--muted);font-size:1.08rem;line-height:1.75}.feature-grid{display:grid;grid-gap:20px;gap:20px;margin-top:52px;grid-template-columns:repeat(3,minmax(0,1fr))}.info-card{border-radius:18px;padding:28px 24px;text-align:center}.icon-badge{width:52px;height:52px;margin:0 auto 18px;border-radius:14px;display:grid;place-items:center}.icon-green{background:rgba(155,226,131,.12);color:var(--accent)}.icon-red{background:rgba(240,137,125,.14);color:var(--danger)}.icon-cyan{background:rgba(59,199,191,.14);color:#4ddbe0}.icon-gold{background:rgba(227,192,90,.14);color:#f5cf65}.icon-orange{background:rgba(247,148,90,.14);color:#ff9f63}.info-card h3{margin:0 0 12px;font-size:1.4rem}.info-card p,.result-card p,.result-note,.status{color:var(--muted);line-height:1.7}.status{min-height:28px;margin:14px 0 0}.status.error{color:#ffb1a8}.status.success{color:#b7ec9a}.result-card{max-width:820px;margin:48px auto 0}.result-stack{display:grid;grid-gap:24px;gap:24px;margin:28px 0}.notice-banner{margin-top:24px;border-radius:16px;padding:18px 20px;background:#e4c954;color:#3d3210}.notice-title{font-size:1.2rem;font-weight:800;margin-bottom:6px}.notice-text{line-height:1.7;color:rgba(61,50,16,.92)}.share-card{border-radius:16px;border:1px solid rgba(142,167,199,.12);background:rgba(28,37,53,.42);padding:24px 22px}.share-card h3{margin:0 0 8px;font-size:1.55rem}.share-card p{margin:0 0 18px}.share-row{display:flex;gap:14px;align-items:center}.result-link{display:block;padding:16px 18px;border-radius:14px;background:rgba(21,29,41,.74);border:1px solid rgba(142,167,199,.15);overflow-wrap:anywhere;flex:1 1;min-width:0}.result-actions{display:flex;gap:12px;flex-wrap:wrap}.secondary-btn{border-radius:12px;border:1px solid rgba(140,160,187,.2);background:rgba(23,31,44,.68);color:var(--text);padding:12px 16px}.copy-chip{border:0;border-radius:10px;background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#102013;font-weight:800;padding:11px 15px;white-space:nowrap}.outline-btn{border-radius:14px;border:1px solid rgba(155,226,131,.75);background:transparent;color:var(--accent);padding:12px 20px;font-weight:800}.result-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.result-reset-btn{min-width:240px}.read-shell{width:min(860px,calc(100vw - 40px));margin:0 auto;padding:42px 0 72px}.read-card{margin-top:42px;border-radius:22px;padding:28px;background:linear-gradient(180deg,rgba(41,53,75,.94),rgba(34,45,63,.97));border:1px solid var(--line);box-shadow:var(--shadow)}.read-stage{display:grid;grid-gap:28px;gap:28px}.read-headline{display:flex;gap:14px;align-items:flex-start}.read-headline h1{margin:0 0 8px;font-size:clamp(2rem,3vw,3rem);letter-spacing:-.03em}.read-headline p{margin:0;color:var(--muted);font-size:1.08rem}.read-headline-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:rgba(19,190,129,.12);color:#00e786;flex:0 0 auto}.read-warning-banner{display:flex;gap:16px;align-items:flex-start;border-radius:16px;padding:18px 20px;background:#e4c954;color:#2d250c}.read-warning-icon{flex:0 0 auto;margin-top:2px}.read-warning-title{font-size:1.2rem;font-weight:800;margin-bottom:6px}.read-warning-text{line-height:1.7;color:rgba(45,37,12,.94)}.passphrase-row,.secret-output{margin-top:20px}.passphrase-input,.secret-output pre{width:100%;border-radius:14px;border:1px solid rgba(142,167,199,.18);background:rgba(22,31,44,.72);color:var(--text);padding:16px 18px}.secret-output pre{white-space:pre-wrap;word-break:break-word;margin:0;min-height:180px}.revealed-secret{margin-top:0}.revealed-secret pre{min-height:120px;font-size:1.8rem;line-height:1.7}.warning-box{margin-top:16px;padding:14px 16px;border-radius:14px;background:rgba(240,137,125,.12);border:1px solid rgba(240,137,125,.2);color:#ffcabf}.file-result-card{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:16px;border:1px solid rgba(142,167,199,.15);background:rgba(22,31,44,.72);padding:18px}.file-result-meta{margin-top:6px;color:var(--muted)}.file-download-btn{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}.read-primary-action{display:flex;justify-content:center}.reveal-btn{width:min(450px,100%)}.read-result-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.read-action-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:190px}.read-action-primary{background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#102013;border-color:transparent}@media (max-width:980px){.feature-grid{grid-template-columns:1fr 1fr}}@media (max-width:720px){.file-result-card{align-items:flex-start}.file-result-card,.read-headline{flex-direction:column}.main-column,.read-shell,.topbar-inner{width:min(100vw - 24px,100%)}.hero-card,.info-card,.read-card,.result-card{padding:22px}.feature-grid{grid-template-columns:1fr}.top-actions{gap:10px;font-size:.85rem}.option-pill span{min-width:unset;width:100%}.options-row{display:grid;grid-template-columns:1fr}.share-row{flex-direction:column;align-items:stretch}.copy-chip{width:100%}}