@import url("https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600;9..40,700&family=Sora:wght@300;400;500;600;700&display=swap");:root{color-scheme:light;--bg-deep:#fff8f0;--bg-surface:#fffdf9;--bg-elevated:#fff3e7;--bg-overlay:#ffead7;--text-primary:#2c1d16;--text-secondary:#775a4b;--text-muted:#9a7765;--brand-primary:#f97316;--brand-secondary:#ea580c;--brand-glow:rgba(249,115,22,0.18);--accent:#f97316;--accent-hover:#ea580c;--border:#efd9c8;--border-subtle:#f5e5d7;--shadow-sm:0 1px 2px rgba(124,63,18,0.08);--shadow-md:0 12px 32px rgba(124,63,18,0.1),0 2px 8px rgba(124,63,18,0.06);--shadow-lg:0 20px 48px rgba(124,63,18,0.14),0 6px 16px rgba(124,63,18,0.08);--shadow-glow:0 18px 55px -34px var(--brand-glow);--font-display:"Sora",sans-serif;--font-body:"DM Sans",sans-serif;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body,html{background:var(--bg-deep)}body{min-height:100vh;background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(249,115,22,.12),transparent),radial-gradient(ellipse 60% 40% at 100% 100%,rgba(251,146,60,.1),transparent);color:var(--text-primary);font-family:var(--font-body);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}h1,h2,h3,h4,strong{font-weight:600;color:var(--text-primary);line-height:1.3}h1{font-family:var(--font-display);font-weight:600}button{transition:all .2s cubic-bezier(.4,0,.2,1)}input,select,textarea{color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(249,115,22,.15),var(--shadow-glow)}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.025;pointer-events:none;z-index:0}.mandu-shell{position:relative;z-index:1;width:min(100%,74rem);margin:0 auto;padding:3rem 1.5rem;display:grid;grid-gap:2rem;gap:2rem;animation:fadeIn .6s ease-out}.mandu-shell--narrow{width:min(100%,52rem)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mandu-hero{position:relative;display:grid;grid-gap:1.5rem;gap:1.5rem;padding:3rem;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:linear-gradient(135deg,#ffffff,#fff7ef);overflow:hidden}.mandu-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--brand-primary),transparent);opacity:.3}.mandu-card{position:relative;display:grid;grid-gap:1.5rem;gap:1.5rem;padding:2rem;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md),var(--shadow-glow);animation:fadeIn .6s ease-out .1s backwards}.mandu-card,.mandu-card--deep{background:var(--bg-surface)}.mandu-card--accent{background:linear-gradient(145deg,#fb923c,#f97316 48%,#dc5a0f);border-color:var(--brand-primary);color:#fff}.mandu-grid{display:grid;grid-gap:1.5rem;gap:1.5rem}.mandu-grid--stats{grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.mandu-grid--duo{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));align-items:center}.mandu-kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--brand-primary)}.mandu-kicker,.mandu-title{font-family:var(--font-display);font-weight:600}.mandu-title{font-size:clamp(1.75rem,4vw,2.75rem);letter-spacing:-.02em;background:linear-gradient(135deg,var(--text-primary) 0,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mandu-subtitle{font-size:1.05rem;font-weight:400;color:var(--text-secondary);line-height:1.7}.mandu-actions{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:flex-end}.mandu-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:none;border-radius:var(--radius-md);padding:.75rem 1.5rem;background:linear-gradient(135deg,var(--brand-primary) 0,var(--brand-secondary) 100%);color:#fff;font-family:var(--font-display);font-size:.875rem;font-weight:600;letter-spacing:.02em;cursor:pointer;box-shadow:var(--shadow-sm),0 0 20px -5px var(--brand-glow)}.mandu-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-md),0 0 30px -10px var(--brand-glow)}.mandu-button--secondary{background:#ffffff;color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.mandu-button--secondary:hover{background:var(--bg-overlay);border-color:var(--text-muted)}.mandu-button--ghost{background:transparent;color:var(--text-secondary);border:1px solid transparent;box-shadow:none}.mandu-button--ghost:hover{background:var(--bg-elevated);color:var(--text-primary)}.mandu-button--danger{background:#dc2626;color:#fff;box-shadow:var(--shadow-sm)}.mandu-button--danger:hover{background:#b91c1c}.mandu-button[disabled]{cursor:not-allowed;opacity:.5;pointer-events:none;transform:none}.mandu-pill{display:inline-flex;align-items:center;gap:.375rem;padding:.35rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:500;font-family:var(--font-display);background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border)}.mandu-pill--warm{background:rgba(251,146,60,.15);color:var(--brand-secondary);border-color:rgba(249,115,22,.3)}.mandu-alert{padding:1rem 1.25rem;border-radius:var(--radius-md);border:1px solid rgba(239,68,68,.3);background:#fff1f2;color:#b42318;font-size:.875rem;animation:shake .4s ease-out}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-2px)}80%{transform:translateX(2px)}}@keyframes spin{to{transform:rotate(1turn)}}.mandu-field{display:grid;grid-gap:.5rem;gap:.5rem}.mandu-field span{font-size:.8rem;font-weight:500;font-family:var(--font-display);color:var(--text-secondary);letter-spacing:.02em}.mandu-input{width:100%;border:1px solid var(--border);border-radius:var(--radius-md);padding:.875rem 1rem;background:#ffffff;font-size:.95rem;font-weight:400}.mandu-input::placeholder{color:var(--text-muted)}.mandu-input:hover{border-color:var(--text-muted)}.mandu-panel-row{align-items:flex-start;gap:1.5rem}.mandu-list-card,.mandu-panel-row{display:flex;justify-content:space-between;flex-wrap:wrap}.mandu-list-card{align-items:center;gap:1rem;padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-surface);transition:border-color .2s ease,box-shadow .2s ease}.mandu-list-card:hover{border-color:var(--border);box-shadow:var(--shadow-sm)}.mandu-list-card strong{font-family:var(--font-display);font-size:1.125rem;font-weight:500}.mandu-metric{display:grid;grid-gap:.5rem;gap:.5rem;padding:1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-surface)}.mandu-metric__value{font-family:var(--font-display);font-size:2.25rem;font-weight:700;color:var(--text-primary);line-height:1}.mandu-empty{padding:3rem;text-align:center;border-radius:var(--radius-lg);border:1px dashed var(--border);background:var(--bg-surface)}.mandu-check,.mandu-empty{color:var(--text-muted);font-size:.875rem}.mandu-check{display:inline-flex;align-items:center;gap:.5rem}.mandu-code-card{display:grid;place-content:center;place-items:center;grid-gap:1rem;gap:1rem;min-width:0;min-height:14rem;overflow:hidden;padding:2rem}.mandu-code-card__glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 0,rgba(249,115,22,.15),transparent 70%);pointer-events:none}.mandu-code{display:flex;width:min(100%,7.25ch);min-height:6.75rem;padding:1.1rem .85rem;border-radius:var(--radius-lg);background:rgba(255,255,255,.16);color:#ffffff;border:1px solid rgba(255,255,255,.22);font-family:var(--font-display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:.04em;font-size:clamp(2.1rem,6vw,3.05rem);line-height:1;overflow-wrap:anywhere;text-align:center;text-shadow:0 18px 48px rgba(124,45,18,.45);animation:pulse 2s ease-in-out infinite}.mandu-code,.mandu-copy-button{align-items:center;justify-content:center;font-weight:700}.mandu-copy-button{position:relative;z-index:1;display:inline-flex;min-width:7rem;min-height:2.5rem;border:1px solid rgba(250,250,250,.28);border-radius:var(--radius-md);padding:.6rem 1rem;background:rgba(250,250,250,.12);color:#fff;font-family:var(--font-display);font-size:.8rem;letter-spacing:.03em;cursor:pointer;box-shadow:none}.mandu-copy-button:hover{background:rgba(250,250,250,.2);border-color:rgba(250,250,250,.5);transform:translateY(-1px)}.mandu-copy-button[disabled]{cursor:not-allowed;opacity:.55;pointer-events:none}.mandu-copy-status{min-height:1rem;color:rgba(255,255,255,.72);font-size:.75rem}.mandu-link-safe{display:grid;grid-gap:.45rem;gap:.45rem;width:min(100%,18rem);min-height:8rem;place-content:center;padding:1.5rem;border-radius:var(--radius-lg);background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);text-align:center}.mandu-link-safe strong{color:#ffffff;font-family:var(--font-display);font-size:1.15rem}.mandu-link-safe span{color:rgba(255,255,255,.72);font-size:.9rem}a[aria-disabled=true]{pointer-events:none;opacity:.55}@keyframes pulse{0%,to{opacity:1}50%{opacity:.85}}.mandu-note{display:grid;grid-gap:.5rem;gap:.5rem;padding:1rem 1.25rem;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);font-size:.875rem}.mandu-note strong{font-family:var(--font-display);font-size:.8rem;color:var(--brand-primary);letter-spacing:.05em}@media (max-width:768px){.mandu-shell{padding:1.5rem 1rem}.mandu-card,.mandu-hero{padding:1.5rem;border-radius:var(--radius-lg)}.mandu-title{font-size:1.75rem}.mandu-grid--duo{grid-template-columns:1fr}.mandu-code-card{padding:1.25rem}.mandu-code{width:min(100%,7ch);min-height:5.75rem;padding:.85rem .65rem;font-size:clamp(1.9rem,11vw,2.75rem)}}