:root{color:#e7edf7;font-synthesis:none;text-rendering:optimizelegibility;background:#08111f;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}#root{min-height:100vh}.app{opacity:0;text-align:center;isolation:isolate;pointer-events:none;min-height:100vh;padding:2.75rem 2rem 5rem;transition:opacity .7s cubic-bezier(.22,1,.36,1);position:relative;overflow:clip}.app.is-ready{opacity:1;pointer-events:auto}.site-nav{z-index:30;background:#02060cf5;border-bottom:1px solid #47556994;height:2rem;position:fixed;top:0;left:0;right:0;box-shadow:0 .25rem .8rem #0000003d}.site-nav__inner{justify-content:end;align-items:center;gap:.8rem;width:min(100% - 2rem,110rem);height:100%;margin:0 auto;display:flex}.site-nav__link{color:#94a3b8;letter-spacing:.03em;align-items:center;gap:.3rem;padding:.15rem .25rem;font-size:.72rem;font-weight:750;text-decoration:none;transition:color .16s;display:inline-flex}.site-nav__link:hover{color:#fef08a}.site-nav__link:focus-visible{outline-offset:2px;border-radius:.2rem;outline:2px solid #fef08a}.app__workspace{grid-template-columns:minmax(12.5rem,15rem) minmax(0,1fr);align-items:start;gap:clamp(1rem,2vw,1.75rem);width:min(100%,110rem);margin:0 auto;display:grid}.app__content{width:100%;min-width:0}.deck-library{z-index:21;text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#08111feb;border:1px solid #475569b8;border-radius:1.15rem;gap:.8rem;max-height:calc(100vh - 3.75rem);margin-top:.75rem;padding:1rem;display:grid;position:sticky;top:2.75rem;overflow:hidden;box-shadow:0 .9rem 2.5rem #00000057}.deck-library__header{border-bottom:1px solid #4755697a;justify-content:space-between;align-items:end;gap:.75rem;padding:0 .15rem .7rem;display:flex}.deck-library__header h2{margin:0;font-size:1.25rem}.deck-library__header strong{color:#fef08a;font-variant-numeric:tabular-nums;background:#713f12;border-radius:999px;place-items:center;min-width:1.75rem;min-height:1.75rem;padding:0 .4rem;font-size:.72rem;display:grid}.deck-library__list{scrollbar-color:#475569 transparent;gap:.4rem;padding-right:.15rem;display:grid;overflow:hidden auto}.deck-library__row{background:#0f172a94;border:1px solid #0000;border-radius:.75rem;grid-template-columns:minmax(0,1fr) 2rem;align-items:center;min-width:0;transition:border-color .15s,background .15s;display:grid}.deck-library__row:hover{border-color:#64748b9e}.deck-library__row.is-selected{background:linear-gradient(100deg,#713f1285,#0f172ac7);border-color:#facc15ad}.deck-library__select,.deck-library__rename-button,.deck-library__rename button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.deck-library__select{text-align:left;gap:.18rem;min-width:0;padding:.7rem .35rem .7rem .75rem;display:grid}.deck-library__name{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:800;overflow:hidden}.deck-library__aspects{align-items:center;gap:.18rem;min-height:1rem;display:flex}.deck-library__aspects img{object-fit:contain;width:1rem;height:1rem;display:block}.deck-library__rename-button{color:#94a3b8;border-radius:.5rem;place-items:center;width:2rem;height:2rem;display:grid}.deck-library__rename-button svg{width:1rem;height:1rem}.deck-library__rename-button:hover,.deck-library__rename-button:focus-visible{color:#fef08a;background:#facc151a}.deck-library__select:focus-visible,.deck-library__rename-button:focus-visible,.deck-library__rename button:focus-visible,.deck-library__rename input:focus-visible{outline-offset:1px;outline:2px solid #fef08a}.deck-library__rename{background:#0f172aeb;border:1px solid #facc15ad;border-radius:.75rem;grid-template-columns:minmax(0,1fr) 1.8rem 1.8rem;gap:.25rem;padding:.4rem;display:grid}.deck-library__rename input{color:#e7edf7;min-width:0;font:inherit;background:#08111f;border:1px solid #475569;border-radius:.45rem;padding:.45rem .5rem;font-size:.75rem}.deck-library__rename button{color:#94a3b8;border-radius:.4rem;place-items:center;font-weight:900;display:grid}.deck-library__rename button[type=submit]{color:#86efac}.deck-library__rename button:hover{background:#47556961}.deck-library__error{color:#fca5a5;font-size:.68rem;line-height:1.35}.card-cascade{z-index:-2;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;animation:1.8s cubic-bezier(.22,1,.36,1) forwards cascade-reveal;position:fixed;inset:-32vh -24vw;overflow:hidden}.card-cascade:after{z-index:1;content:"";background:radial-gradient(circle,#08111f47 0 24%,#08111fad 64%,#08111f 100%),linear-gradient(#08111f33,#08111fa3);position:fixed;inset:0}.card-cascade__grid{will-change:transform;grid-template-columns:repeat(auto-fill,minmax(clamp(9rem,11vw,14rem),1fr));gap:clamp(1rem,2vw,2rem) clamp(.65rem,1.25vw,1.25rem);width:100%;min-height:100%;animation:110s cubic-bezier(.45,0,.55,1) infinite alternate cascade-drift;display:grid}.card-cascade__tile{aspect-ratio:5/7;opacity:.22;background:#111827;border:1px solid #e2e8f01f;border-radius:clamp(.35rem,.7vw,.8rem);overflow:hidden;transform:translateY(-.75rem)rotate(-.4deg);box-shadow:0 .8rem 2rem #00000042}.card-cascade__tile:nth-child(2n){transform:translateY(.75rem)rotate(.4deg)}.card-cascade__tile:nth-child(4n){transform:translateY(1.5rem)rotate(.6deg)}.card-cascade__tile img{object-fit:cover;opacity:0;filter:saturate(.78)contrast(.9)brightness(.88);width:100%;height:100%;transition:opacity 1.6s ease-in-out;display:block}.card-cascade__tile img.is-loaded{opacity:1}@keyframes cascade-reveal{to{opacity:1}}@keyframes cascade-drift{0%{transform:translate(8vw,-18vh)}to{transform:translate(-12vw,18vh)}}.generate-button{color:#111827;font:inherit;cursor:pointer;background:linear-gradient(135deg,#fde047,#f59e0b);border:1px solid #fde047;border-radius:999px;padding:.85rem 1.35rem;font-weight:800;transition:transform .16s,box-shadow .16s,filter .16s;box-shadow:0 .75rem 2rem #f59e0b3d}.generate-button:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-2px);box-shadow:0 1rem 2.5rem #f59e0b57}.generate-button:focus-visible{outline-offset:4px;outline:3px solid #fef08a}.generate-button:disabled{cursor:wait;filter:grayscale(.75);opacity:.55}p{margin:0}.eyebrow{color:#facc15;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.75rem;font-size:.8rem;font-weight:800}.error{color:#fca5a5}.action-tray{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:left;background:#0b1424e0;border:1px solid #475569b8;border-radius:1.25rem;grid-template-columns:minmax(24rem,36rem) minmax(0,1fr);align-items:center;gap:clamp(1rem,2.5vw,2.5rem);width:100%;margin:.75rem auto 1.5rem;padding:.85rem 1rem;display:grid;position:sticky;top:2.75rem;box-shadow:0 .9rem 2.5rem #00000057}.action-tray__actions{flex-wrap:wrap;justify-content:end;align-items:center;gap:.65rem;display:flex}.action-tray__error{grid-column:1/-1;max-width:28rem;font-size:.8rem;line-height:1.35}.copy-button,.import-button,.agent-button,.transform-button{color:#e2e8f0;font:inherit;white-space:nowrap;cursor:pointer;background:#1e293bd1;border:1px solid #64748b;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;padding:.82rem 1.1rem;font-weight:800;line-height:normal;text-decoration:none;transition:border-color .16s,color .16s,transform .16s;display:inline-flex}.copy-button:hover:not(:disabled),.import-button:hover:not(:disabled),.agent-button:hover:not(:disabled),.transform-button:hover:not(:disabled){color:#fef08a;border-color:#facc15;transform:translateY(-2px)}.copy-button:focus-visible,.import-button:focus-visible,.agent-button:focus-visible,.transform-button:focus-visible{outline-offset:4px;outline:3px solid #fef08a}.copy-button:disabled,.import-button:disabled,.agent-button:disabled,.transform-button:disabled{cursor:wait;opacity:.5}.import-button{background:#0c263ae0;border-color:#38bdf8ad}.import-button:hover:not(:disabled){color:#bae6fd;border-color:#7dd3fc}.agent-button{background:linear-gradient(135deg,#4c1d95e0,#1e293beb);border-color:#a78bfab8}.agent-button:hover:not(:disabled){color:#ede9fe;border-color:#c4b5fd}.transform-button{background:linear-gradient(135deg,#115e59e0,#312e81e0);border-color:#2dd4bfb8}.transform-button:hover:not(:disabled){color:#ccfbf1;border-color:#5eead4}.agent-dialog-backdrop{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#02060cc7;place-items:center;padding:2rem 1rem;animation:.18s ease-out agent-dialog-reveal;display:grid;position:fixed;inset:0;overflow-y:auto}.agent-dialog{text-align:left;background:linear-gradient(145deg,#111d31,#08111f);border:1px solid #a78bfa7a;border-radius:1.25rem;width:min(100%,38rem);padding:clamp(1.4rem,4vw,2.25rem);box-shadow:0 2rem 6rem #0000009e}.agent-dialog h2{margin:0;font-size:clamp(1.5rem,4vw,2.2rem)}.agent-dialog__description{color:#a8b4c8;margin:.75rem 0 1.5rem;line-height:1.55}.agent-dialog form,.agent-dialog label{display:grid}.agent-dialog label{color:#e2e8f0;margin-bottom:.5rem;font-size:.82rem;font-weight:800}.agent-dialog__field-header{justify-content:space-between;align-items:center;gap:1rem;min-height:2.25rem;margin-bottom:.5rem;display:flex}.agent-dialog__field-header label{margin:0}.dictation-control{justify-content:end;align-items:center;gap:.55rem;min-width:0;display:flex}.dictation-button{color:#bae6fd;font:inherit;cursor:pointer;background:#0c263ae0;border:1px solid #38bdf89e;border-radius:999px;justify-content:center;align-items:center;gap:.4rem;padding:.42rem .7rem;font-size:.75rem;font-weight:800;transition:border-color .16s,color .16s,transform .16s;display:inline-flex}.dictation-button:hover:not(:disabled){color:#ecfeff;border-color:#67e8f9;transform:translateY(-1px)}.dictation-button:focus-visible{outline-offset:3px;outline:3px solid #67e8f9}.dictation-button:disabled{cursor:not-allowed;opacity:.45}.dictation-button.is-listening{color:#fecdd3;background:#4c0519b8;border-color:#fb7185}.dictation-button.is-listening span{animation:1.25s ease-in-out infinite dictation-pulse}.dictation-control__status{color:#7dd3fc;max-width:12rem;font-size:.7rem;line-height:1.2}.dictation-control__status.is-error{color:#fca5a5}@keyframes dictation-pulse{50%{opacity:.35}}.agent-dialog textarea{resize:vertical;color:#e7edf7;width:100%;font:inherit;background:#02060cb8;border:1px solid #475569;border-radius:.8rem;outline:none;padding:.9rem 1rem;line-height:1.5;transition:border-color .16s,box-shadow .16s}.agent-dialog textarea:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33}.agent-dialog__prompt-meta{color:#64748b;font-variant-numeric:tabular-nums;justify-content:end;margin-top:.35rem;font-size:.72rem;display:flex}.agent-dialog__error{color:#fca5a5;margin-top:.75rem;font-size:.82rem;line-height:1.45}.agent-dialog__actions{justify-content:end;gap:.65rem;margin-top:1.25rem;display:flex}.transform-dialog{width:min(100%,52rem)}.transform-dialog__current{background:#02060c61;border:1px solid #475569ad;border-radius:.8rem;gap:.25rem;margin-bottom:1.25rem;padding:.8rem 1rem;display:grid}.transform-dialog__current span,.transform-preview__major span,.transform-preview__metrics span,.transform-preview__changes li span{color:#94a3b8;font-size:.75rem}.transform-preview__summary{margin-bottom:1rem}.transform-preview__metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.transform-preview__metrics>div{background:#02060c6b;border:1px solid #4755699e;border-radius:.75rem;gap:.2rem;padding:.75rem .9rem;display:grid}.transform-preview__major{gap:.45rem;margin-bottom:1rem;display:grid}.transform-preview__major p{grid-template-columns:5rem minmax(0,1fr);gap:.75rem;display:grid}.transform-preview__changes{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.transform-preview__changes>div{background:#02060c61;border:1px solid #4755699e;border-radius:.8rem;min-width:0;padding:.9rem}.transform-preview__changes h3{margin:0 0 .65rem;font-size:.95rem}.transform-preview__changes p{color:#64748b;font-size:.78rem}.transform-preview__changes ul{gap:.5rem;max-height:15rem;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.transform-preview__changes li{border-bottom:1px solid #4755695c;gap:.12rem;padding-bottom:.45rem;font-size:.8rem;display:grid}.action-tray__undo{color:#fef08a;font:inherit;cursor:pointer;background:0 0;border:0;margin-left:.65rem;padding:0;font-weight:800;text-decoration:underline}@keyframes agent-dialog-reveal{0%{opacity:0}}.action-tray__notice{background:#08111ff0;border:1px solid #475569b8;border-radius:.65rem;padding:.55rem .75rem;font-size:.78rem;position:absolute;top:calc(100% + .55rem);right:1rem;box-shadow:0 .65rem 1.5rem #00000052}.action-tray__notice.is-success{color:#86efac}.action-tray__notice.is-error{color:#fca5a5}.random-deck{z-index:2;text-align:left;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:linear-gradient(145deg,#111d31f7,#08111ffa);border:1px solid #293953;border-radius:1.5rem;padding:clamp(1.5rem,4vw,3rem);scroll-margin-top:2rem;position:relative;box-shadow:0 1.5rem 5rem #0000006b}.random-deck__header{border-bottom:1px solid #4755698c;margin-bottom:clamp(1.5rem,3vw,2.25rem);padding-bottom:clamp(1rem,2vw,1.5rem)}.random-deck__header h1{margin:0;font-size:clamp(1.75rem,3vw,2.75rem);line-height:1.05}.deck-analysis{background:#08111f9e;border:1px solid #475569ad;border-radius:1rem;width:min(100%,36rem);padding:1rem 1.15rem .8rem}.deck-analysis__header{justify-content:space-between;align-items:start;gap:1.5rem;margin-bottom:.75rem;display:flex}.deck-analysis__header h3{margin:0;font-size:.95rem}.deck-analysis__header span,.deck-value small{color:#94a3b8;font-size:.7rem}.deck-value{justify-items:end;display:grid}.deck-value strong{color:#86efac;font-variant-numeric:tabular-nums;font-size:1.25rem}.cost-curve{grid-template-columns:1.3rem minmax(0,1fr);gap:.45rem;display:grid}.cost-curve__axis{color:#64748b;font-variant-numeric:tabular-nums;text-align:right;flex-direction:column;justify-content:space-between;height:6.1rem;padding-bottom:1.1rem;font-size:.6rem;display:flex}.cost-curve__plot{background:repeating-linear-gradient(0deg,#0000 0 calc(50% - 1px),#4755694d 50%,#0000 calc(50% + 1px) 100%);border-bottom:1px solid #475569;grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(.18rem,.5vw,.45rem);height:6.1rem;display:grid}.cost-curve__bucket{grid-template-rows:minmax(0,1fr) 1.1rem;min-width:0;display:grid}.cost-curve__bar-area{justify-content:center;align-items:end;min-height:0;display:flex;position:relative}.cost-curve__bar{width:min(100%,1.5rem);height:var(--bucket-height);background:linear-gradient(#fde047,#f59e0b);border-radius:.25rem .25rem 0 0;min-height:1px;box-shadow:0 0 .8rem #f59e0b2e}.cost-curve__count{z-index:1;bottom:min(calc(var(--bucket-height) + .12rem), calc(100% - .75rem));color:#e2e8f0;font-variant-numeric:tabular-nums;font-size:.62rem;position:absolute}.cost-curve__label{color:#94a3b8;font-variant-numeric:tabular-nums;text-align:center;align-self:end;font-size:.65rem}.deck-section{margin-top:2rem}.random-deck>.deck-section:first-child{margin-top:0}.deck-section h3{color:#e7edf7;margin:0 0 1rem;font-size:1.15rem}.deck-section h3 span{color:#fef08a;background:#713f12;border-radius:999px;place-items:center;min-width:1.8rem;min-height:1.8rem;margin-left:.45rem;font-size:.78rem;display:inline-grid}.featured-cards{grid-template-columns:repeat(2,minmax(0,30rem));gap:1.25rem;display:grid}.deck-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,10rem),1fr));gap:clamp(.8rem,1.5vw,1.25rem);display:grid}.deck-card{min-width:0}.deck-card__image-frame{aspect-ratio:5/7;background:#111827;border:1px solid #94a3b847;border-radius:.65rem;overflow:hidden;box-shadow:0 .7rem 1.4rem #00000047}.deck-card--featured .deck-card__image-frame{aspect-ratio:7/5}.deck-card__flip{aspect-ratio:7/5;width:100%;color:inherit;font:inherit;perspective:75rem;cursor:pointer;transform-origin:top;background:0 0;border:0;padding:0;transition:width .48s cubic-bezier(.22,1,.36,1),aspect-ratio .48s cubic-bezier(.22,1,.36,1);display:block;position:relative}.deck-card__flip.is-flipped{aspect-ratio:5/7;width:71.4286%;margin-inline:auto}.deck-card__flip:focus-visible{outline-offset:4px;border-radius:.65rem;outline:3px solid #fef08a}.deck-card__flip-inner{transform-style:preserve-3d;transition:transform .48s cubic-bezier(.22,1,.36,1);display:block;position:absolute;inset:0}.deck-card__flip.is-flipped .deck-card__flip-inner{transform:rotateY(180deg)}.deck-card__flip-face{aspect-ratio:auto;backface-visibility:hidden;display:block;position:absolute;inset:0}.deck-card--featured .deck-card__image-frame.deck-card__flip-face{aspect-ratio:auto;width:100%;height:100%}.deck-card__image-frame.deck-card__flip-face img{object-fit:contain}.deck-card__flip-face--back{transform:rotateY(180deg)}.deck-card__flip-hint{z-index:3;color:#fef08a;letter-spacing:.02em;pointer-events:none;background:#08111fdb;border:1px solid #fde0477a;border-radius:999px;padding:.35rem .55rem;font-size:.68rem;font-weight:800;position:absolute;bottom:.65rem;right:.65rem;box-shadow:0 .35rem 1rem #0000005c}.deck-card--featured.is-flipped .deck-card__details{width:71.4286%;margin-inline:auto}.deck-card__image-frame img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .48s,transform .18s;display:block}.deck-card__image-frame img.is-loaded{opacity:1}.deck-card--stacked{min-width:0;padding-top:.45rem;padding-right:calc(var(--stack-depth) * .42rem)}.deck-card__stack{width:calc(100% - var(--stack-depth) * .42rem);aspect-ratio:5/7;position:relative}.deck-card--stacked .deck-card__image-frame{transform:translate(calc(var(--stack-index) * .42rem), calc(var(--stack-index) * .42rem));position:absolute;inset:0}.deck-card--stacked .deck-card__details{margin-top:calc(var(--stack-depth) * .42rem)}.deck-card__quantity{z-index:10;top:-.55rem;right:calc(var(--stack-depth) * -.42rem - .45rem);color:#111827;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#fde047,#f59e0b);border:2px solid #111d31;border-radius:999px;place-items:center;min-width:2rem;height:2rem;padding:0 .45rem;font-size:.78rem;font-weight:900;display:grid;position:absolute;box-shadow:0 .4rem 1rem #0000006b}.deck-card:hover .deck-card__image-frame img{transform:scale(1.025)}.deck-card__details{gap:.15rem;padding:.65rem .2rem 0;display:grid}.deck-card__details strong,.deck-card__details span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.deck-card__details strong{font-size:.9rem}.deck-card__details span,.deck-card__details small{color:#94a3b8;font-size:.75rem}.deck-card--featured .deck-card__details strong{font-size:1rem}@media (width<=1100px){.app__workspace{grid-template-columns:minmax(0,1fr)}.deck-library{max-height:none;position:relative;top:auto}.deck-library__list{padding:0 0 .25rem;display:flex;overflow:auto hidden}.deck-library__row,.deck-library__rename{flex:0 0 13rem;width:13rem}}@media (width<=960px){.action-tray{grid-template-columns:minmax(0,1fr)}.action-tray .deck-analysis{width:100%}.action-tray__actions{justify-content:start}}@media (width<=640px){.app{padding-left:1rem;padding-right:1rem}.action-tray{grid-template-columns:minmax(0,1fr);margin-top:.25rem;top:2.25rem}.deck-library{margin-top:.25rem;padding:.8rem}.action-tray__actions{flex-wrap:wrap;justify-content:stretch}.action-tray__actions button{flex:auto}.deck-analysis{padding-left:.8rem;padding-right:.8rem}.featured-cards{grid-template-columns:minmax(0,1fr)}.deck-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.transform-preview__metrics,.transform-preview__changes{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.app{opacity:1;pointer-events:auto;transition:none}.card-cascade,.card-cascade__grid{animation:none}.card-cascade{opacity:1}.card-cascade__tile img{opacity:1;transition:none}.generate-button,.copy-button,.import-button,.agent-button,.transform-button,.dictation-button,.site-nav__link,.deck-card__image-frame img,.deck-card__flip,.deck-card__flip-inner{transition:none}.dictation-button.is-listening span,.agent-dialog-backdrop{animation:none}}
