:root{--bg:#e0e0e0;--surface: #e0e0e0;--bg-gradient:linear-gradient(145deg, #f1f1f1 0%, #d8d8d8 100%);--text:#333333;--label:#555555;--card:#e0e0e0;--shadow-dark:#bebebe;--shadow-light:#ffffff;--accent:#333333}body[data-theme=dark]{--bg:#1f1f1f;--surface: #1f1f1f;--bg-gradient:linear-gradient(145deg, #232323 0%, #1a1a1a 100%);--text:#e6e6e6;--label:#b8b8b8;--card:#1f1f1f;--shadow-dark:#141414;--shadow-light:#2a2a2a;--accent:#e6e6e6}body[data-theme=monero]{--monero-orange:#F26822;--monero-gray:#4C4C4C;--surface: var(--monero-gray);--bg:#323232;--bg-gradient:linear-gradient(145deg, #3d3d3d 0%, #2c2c2c 100%);--card:#3b3b3b;--shadow-dark:#262626;--shadow-light:#4a4a4a;--text:#e6e6e6;--label:#F26822;--accent:var(--monero-orange)}*{box-sizing:border-box}html,body{margin:0;min-height:100vh}body{background:var(--bg-gradient);color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex;justify-content:center;padding:20px;transition:background .2s ease,color .2s ease}.container{width:100%;max-width:1080px;display:flex;flex-direction:column;gap:24px}main{display:flex;flex-direction:column;gap:24px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:20px 24px;border-radius:24px;background:var(--card);box-shadow:9px 9px 16px var(--shadow-dark),-9px -9px 16px var(--shadow-light)}.toolbar-controls{display:inline-flex;gap:12px;align-items:center}.brand{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand img{display:block;border-radius:8px}h1{margin:0;color:var(--accent);text-align:left;font-weight:600;letter-spacing:.02em}.theme-picker{display:inline-flex;gap:8px;align-items:center;font-size:.95rem;color:var(--label)}.theme-picker select{appearance:none;border:none;padding:8px 12px;border-radius:14px;background:var(--card);color:var(--text);box-shadow:9px 9px 16px var(--shadow-dark),-9px -9px 16px var(--shadow-light);outline:none;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease}.theme-picker select:hover,.theme-picker select:focus-visible{box-shadow:9px 9px 16px var(--shadow-dark),-9px -9px 16px var(--shadow-light),0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.panel{background:var(--card);border-radius:24px;padding:24px;box-shadow:9px 9px 16px var(--shadow-dark),-9px -9px 16px var(--shadow-light);transition:background .2s ease,box-shadow .2s ease,color .2s ease}.hero-panel{display:flex;flex-direction:column;gap:16px}.om-hero{--om-orange: var(--om-accent, #f26822);--om-ink: var(--text, #eaeaea);--om-ink-dim: color-mix(in oklab, var(--om-ink), transparent 40%);--om-card: color-mix(in oklab, var(--surface, #0f0f0f), black 10%);--om-ring: color-mix(in oklab, var(--om-orange), transparent 35%);--om-grad: linear-gradient(90deg, var(--om-orange), #ff9a3c 60%, #ffd7a0 100%);display:grid;gap:2rem;align-items:center;padding:clamp(1.25rem,2.5vw,2rem);border-radius:16px;position:relative;overflow:clip}@media(min-width:960px){.om-hero{grid-template-columns:1.05fr .95fr}}.om-hero__content{display:grid;gap:1rem}.om-hero__eyebrow{font-size:.85rem;letter-spacing:.12em;text-transform:uppercase;color:var(--om-ink-dim)}.om-hero__title{font-size:clamp(2rem,4vw + .5rem,3.25rem);line-height:1.05;font-weight:800;position:relative;display:inline-block;background:var(--om-grad);-webkit-background-clip:text;background-clip:text;color:transparent;text-wrap:balance;margin:0}.om-hero__title-glow{position:absolute;inset:-12% -8% -20%;background:radial-gradient(60% 60% at 40% 30%,var(--om-ring),transparent 70%);filter:blur(22px);z-index:-1;pointer-events:none}.om-hero__tagline{color:var(--om-ink-dim);font-size:1.05rem;max-width:60ch}.om-hero__badges{display:flex;flex-wrap:wrap;gap:.5rem .6rem;padding:0;margin:.25rem 0 0;list-style:none}.om-badge{border:1px solid color-mix(in oklab,var(--om-ring),transparent 25%);background:color-mix(in oklab,var(--om-card),transparent 10%);padding:.35rem .6rem;border-radius:999px;font-size:.85rem;white-space:nowrap}.om-hero__actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:.75rem}.om-cta{position:relative;overflow:hidden}.om-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,color-mix(in oklab,var(--om-orange),transparent 80%) 40%,transparent 80%);transform:translate(-120%);transition:transform .6s ease}.om-cta:hover:after{transform:translate(120%)}.om-cta__icon{margin-left:.4rem;vertical-align:middle}.om-hero__stats{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;padding:0;margin:.25rem 0 0}.om-pill{display:grid;grid-auto-flow:column;gap:.4rem;align-items:baseline;background:color-mix(in oklab,var(--om-card),transparent 0%);border:1px solid color-mix(in oklab,var(--om-ring),transparent 25%);padding:.45rem .6rem;border-radius:999px}.om-pill__value{font-weight:700}.om-pill__label{color:var(--om-ink-dim)}.om-hero__art{position:relative;display:grid;place-items:center;padding:1rem;border-radius:16px;isolation:isolate}.om-hero__art-glow{position:absolute;inset:-20% -15% -35%;background:radial-gradient(40% 50% at 60% 30%,var(--om-ring),transparent 70%);filter:blur(30px);z-index:-1}.om-hero__img{width:100%;height:auto;border-radius:14px;box-shadow:0 10px 30px color-mix(in oklab,black,transparent 50%),0 0 0 1px color-mix(in oklab,var(--om-ring),transparent 35%)}.om-hero__shine{position:absolute;inset:0;border-radius:14px;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent 30%),radial-gradient(300px 80px at 15% 0%,rgba(255,255,255,.18),transparent 60%);mix-blend-mode:screen}.om-features{margin-top:1rem}.om-feature{position:relative;gap:.35rem}.om-feature__icon{position:absolute;top:.9rem;right:.9rem;opacity:.5}.om-feature__icon svg{width:20px;height:20px;display:block}@media(max-width:959px){.om-hero{padding:1rem}.om-hero__art{order:-1}}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.card{background:var(--card);border-radius:20px;padding:20px;box-shadow:9px 9px 16px var(--shadow-dark),-9px -9px 16px var(--shadow-light);transition:background .2s ease,box-shadow .2s ease,color .2s ease}.card p{margin:0}.label{font-size:.9rem;color:var(--label)}.value{overflow-wrap:anywhere;word-break:break-word;line-height:1.2;font-size:1.4rem;margin-top:8px}.actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-block;padding:.72rem 1rem;border-radius:14px;border:none;background:var(--card);color:var(--text);text-decoration:none;cursor:pointer;box-shadow:9px 9px 16px var(--shadow-dark),-9px -9px 16px var(--shadow-light);transition:transform .06s ease,box-shadow .2s ease,background .2s ease,color .2s ease;font-weight:600}.btn.disabled,.btn[aria-disabled=true]{pointer-events:none;opacity:.6;box-shadow:none}.btn:hover{transform:translateY(-1px)}.btn:focus-visible{box-shadow:9px 9px 16px var(--shadow-dark),-9px -9px 16px var(--shadow-light),0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.btn:active{transform:translateY(0)}.btn.primary{outline:2px solid var(--accent)}.footer{margin-top:8px;padding:20px 24px;background:var(--card);color:var(--label);border-radius:16px;box-shadow:9px 9px 16px var(--shadow-dark),-9px -9px 16px var(--shadow-light);transition:background .2s ease,box-shadow .2s ease,color .2s ease;font-size:.95rem}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.footer-brand{color:var(--label)}.footer .sep{margin:0 .45rem;opacity:.4}.footer-links{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.footer a{color:var(--accent);text-decoration:none}.footer a:hover,.footer a:focus{text-decoration:underline}.tagline{margin:0;color:var(--label);font-size:1.05rem}input[type=text],input[type=number],input[type=url],textarea,select{width:100%;padding:.6rem .8rem;border-radius:14px;border:none;background:var(--card);color:var(--text);box-shadow:inset 6px 6px 12px var(--shadow-dark),inset -6px -6px 12px var(--shadow-light);outline:none;transition:background .2s ease,color .2s ease,box-shadow .2s ease}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--label) 75%,transparent)}input:focus,textarea:focus,select:focus{box-shadow:inset 6px 6px 12px var(--shadow-dark),inset -6px -6px 12px var(--shadow-light),0 0 0 2px color-mix(in srgb,var(--accent) 45%,transparent)}.card-fields{display:grid;gap:12px;margin-top:12px}.card-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.card-wide{grid-column:1 / -1}.generator-grid{margin-top:16px}.code-output{margin-top:12px;min-height:200px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;resize:vertical}.back-link{margin-top:20px;display:inline-flex}.footer-nav{display:flex;flex-wrap:wrap;gap:12px}.updates{display:flex;flex-direction:column;gap:16px}.updates__intro{display:flex;gap:16px;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.updates__lede{margin:.4rem 0 0;color:var(--label)}.updates__actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.updates__cards{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.updates__cards.single-column{grid-template-columns:1fr}.update-card{display:grid;gap:8px}.update-card.single-column{grid-template-columns:1fr}.update-card__meta{font-size:.9rem;color:var(--label)}.update-card__title{margin:0;color:var(--accent)}.update-card__list{margin:0;padding-left:18px;color:var(--text);display:grid;gap:4px}.update-card__sections{display:grid;gap:12px}.update-card__section h4{margin:0 0 4px;color:var(--accent)}.update-card__section ul{margin:0;padding-left:18px;display:grid;gap:4px}.update-card__empty{margin:0;color:var(--label)}.eyebrow{margin:0;letter-spacing:.12em;text-transform:uppercase;color:var(--label)}@media(max-width:720px){body{padding:16px}.toolbar{flex-direction:column;align-items:flex-start}.toolbar-controls{align-self:stretch;justify-content:space-between}}.hidden{display:none!important}.toast{position:fixed;bottom:50%;left:50%;transform:translate(-50%);background:var(--card);color:var(--label);padding:12px 20px;border-radius:9999px;box-shadow:9px 9px 16px var(--shadow-dark),-9px -9px 16px var(--shadow-light);font-size:1.2rem;z-index:1000}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease,transform .2s ease}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(20px)}
