@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/manrope-400.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/manrope-500.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/manrope-600.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/manrope-700.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/manrope-800.woff)format("woff")}:root{color:#18261f;font-synthesis:none;background:#f6f7f2;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}button,a,input,select{outline-offset:4px}button{transition:all .18s}header{border-bottom:1px solid #dfe3d9;justify-content:space-between;align-items:center;max-width:1280px;height:94px;margin:auto;padding:0 48px;display:flex}.brand{letter-spacing:-.6px;align-items:center;gap:12px;font-size:19px;font-weight:800;display:flex}.brandIcon{background:#d9f36d;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.brand small{letter-spacing:1.8px;color:#7b8277;margin-top:6px;font-size:9px;display:block}.live{letter-spacing:1.1px;align-items:center;gap:10px;font-size:10px;display:flex}.live>span,.statusDot{background:#7ca33b;border-radius:50%;width:6px;height:6px}.live b{letter-spacing:0;font-size:17px}.live small{color:#889082}main{max-width:1280px;margin:auto;padding:0 48px}.intro{justify-content:space-between;align-items:center;padding:45px 0 33px;display:flex}.eyebrow{letter-spacing:2px;color:#7c8376;font-size:9px;font-weight:800}h1{letter-spacing:-2.9px;margin:17px 0;font-size:54px;line-height:1.1}h1 span{color:#86a832}.intro p{color:#747d70;font-size:13px}.promo{background:#dff48b;border-radius:20px;width:300px;padding:23px 32px;position:relative;overflow:hidden;transform:rotate(3deg)}.promoLabel{letter-spacing:2px;font-size:9px}.promo strong{letter-spacing:-6px;font-size:88px;line-height:1.25;display:block}.promo strong span{color:#6b822b;font-weight:400}.promo>div{font-size:11px;font-weight:600}.promo i{font-size:35px;font-style:normal;position:absolute;top:15px;right:20px}.stats{background:#fff;border:1px solid #e7e9e1;border-radius:15px;grid-template-columns:1fr 1fr 1fr 1.4fr;margin:0 0 30px;padding:21px 0;display:grid}.stats>div{border-right:1px solid #e8ebe3;padding:0 26px}.stats>div:last-child{border:0}.stats small{color:#82897d;font-size:11px}.stats strong{letter-spacing:-1px;margin-top:5px;font-size:29px;font-weight:800;display:block}.stats strong span{color:#8b9285;letter-spacing:0;margin-left:8px;font-size:11px;font-weight:500}.statsNote{align-items:center;gap:10px;display:flex}.statsNote p{font-size:11px}.statsNote small{margin-top:6px;font-size:9px;display:block}.toolbar{justify-content:space-between;gap:14px;margin-bottom:25px;display:flex}nav{background:#eaece4;border-radius:11px;gap:4px;padding:4px;display:flex}nav button{color:#7e8677;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:10px 17px;font-size:12px;font-weight:700;display:flex}nav button.active{color:#243020;background:#fff;box-shadow:0 2px 4px #20300008}.count{background:#f0f2eb;border-radius:5px;padding:2px 6px;font-size:9px}.export{background:0 0;border:1px solid #d8ded0;border-radius:9px;align-items:center;gap:9px;padding:11px 16px;font-size:11px;font-weight:700;display:flex}.export:hover{background:#e7eddb}.workspace{grid-template-columns:1fr 330px;align-items:start;gap:26px;display:grid}.catalog{padding:0 2px}.sectionHeading{justify-content:space-between;align-items:center;gap:12px;display:flex}h2{letter-spacing:-.4px;margin:0;font-size:17px}.sectionHeading p,.selection>p{color:#89907e;margin:7px 0 20px;font-size:11px}.step{background:#e9eddc;border-radius:6px;padding:6px 10px;font-size:11px}.grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.product{text-align:left;color:inherit;background:#fff;border:1px solid #e1e6da;border-radius:14px;padding:0;overflow:hidden}.product:disabled{opacity:1}.product:not(:disabled):hover{border-color:#91ab5a;transform:translateY(-3px);box-shadow:0 6px 14px #35452a0b}.product.chosen{border:2px solid #769744}.productArt{background:var(--tint);isolation:isolate;justify-content:center;align-items:center;height:160px;display:flex;position:relative}.disc{background:var(--accent);opacity:.13;z-index:-1;border-radius:50%;width:110px;height:110px;position:absolute}.can{object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(4px 7px 4px #00000019);width:100px;height:146px}.addBubble{background:#fffd;border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;display:grid;position:absolute;bottom:11px;right:11px}.chosen .addBubble{color:#fff;background:#395c26}.productText{padding:12px 14px}.productText strong{font-size:12px;display:block}.productText small{color:#8e9489;margin-top:4px;font-size:9px;display:block}.catalogNote{color:#8a9180;text-align:center;margin:18px 0;font-size:10px}.selection{background:#fff;border:1px solid #e2e6da;border-radius:16px;padding:23px;position:sticky;top:20px}.tag{background:#e3f4af;border-radius:6px;padding:5px 9px;font-size:11px;font-weight:800}.slots{flex-direction:column;gap:10px;margin-top:4px;display:flex}.slot{background:#fafbf7;border:1px dashed #dce2d2;border-radius:10px;align-items:center;gap:12px;height:81px;padding:12px;display:flex}.slotNumber{color:#a6af99;border:1px solid #e1e6d8;border-radius:50%;place-items:center;width:29px;height:29px;font-size:11px;display:grid}.slot b{font-size:11px;display:block}.slot small{color:#939b87;margin-top:5px;font-size:9px;display:block}.slot.filled{background:#f7faef;border:1px solid #d9e2cb}.slot.filled small{letter-spacing:.7px;margin:0 0 5px;font-size:8px}.slot button{color:#939d85;background:0 0;border:0;margin-left:auto;padding:5px}.can.small{filter:none;width:31px;height:59px}.timestamp{color:#818975;align-items:center;gap:9px;margin:24px 0;font-size:10px;display:flex}.timestamp small{color:#a1a795;margin-top:5px;font-size:9px;display:block}.save,.danger{color:#fff;background:#243d2c;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px 6px;font-size:11px;font-weight:700;display:flex}.save:disabled{color:#99a58c;background:#dfe5d4}.save:not(:disabled):hover{background:#3c5935}.cancel{color:#8c967d;background:0 0;border:0;width:100%;padding:13px;font-size:11px;display:block}.cancel:disabled{opacity:.5}.saveNote{text-align:center;color:#a1a991;border-top:1px solid #edf0e7;padding-top:16px;font-size:9px}footer{color:#98a18b;border-top:1px solid #e1e5d9;justify-content:space-between;align-items:center;margin-top:30px;padding:24px 0;font-size:9px;display:flex}footer span:first-child{align-items:center;gap:7px;font-weight:700;display:flex}.journal{background:#fff;border:1px solid #e3e7da;border-radius:15px;padding:24px}.refresh,.delete{color:#8a9680;background:0 0;border:0;padding:8px}.delete:hover{color:#a03d32}.filters{gap:12px;margin-bottom:20px;display:flex}.filters label{color:#9ba68e;border:1px solid #dfe4d7;border-radius:8px;flex:1;align-items:center;gap:9px;padding:10px;display:flex}.filters input{color:#26331e;background:0 0;border:0;width:100%;font-size:12px}.filters select{background:#fafbf7;border:1px solid #dfe4d7;border-radius:8px;padding:8px;font-size:11px}.tableWrap{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}th{text-align:left;color:#909a83;background:#f6f8f1;padding:14px 10px;font-size:10px;font-weight:500}td{border-bottom:1px solid #edf0e6;padding:17px 10px}td:first-child{color:#8e9981}.pairNames{align-items:center;gap:7px;font-weight:600;display:flex}.pairNames i{border-radius:50%;width:8px;height:8px}.pairNames span{color:#a7af9b;margin:0 7px}.tableFoot{color:#97a08a;justify-content:space-between;padding-top:20px;font-size:10px;display:flex}.empty{text-align:center;color:#8d997e;padding:45px 10px}.empty svg{margin:auto}.empty h3{color:#4b5d3c;font-size:16px}.empty p{font-size:12px}.empty button{color:#435d2c;background:#e4efcb;border:0;border-radius:7px;align-items:center;gap:10px;margin-top:10px;padding:10px 15px;font-size:11px;display:inline-flex}.toast{color:#fff;z-index:20;background:#203d2b;border-radius:12px;align-items:center;gap:10px;width:max-content;max-width:90vw;padding:15px 22px;font-size:12px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 5px 30px #0002}.error{color:#9b4335;background:#fff0e8;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;padding:15px;font-size:12px;display:flex}.error button{color:inherit;background:0 0;border:0;gap:6px;font-size:11px;display:flex}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:30;background:#17251980;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:18px;width:100%;max-width:380px;padding:30px;box-shadow:0 20px 80px #0003}.modal p{color:#77846b;font-size:12px;line-height:1.8}.danger{background:#a34c3d;margin-top:20px}@media (width>=1450px){main{padding-top:14px}.productArt{height:178px}.can{height:160px}}@media (width<=900px){header,main{padding:0 24px}.workspace{grid-template-columns:1fr 285px;gap:18px}.selection{padding:18px}.productText{padding:11px 9px}.productText strong{font-size:10px}.productArt{height:142px}.can{width:85px;height:126px}.statsNote{display:none!important}.stats{grid-template-columns:repeat(3,1fr)}.stats>div:nth-child(3){border:0}.promo{width:245px}.intro h1{font-size:46px}}@media (width<=650px){header{height:78px;padding:0 20px}.brand{font-size:16px}.brand small{letter-spacing:1px;font-size:7px}.brandIcon{border-radius:10px;width:35px;height:35px}.live{letter-spacing:0;gap:5px;font-size:0}.live b{font-size:13px}.live small{display:none}main{padding:0 18px}.intro{gap:15px;padding:29px 0 24px}.eyebrow{letter-spacing:1px;font-size:7px}h1,.intro h1{letter-spacing:-1.8px;margin:13px 0;font-size:37px}.intro p{max-width:210px;margin-bottom:0;font-size:10px;line-height:1.7}.promo{border-radius:14px;width:112px;min-width:112px;padding:15px 12px;transform:rotate(5deg)}.promo strong{letter-spacing:-3px;margin:8px 0;font-size:43px}.promoLabel{font-size:7px}.promo>div{font-size:7px;line-height:1.6}.promo i{font-size:19px;top:9px;right:10px}.stats{margin-bottom:21px;padding:16px 0}.stats>div{padding:0 13px}.stats small{font-size:9px}.stats strong{font-size:24px}.stats strong span{font-size:9px}.toolbar{flex-wrap:wrap;gap:13px;margin-bottom:23px}nav{width:100%}nav button{flex:1;justify-content:center;padding:9px;font-size:11px}.export{background:#fff;justify-content:center;width:100%;padding:12px}.workspace{flex-direction:column;gap:17px;display:flex}.catalog,.selection{width:100%}.grid{gap:9px}.productArt{height:132px}.can{width:73px;height:117px}.disc{width:80px;height:80px}.productText strong{font-size:10px}.productText small{font-size:8px}.productText{padding:11px 7px}.addBubble{width:22px;height:22px;bottom:8px;right:7px}.sectionHeading h2{font-size:16px}.sectionHeading p{font-size:10px}.selection{padding:21px;position:static}.slot{height:75px}.slots{gap:8px}.save{padding:15px;font-size:12px}.timestamp{margin:19px 0}.catalogNote{margin:14px 0 0;font-size:9px}.journal{padding:17px}.filters{flex-wrap:wrap}.filters label{min-width:100%}.filters select{width:100%}.tableFoot{gap:15px;font-size:9px;line-height:1.6}.tableFoot span{text-align:right;max-width:145px}footer{flex-wrap:wrap;gap:15px;margin-top:26px;font-size:8px}footer span:last-child{width:100%}.error{flex-direction:column;align-items:flex-start}.toast{font-size:11px}}.accountBar{justify-content:space-between;align-items:center;gap:15px;padding:26px 0 23px;display:flex}.accountBar h1{letter-spacing:-.8px;margin:0 0 6px;font-size:25px;line-height:1.2}.accountBar p{color:#849078;margin:0;font-size:12px}.accountControls{align-items:center;gap:14px;font-size:12px;display:flex}.accountControls>span{text-overflow:ellipsis;max-width:160px;overflow:hidden}.accountControls button{color:#6b795f;background:#fff;border:1px solid #dce2d2;border-radius:8px;align-items:center;gap:7px;padding:10px;font-size:10px;display:flex}.quickSave{display:none}.authPage{background:radial-gradient(at top,#edf3de,#0000 65%);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex}.authCard{background:#fff;border:1px solid #e0e5d5;border-radius:20px;width:100%;max-width:410px;padding:32px;box-shadow:0 12px 60px #31432208}.authIcon{color:#425a2e;background:#e4efcb;border-radius:13px;place-items:center;width:46px;height:46px;margin-bottom:20px;display:grid}.authCard h1{letter-spacing:-1px;margin:0 0 8px;font-size:28px}.authCard>p{color:#89947c;margin:0 0 25px;font-size:12px}.authTabs{background:#f0f3e9;border-radius:10px;gap:4px;margin-bottom:24px;padding:4px;display:flex}.authTabs button{color:#8a957d;background:0 0;border:0;border-radius:7px;width:50%;padding:10px;font-size:12px}.authTabs .active{color:#2e4326;background:#fff;font-weight:700;box-shadow:0 1px 4px #00000009}.authCard form>label{margin-bottom:17px;font-size:11px;font-weight:700;display:block}.authCard input{color:#24391d;background:#fcfdf9;border:1px solid #dce3d1;border-radius:8px;width:100%;margin-top:7px;padding:12px;font-size:14px;display:block}.authCard input:focus{outline-offset:1px;outline:2px solid #b8d17e}.passwordInput{position:relative}.passwordInput input{padding-right:43px}.passwordInput button{color:#8f9b80;background:0 0;border:0;place-items:center;width:37px;display:grid;position:absolute;top:4px;bottom:4px;right:4px}.authCard .save{margin-top:23px;padding:14px;font-size:13px}.authNote{color:#95a088;text-align:center;border-top:1px solid #edf0e7;margin-top:24px;padding-top:20px;font-size:10px;line-height:1.8}.fieldHint{color:#96a189;margin-top:-9px;margin-bottom:20px;font-size:9px;line-height:1.5;display:block}.authError{color:#a0523d;background:#fff2ed;border-radius:8px;margin:15px 0;padding:11px;font-size:11px;line-height:1.7}.authBottom{color:#9ba58d;margin-top:23px;font-size:10px}.authLoading{color:#8b987f;align-items:center;gap:10px;padding:22px 0;font-size:12px;display:flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=650px){.accountBar{align-items:flex-start;padding:20px 0}.accountBar h1{font-size:22px}.accountBar p{max-width:210px;font-size:10px;line-height:1.6}.accountControls{gap:8px;font-size:10px}.accountControls>span{max-width:75px}.accountControls button{padding:8px}.accountControls button span{display:none}.authPage{padding:18px}.authCard{padding:26px 23px}.authCard input{font-size:16px}.quickSave{z-index:15;background:#fff;border:1px solid #dae3cd;border-radius:13px;align-items:center;gap:10px;padding:12px;display:flex;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 4px 35px #2c3d2526}.quickSave>div{flex:1;min-width:0}.quickSave b{font-size:10px;line-height:1.5;display:block}.quickSave small{color:#98a18b;margin-top:3px;font-size:8px;display:block}.quickSave .save{width:auto;padding:12px 15px;font-size:10px}.quickCancel{color:#8d9a7e;background:0 0;border:0;padding:4px}.toast{bottom:100px}body:has(.quickSave) main{padding-bottom:100px}}.pagination{color:#7c8a6e;justify-content:center;align-items:center;gap:18px;margin-top:20px;font-size:11px;display:flex}.pagination button{color:#405931;background:#f3f6eb;border:1px solid #dfe6d4;border-radius:7px;padding:8px 13px;font-size:11px}.pagination button:disabled{opacity:.4}
