:root{--ink:#293d31;--muted:#6f786c;--cream:#faf8f1;--green:#476444;--line:#dfe3d5;--orange:#bd5736}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.5 Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid #c87a3e;outline-offset:4px}header{max-width:1420px;margin:auto;padding:18px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header img{width:135px;height:76px;object-fit:contain;mix-blend-mode:multiply}header>span{font-size:10px;letter-spacing:3px}button{border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:9px;padding:10px 15px}button:hover:not(:disabled){background:#e9eddf}main{max-width:1340px;margin:auto;padding:0 30px}.intro{display:flex;justify-content:space-between;align-items:center;padding:40px 0 30px}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2px;margin:0 0 10px;color:var(--green)}h1,h2{font-family:Georgia,serif;font-weight:normal}h1{font-size:clamp(36px,4.5vw,62px);letter-spacing:-2px;margin:0}h1 em{color:var(--orange)}.intro p:last-child{color:var(--muted);margin-bottom:0}.stamp{border:1px solid #cbd4be;border-radius:50%;width:100px;height:100px;display:grid;align-content:center;text-align:center;font-size:13px;line-height:1.5;transform:rotate(10deg)}.mission{background:#edf0e3;border:1px solid #d8dfc9;border-radius:16px;padding:24px;display:flex;align-items:center;gap:24px}.mission-number{font:40px Georgia;color:#869679;text-align:center;padding-right:24px;border-right:1px solid #ccd6bd}.mission-number span{display:block;font:8px Arial;letter-spacing:1px;white-space:nowrap;margin-top:9px}.mission-text{flex:1}.mission h2{font-size:24px;line-height:1.25;margin:0}.mission #hint{font-size:13px;color:var(--muted);margin:9px 0 0}.primary{background:var(--green);color:white;border-color:var(--green);font-size:13px;padding:14px 18px;white-space:nowrap}.primary:hover:not(:disabled){background:#344d32}.scene{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:32px;margin:36px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-heading h2{font-size:30px;margin:0}.section-heading .eyebrow{margin-bottom:5px}.pill{font-size:11px;padding:6px 10px;border:1px solid var(--line);border-radius:20px;color:var(--muted)}.tools{display:flex;gap:12px;margin-top:23px}.search{display:flex;align-items:center;background:white;border:1px solid var(--line);border-radius:9px;padding:0 12px;flex:1;min-width:0}.search span{font-size:24px}input{width:100%;min-width:0;background:none;border:0;padding:11px;font-size:13px;color:var(--ink)}.tools button{font-size:12px}.tip{font-size:12px;color:var(--muted);margin:12px 0 20px}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.product{position:relative;background:white;border:1px solid #e5e6dc;padding:10px 6px 14px;border-radius:12px;min-width:0;transition:transform .15s,box-shadow .15s}.product:hover:not(:disabled){background:white;transform:translateY(-3px);box-shadow:0 5px 16px #30452b12;border-color:#93a17c}.product img{width:100%;height:106px;object-fit:contain;mix-blend-mode:multiply;display:block;margin-bottom:10px}.product .name{font-size:12px;display:block;min-height:18px}.product .add{position:absolute;top:7px;right:7px;background:#f1f3ea;border-radius:50%;font-size:15px;width:22px;height:22px}.hidden-names .name{visibility:hidden}.basket{position:sticky;top:18px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;transition:background .15s}.basket.dragover{background:#e7efdb;outline:3px dashed #80966e}.count{background:#edf0e3;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-size:13px}.cart-art{position:relative;height:220px;margin-top:12px;overflow:visible}.cart-art svg{width:100%;height:170px;position:absolute;bottom:0}.cart-art #cartPictures{position:absolute;inset:0;pointer-events:none}.cart-picture-row{position:absolute;left:25%;right:8%;display:flex;align-items:flex-end;justify-content:center;height:64px}.cart-picture-row:nth-child(even){transform:translateX(5px)}#cartPictures img{width:64px;height:64px;min-width:0;flex:0 1 64px;object-fit:contain;margin-left:-12px;filter:drop-shadow(0 3px 2px #20301c22)}#cartPictures img:first-child{margin-left:0}.empty{text-align:center;font:21px Georgia;margin:12px 0 30px}.empty small{font:12px/2 Arial;color:var(--muted)}.item{display:flex;align-items:center;gap:8px;border-bottom:1px solid #eef0e7;padding:9px 0}.item img{width:38px;height:38px;object-fit:contain}.item .item-name{flex:1;font-size:12px}.quantity{display:flex;align-items:center;gap:8px;font-size:12px}.quantity button{padding:0;width:28px;height:28px}.finish{width:100%;margin-top:20px}.text-button{display:block;margin:6px auto 0;border:0;font-size:11px;color:var(--muted)}.speaking{margin:20px 0;padding:20px 25px;border-left:2px solid #dba386}.speaking span{font-size:9px;letter-spacing:2px;color:var(--orange)}.speaking p{font:italic 20px/1.7 Georgia;margin:9px 0 0}.basket:has(.item){position:static}footer{display:flex;justify-content:space-between;gap:15px;padding:25px 0;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:20px;padding:36px;max-width:540px;width:calc(100% - 24px);max-height:85vh;color:var(--ink);background:var(--cream)}dialog::backdrop{background:#18271b75;backdrop-filter:blur(4px)}dialog h2{font-size:34px;line-height:1.15;margin:15px 0 22px}dialog p,dialog li{font-size:14px;line-height:1.7}dialog li{margin-bottom:12px}dialog ol{padding-left:20px}.close{position:absolute;right:14px;top:10px;border:0;font-size:24px}.prompt{background:#edf0e3;border-radius:12px;padding:18px;margin:20px 0}.prompt p{margin:5px 0 0}.summary-row{display:flex;align-items:center;gap:10px;padding:5px 0;font-size:14px}.summary-row img{width:42px;height:42px;object-fit:contain}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:1100px){.product img{height:125px}}@media(max-width:950px){.scene{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.products{grid-template-columns:repeat(3,minmax(0,1fr))}.mission{flex-wrap:wrap}.mission>.primary{margin-left:90px}.basket{padding:18px}}@media(max-width:680px){header{padding:10px 18px}header img{width:105px;height:60px}header>span{display:none}header button{font-size:12px}main{padding:0 16px}.intro{padding:28px 0 25px}.intro h1{font-size:39px;letter-spacing:-1.5px}.intro p:last-child{font-size:13px}.stamp{display:none}.mission{padding:18px;gap:16px}.mission-number{display:none}.mission h2{font-size:22px}.mission>.primary{margin:0;width:100%}.scene{display:flex;flex-direction:column;margin:26px 0}.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.product img{height:82px}.product .name{font-size:11px}.tools{gap:7px}.tools button{padding:8px;font-size:11px}.section-heading h2{font-size:27px}.basket{position:static}.speaking{margin-bottom:0}footer{flex-wrap:wrap;line-height:1.8}.cart-art{max-width:300px;margin:15px auto}.product{padding:8px 4px 10px}}
@media(min-width:681px){.basket:has(.item){position:sticky}#items{max-height:240px;overflow:auto}aside{position:relative}}.mobile-cart{display:none}@media(max-width:680px){.mobile-cart{display:block;position:fixed;bottom:16px;right:16px;z-index:4;background:var(--green);color:white;box-shadow:0 4px 20px #273b3040;border-radius:30px;padding:13px 20px;font-size:13px;text-decoration:none}footer{padding-bottom:75px}}

.item{justify-content:space-between}.item img{width:65px;height:65px}.summary-row img{width:70px;height:70px}.summary-row{gap:20px}.product img{margin-bottom:0}

#category{max-width:260px;min-width:0;border:1px solid var(--line);background-color:white;color:var(--ink);border-radius:9px;font:12px Arial;padding:12px 44px 12px 14px;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8' viewBox='0 0 14 8'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23293d31' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px 8px}.tools{flex-wrap:wrap}.search{min-width:180px}@media(max-width:680px){#category{width:100%;max-width:none}.tools .search{width:100%;flex-basis:100%}}

.article-reminder{margin-top:28px;font-size:14px;line-height:1.6}.article-reminder>strong{display:block;font-size:16px;margin-bottom:12px}.article-reminder dl{margin:0}.article-reminder dl>div{margin-top:9px}.article-reminder dt{font-weight:600}.article-reminder dd{margin:0;color:var(--muted)}.prompt .article-reminder{margin-top:0;margin-bottom:24px}

[hidden]{display:none!important}.livebar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:24px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px;font-size:12px}.livebar>span{flex:1;min-width:180px}.livebar>input{flex-basis:100%;border:1px solid var(--line);border-radius:8px}.livebar a{color:var(--green)}#createRoom{background:var(--green);color:white}.shared-guide{font-size:13px;padding:12px 0;color:var(--muted)}.shared-guide summary{cursor:pointer}.shared-guide li{margin:8px 0}.resources{border-top:1px solid var(--line);padding:30px 0}.resources h2{font-size:28px;margin:8px 0 18px}.resources a{display:block;color:var(--green);padding:12px 16px;background:#edf0e3;border-radius:8px;text-decoration:none;font-size:14px}.resource-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}@media(max-width:680px){.livebar button{width:100%}.resource-links{grid-template-columns:1fr}}