@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@500;600;700;800&family=Source+Serif+4:opsz,wght@8..60,500;600&family=Unbounded:wght@500;600;700&display=swap";.landing{--ink:#18231f;--paper:#f1f2e9;--acid:#d8ff45;--acid-deep:#a8d900;background:radial-gradient(circle at 84% 25%, #d8ff45c2 0 3%, transparent 22%), radial-gradient(circle at 14% 94%, #8fbc9b47 0 3%, transparent 30%), var(--paper);grid-template-rows:auto 1fr auto;min-height:100svh;display:grid;position:relative;overflow:hidden}.landing:before{z-index:0;content:"";background:repeating-linear-gradient(118deg,#0000 0 68px,#18231f0b 69px 70px);position:absolute;inset:-30% -15%;transform:rotate(-9deg)}.grain{z-index:1;opacity:.3;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E");position:absolute;inset:0}.masthead,.hero,.footer{z-index:2;position:relative}.masthead{justify-content:space-between;align-items:center;padding:28px clamp(22px,5vw,76px);display:flex}.wordmark{color:var(--ink);letter-spacing:-.12em;font-family:Unbounded,sans-serif;font-size:clamp(1.5rem,3vw,2.4rem);font-weight:700;line-height:1;text-decoration:none}.edition,.eyebrow,.footer,.result-label{letter-spacing:.08em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.68rem;font-weight:500}.edition{opacity:.7}.hero{flex-direction:column;justify-content:center;align-items:flex-start;width:min(100% - 44px,1100px);margin:auto;padding:clamp(60px,11vh,130px) 0;display:flex}.eyebrow{color:#587100;margin:0 0 18px}h1{letter-spacing:-.09em;max-width:850px;margin:0;font-family:Unbounded,sans-serif;font-size:clamp(2.65rem,7.3vw,6.6rem);font-weight:600;line-height:.99}.intro{letter-spacing:-.025em;max-width:470px;margin:28px 0 0;font-size:clamp(1rem,1.6vw,1.2rem);font-weight:600;line-height:1.5}.action-area{margin-top:36px}.primary-action,.copy-button{border:1px solid var(--ink);color:var(--ink);cursor:pointer;transition:transform .16s,background .16s,color .16s}.primary-action{background:var(--acid);border-radius:2px;justify-content:space-between;align-items:center;gap:32px;min-width:217px;padding:15px 18px 15px 20px;font-size:1rem;font-weight:800;display:inline-flex}.primary-action:hover:not(:disabled),.copy-button:hover{background:var(--ink);color:var(--acid);transform:translate(3px,-3px)}.primary-action:disabled{cursor:wait;opacity:.7}.primary-action:focus-visible,.copy-button:focus-visible,.wordmark:focus-visible{outline-offset:4px;outline:3px solid #5f7c00}.feedback{max-width:440px;margin:16px 0 0;font-size:.9rem;font-weight:700;line-height:1.45}.error{color:#a33419}.result{border-top:1px solid #18231f66;width:min(100%,650px);margin-top:36px;padding-top:20px}.result-label{color:#587100;margin:0 0 10px}.result code{overflow-wrap:anywhere;font-family:DM Mono,monospace;font-size:clamp(.78rem,1.4vw,.95rem);line-height:1.5;display:block}.result-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:20px;display:flex}.copy-button{background:0 0;border-radius:2px;padding:10px 14px;font-size:.87rem;font-weight:800}.hint{opacity:.75;font-size:.82rem;font-weight:600;line-height:1.35}.bot-cta{color:var(--ink);-webkit-text-decoration-color:var(--acid-deep);text-decoration-color:var(--acid-deep);text-underline-offset:3px;margin-top:22px;font-size:.88rem;font-weight:800;line-height:1.4;text-decoration-thickness:2px;display:inline-block}.bot-cta:hover{color:#587100}.footer{opacity:.8;border-top:1px solid #18231f3d;justify-content:space-between;padding:24px clamp(22px,5vw,76px);display:flex}@media (width<=560px){.masthead{padding-top:22px}.edition{display:none}.hero{width:min(100% - 40px,1100px)}.footer{font-size:.57rem}}.cabinet{--ink:#18231f;--paper:#f1f2e9;--acid:#d8ff45;min-height:100svh;color:var(--ink);background:radial-gradient(circle at 90% 8%, #d8ff45b8 0 4%, transparent 25%), var(--paper)}.cabinet-header,.cabinet-content{width:min(100% - 44px,980px);margin:0 auto}.cabinet-header{border-bottom:1px solid #18231f3d;justify-content:space-between;align-items:center;padding:28px 0;display:flex}.cabinet-wordmark{color:var(--ink);letter-spacing:-.12em;font-family:Unbounded,sans-serif;font-size:clamp(1.5rem,3vw,2.4rem);font-weight:700;line-height:1;text-decoration:none}.cabinet-header>a:last-child{color:var(--ink);letter-spacing:.06em;text-underline-offset:4px;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.72rem;font-weight:500;text-decoration-color:#83a800}.cabinet-content{padding:clamp(56px,10vh,112px) 0 72px}.cabinet-kicker,.cabinet-summary span,.cabinet-section-heading span,.create-key label{letter-spacing:.08em;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.7rem;font-weight:500}.cabinet-kicker{color:#587100;margin:0 0 16px}.cabinet h1{font-size:clamp(2.6rem,6vw,5.4rem)}.cabinet-lead{max-width:570px;margin:25px 0 42px;font-size:1.05rem;font-weight:600;line-height:1.55}.cabinet-status,.cabinet-empty,.create-key>p,.cabinet-message{font-weight:600;line-height:1.5}.cabinet-notice{border:1px solid;max-width:540px;padding:20px}.cabinet-notice p{margin:0 0 16px;font-weight:700}.cabinet-error,.delete-key{color:#a33419}.cabinet-notice button,.key-actions button{color:inherit;cursor:pointer;background:0 0;border:1px solid;padding:8px 10px;font-size:.82rem;font-weight:800}.cabinet-summary{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:repeat(3,1fr);margin-bottom:50px;display:grid}.cabinet-summary div{border-right:1px solid #18231f3d;flex-direction:column;justify-content:space-between;min-height:116px;padding:18px;display:flex}.cabinet-summary div:last-child{border:0}.cabinet-summary span{opacity:.68}.cabinet-summary strong{font-size:1rem;line-height:1.25}.cabinet-section-heading{justify-content:space-between;align-items:baseline;display:flex}.cabinet h2{letter-spacing:-.07em;margin:0;font-family:Unbounded,sans-serif;font-size:clamp(1.25rem,3vw,1.8rem)}.key-list{gap:10px;margin:22px 0 0;padding:0;list-style:none;display:grid}.key-card{border:1px solid #18231f59;justify-content:space-between;align-items:center;gap:22px;padding:18px;display:flex}.key-card strong,.key-card code{display:block}.key-card strong{margin-bottom:7px}.key-card code{overflow-wrap:anywhere;opacity:.72;max-width:590px;font-family:DM Mono,monospace;font-size:.74rem;line-height:1.45}.key-actions{flex-shrink:0;gap:8px;display:flex}.key-actions button:disabled,.create-key button:disabled{cursor:wait;opacity:.5}.create-key{border-top:1px solid #18231f59;margin-top:48px;padding-top:28px}.create-key label{margin-bottom:12px;display:block}.create-key>div{gap:10px;display:flex}.create-key input{border:1px solid var(--ink);min-width:0;color:var(--ink);font:inherit;background:0 0;border-radius:0;flex:1;padding:13px 14px}.create-key button{border:1px solid var(--ink);background:var(--acid);color:var(--ink);cursor:pointer;padding:13px 18px;font-weight:800}.create-key>p,.cabinet-message{margin:12px 0 0;font-size:.85rem}.cabinet-message{color:#a33419}@media (width<=620px){.cabinet-header,.cabinet-content{width:min(100% - 40px,980px)}.cabinet-summary{grid-template-columns:1fr}.cabinet-summary div{border-bottom:1px solid #18231f3d;border-right:0;min-height:86px}.cabinet-summary div:last-child{border-bottom:0}.key-card,.create-key>div{flex-direction:column;align-items:stretch}.key-actions{justify-content:flex-start}}.cover{--ink:#1c2421;--fog:#e8ebe4;--moss:#5f7a68;background:linear-gradient(165deg, #f4f5f0 0%, var(--fog) 48%, #dfe5dc 100%);min-height:100svh;color:var(--ink);grid-template-rows:auto 1fr auto;padding:clamp(28px,5vw,56px);font-family:"Source Serif 4",Georgia,serif;display:grid}.cover-header,.cover-footer{letter-spacing:.06em;text-transform:uppercase;color:var(--moss);justify-content:space-between;gap:16px;font-family:DM Mono,monospace;font-size:.72rem;display:flex}.cover-brand{margin:0;font-weight:500}.cover-meta,.cover-footer span{opacity:.85;margin:0}.cover-body{text-align:left;flex-direction:column;justify-content:center;max-width:34rem;margin:0 auto;display:flex}.cover-body h1{letter-spacing:-.02em;margin:0 0 1rem;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:600;line-height:1.15}.cover-lead{color:#3a463f;margin:0;font-size:1.05rem;line-height:1.55}.cover-owl{cursor:default;-webkit-user-select:none;user-select:none;opacity:.55;background:0 0;border:0;align-self:flex-start;margin-top:2.2rem;padding:0;font-size:1.75rem;line-height:1;transition:opacity .16s,transform .16s}.cover-owl:hover,.cover-owl:focus-visible{opacity:.9;outline:none}.cover-owl:active{transform:scale(.96)}@media (width<=640px){.cover-header,.cover-footer{flex-direction:column}}:root{color:#18231f;font-synthesis:none;text-rendering:optimizelegibility;background:#f1f2e9;font-family:Manrope,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}button{font:inherit}