@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&display=swap";:root{color:#1c1530;background:#f7f4fb;font-family:Montserrat,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,select,input{font:inherit}button{border:0;border-radius:16px;background:transparent;color:#1c1530;cursor:pointer;font-weight:800;transition:transform .16s ease,box-shadow .16s ease}button:hover{box-shadow:0 12px 28px #6f12c42e;transform:translateY(-1px)}.app-button{border-radius:16px;padding:14px 16px;background:#f2eef8;color:#625d70;text-align:center;font-size:.78rem;letter-spacing:.04em;text-transform:uppercase}.app-button.primary{background:#f3e873;color:#1c1530}.app-button.secondary{background:#f2eef8;color:#625d70}.app-button.nav{justify-content:flex-start;background:#f2eef8;color:#625d70;text-align:left}.app-button.nav.active,.app-button.tab.active{background:#6811c4;color:#fff}.app-button.tab{padding:12px 16px;background:#efedf5;color:#625d70}.app-button.whatsapp{background:#eef8f2;color:#267245}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto}.landing{display:grid;min-height:100vh;place-items:center}.hero-card{width:min(760px,100%);padding:56px;border:1px solid rgba(111,18,196,.16);border-radius:40px;background:radial-gradient(circle at 74% 18%,rgba(243,232,115,.38),transparent 28%),#fff;box-shadow:0 28px 80px #1c15301f}.brand-row{display:flex;align-items:center;gap:14px;color:#6811c4;font-weight:900}.brand-row.large{flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:28px}.brand-row.large span{font-size:clamp(2.2rem,7vw,4.2rem);letter-spacing:-.08em}.logo{position:relative;width:62px;height:56px;filter:drop-shadow(0 14px 18px rgba(28,21,48,.16))}.logo i,.logo b,.logo em{position:absolute;display:block;width:34px;height:46px;border:3px solid rgba(177,166,130,.78);border-radius:8px;background:linear-gradient(145deg,#ffffff8c,#9f84b285)}.logo i{left:5px;top:7px;transform:rotate(-14deg)}.logo b{left:17px;top:2px;transform:rotate(-5deg)}.logo em{right:4px;top:9px;background:linear-gradient(145deg,#f7ee86,#efe678);transform:rotate(13deg)}h1,h2,p{margin-top:0}.hero-card h1{max-width:780px;margin:28px 0 18px;font-size:clamp(2.5rem,5.8vw,5.2rem);line-height:.92;letter-spacing:-.075em}h2{margin-bottom:0;font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.06em}p{color:#625d70;line-height:1.7}.start-panel,.access-panel,.panel-card,.code-card,.sidebar,.workspace{border:1px solid rgba(111,18,196,.12);border-radius:28px;background:#fff}.start-panel{display:grid;gap:12px;margin-top:34px;padding:18px}.access-panel{display:grid;gap:12px;margin-top:14px;padding:18px}.access-panel div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.single-option{border:1px solid #e7e2f0;border-radius:16px;padding:14px 16px;background:#fbfaff;color:#1c1530;font-weight:800}label,.section-header span,.code-card span,small{color:#777181;font-size:.78rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}select,input{width:100%;box-sizing:border-box;border:1px solid #e7e2f0;border-radius:16px;outline:0;padding:14px 16px;background:#fbfaff;color:#1c1530;font-weight:700}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:44px}.select-wrap{position:relative}.select-wrap:after{content:"";position:absolute;top:50%;right:18px;width:8px;height:8px;border-right:2px solid #1c1530;border-bottom:2px solid #1c1530;pointer-events:none;transform:translateY(-65%) rotate(45deg)}.main-nav{display:grid;gap:8px}.app-shell{display:grid;grid-template-columns:300px minmax(0,1fr);gap:22px;padding:28px 0}.sidebar{position:sticky;top:28px;display:grid;align-self:start;gap:18px;padding:22px}.code-card,.compare-card{padding:18px}.code-card strong{display:block;margin:8px 0;color:#6811c4;font-size:2.4rem;letter-spacing:.08em}.compare-row{display:grid;grid-template-columns:1fr auto;gap:8px}.status-pill{border-radius:18px;padding:14px 16px;background:#f3e873;color:#1c1530;font-size:.8rem;font-weight:800}.feedback-message{width:100%;border-radius:16px;margin-bottom:18px;padding:12px 14px;background:#fbf8ff;color:#625d70;font-size:.78rem;font-weight:800;letter-spacing:.02em}.feedback-message.success{background:#effaf3;color:#267245}.feedback-message.error{background:#fff0eb;color:#b44226}.feedback-message.warning{background:#fffbe1;color:#7a6414}.feedback-message.info{background:#fbf8ff;color:#625d70}.workspace,.trade-panel,.share-card{padding:24px}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.stats-row{display:flex;gap:10px}.stats{min-width:96px;border-radius:22px;padding:14px;background:#6811c4;color:#fff;text-align:center}.stats strong,.stats span{display:block}.stats strong{font-size:2rem}.stats span{color:#ffffffbf;font-size:.78rem;font-weight:800}.stickers-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px}.sections-stack{display:grid;gap:22px}.album-section{border:1px solid rgba(111,18,196,.1);border-radius:26px;padding:18px;background:#fbfaff}.album-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;gap:16px;margin-bottom:16px;border-radius:18px;padding:0;background:transparent;color:inherit;text-align:left;box-shadow:none}.album-section-header:hover{box-shadow:none;transform:none}.album-section-header div{display:flex;align-items:center;gap:12px}.album-section-meta strong,.album-section-meta i{display:grid;min-width:42px;height:42px;place-items:center;border-radius:14px;background:#6811c4;color:#fff;font-size:.82rem;font-weight:900}.album-section-meta{display:flex;align-items:center;gap:8px}.album-section-meta strong{background:#f3e873;color:#1c1530}.album-section-meta i{position:relative;min-width:34px;width:34px;height:34px;background:#6811c4;box-shadow:0 8px 18px #6811c42e}.album-section-meta i:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:9px;height:9px;margin:auto;border-right:4px solid #fff;border-bottom:4px solid #fff;transform:translateY(-2px) rotate(45deg)}.album-section.collapsed .album-section-meta i:before{transform:translate(-2px) rotate(-45deg)}.album-section.collapsed .album-section-header{margin-bottom:0}.album-section-header h3{margin:0;color:#1c1530;font-size:1.24rem;letter-spacing:-.03em}.sticker{position:relative;display:grid;gap:8px;border:2px solid transparent;border-radius:20px;padding:10px;background:#efedf5}.sticker.md{min-width:0}.sticker.sm{width:74px;gap:0;padding:9px}.sticker.sm .sticker-number{min-height:48px;font-size:clamp(.94rem,1.5vw,1.12rem)}.sticker.trade{width:146px;min-height:148px;align-content:center;padding:18px}.sticker.trade .sticker-number{min-height:76px;font-size:clamp(1.55rem,3vw,2rem)}.sticker.selected{border-color:#6811c4;background:linear-gradient(145deg,#fbf7ff,#eadcff);box-shadow:inset 0 0 0 1px #6811c424}.sticker.unselected{border-color:transparent;background:#efedf5}.sticker.unselected .sticker-number{color:#1c1530}.sticker.excess{border-color:#ff7a59;background:linear-gradient(145deg,#fff,#fff0eb)}.badge{position:absolute;top:-7px;right:-7px;border-radius:999px;padding:5px 8px;background:#ff7a59;color:#1c1530;font-size:.74rem;font-weight:900;box-shadow:0 8px 18px #16141f24}.sticker-number{min-height:48px;background:transparent;color:#1c1530;font-size:clamp(.94rem,1.5vw,1.12rem);letter-spacing:-.06em;box-shadow:none}.sticker-number:hover{box-shadow:none}.repeat-controls{display:flex;justify-content:center;gap:8px}.repeat-controls.single{justify-content:center}.repeat-controls button{display:grid;width:26px;min-width:26px;height:26px;min-height:26px;place-items:center;border-radius:999px;background:#1c1530eb;color:#fff;font-size:.9rem;line-height:1;box-shadow:none}.repeat-controls button:hover{box-shadow:none;transform:scale(1.04)}.trade-panel{margin-top:22px}.panel-card{display:grid;gap:18px;padding:22px}.panel-card p{max-width:680px;margin-bottom:0}.panel-field{display:grid;gap:10px}.tabs{display:flex;gap:8px;margin-bottom:18px}.trade-balance{display:grid;gap:4px;border-radius:18px;padding:14px 16px;background:#fbf8ff}.trade-balance strong{color:#1c1530;font-size:.9rem}.trade-balance span{color:#625d70;font-size:.82rem;font-weight:700;line-height:1.45}.trade-balance.balanced{background:#effaf3}.trade-balance.balanced span{color:#267245}.trade-balance.unbalanced{background:#fffbe1}.trade-balance.unbalanced span{color:#7a6414}.trade-results{display:grid;gap:22px}.trade-result-section{display:grid;gap:14px}.trade-result-section h3{margin:0;color:#1c1530;font-size:1.2rem;letter-spacing:-.03em}.result-list{display:flex;flex-wrap:wrap;gap:10px;min-height:74px}.trade-screen,.share-screen{min-height:calc(100vh - 56px)}.section-header.compact h2{font-size:clamp(1.6rem,3vw,2.4rem)}.share-card{justify-items:start;width:100%}.share-code{width:100%;border:1px dashed rgba(111,18,196,.26);border-radius:24px;padding:22px;color:#6811c4;background:#fbf8ff;font-size:clamp(2.8rem,9vw,5.4rem);font-weight:900;letter-spacing:.08em;text-align:center}.share-actions{display:flex;flex-wrap:wrap;gap:10px}@media(max-width:860px){.hero-card{padding:30px}.app-shell{grid-template-columns:1fr}.sidebar,.trade-panel{position:static;grid-column:auto}.section-header{flex-direction:column}.stickers-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:640px){.shell{width:min(100% - 20px,1180px)}.workspace,.trade-panel,.share-card{padding:16px}.album-section{padding:12px}.access-panel div{grid-template-columns:1fr}.stickers-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sticker{border-radius:16px;padding:8px}.sticker-number{min-height:42px;font-size:.88rem}.sticker.trade{width:118px;min-height:120px}.sticker.trade .sticker-number{min-height:58px;font-size:1.35rem}.repeat-controls button{width:24px;min-width:24px;height:24px;min-height:24px;font-size:.8rem}}