:root{--ink:#174b3a;--muted:#75806b;--paper:#fafaf6;--line:#dce2d3}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,sans-serif}.app{height:100dvh;min-height:600px;max-width:760px;margin:auto;display:flex;flex-direction:column;overflow:hidden;background:#fbfbf7}header{flex:0 0 119px;padding:16px 22px 0;position:relative;background:#ffffffb3;z-index:3}header>img{width:130px;height:35px;object-fit:contain;object-position:left}header .concept-tag{position:absolute;right:22px;top:26px;font-size:9px;letter-spacing:1px;color:#7c886d}h1{font:32px/1 Georgia;margin:13px 0 7px;letter-spacing:-1px}header p{font-size:11px;color:#68765e;margin:0}.space{flex:1;position:relative;overflow:hidden;touch-action:none;isolation:isolate;background:radial-gradient(ellipse,#fdfdf9 10%,#f3f5ec 100%)}.world{position:absolute;inset:0;touch-action:none}.oil{position:absolute;left:0;top:0;transform:translate(-50%,-50%);border:0;background:transparent;color:#33563e;padding:0;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;z-index:2;width:62px;height:69px}.oil img{display:block;width:46px;height:46px;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.oil span{display:block;max-width:100%;font-size:8px;line-height:1.1;margin-top:3px;text-align:center;pointer-events:none;text-wrap:balance}.oil:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:5px}.oil.lifted{opacity:.25}.paths{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.7}.paths ellipse,.paths path{fill:none;stroke:#d8dfcb;stroke-width:.65}.center-cart{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:114px;height:123px;z-index:6;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fffef8;border:1px solid #d1dbc4;box-shadow:0 8px 24px #2a432512;border-radius:16px;transition:background .15s,box-shadow .15s}.cart-eyebrow{font-size:8px;letter-spacing:1.6px;color:#7b866e}.center-cart strong{font:31px/1 Georgia;margin:8px 0 4px}.center-cart strong b{font-weight:normal}.center-cart i{font:16px Georgia;color:#8a977e}.center-price{font:17px Georgia}.center-cart small{font:8px Arial;color:#849176;margin-top:7px}.drop-zone.ready{outline:1px solid #87a771;outline-offset:-2px}.drop-zone.over{background:#e9f1df!important;box-shadow:0 0 0 4px #9dbd8044}.zoom-tools{position:absolute;left:15px;bottom:30px;z-index:9;display:flex;gap:1px;border:1px solid #dbe2d2;background:#fffef9e8;border-radius:20px;padding:1px;box-shadow:0 2px 9px #254c2410}.zoom-tools button{width:33px;height:33px;border:0;background:transparent;color:var(--ink);font:19px Arial;border-radius:50%;cursor:pointer}.gesture-hint{position:absolute;bottom:5px;left:0;right:0;margin:0;text-align:center;font:8px Arial;color:#819070;pointer-events:none;background:#f8faf1c9;padding:3px}.box-bar{flex:0 0 154px;background:#fff;position:relative;z-index:10;border-top:1px solid #d8e1ce;padding:12px 18px max(10px,env(safe-area-inset-bottom))}.box-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.box-top strong{font:14px Arial;font-weight:normal}.bottom-count{font-size:10px;color:#8a967c;margin-left:5px}.box-top>span{font-size:9px;color:#7c8870}.box-top b{font:18px Georgia;color:var(--ink);margin-left:9px}.chosen{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.slot{position:relative;min-width:0;text-align:center;height:53px;border-bottom:1px solid #d1dcc5}.slot img{width:100%;height:33px;object-fit:contain}.slot>span{display:block;font-size:8px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.slot.empty>span{font:24px Georgia;color:#bfccb1;padding-top:4px}.slot button{position:absolute;right:-6px;top:-6px;border:1px solid #d3ddc8;border-radius:50%;background:white;color:var(--ink);width:26px;height:26px;font-size:17px;padding:0;cursor:pointer}.bottom-line{display:flex;align-items:center;gap:10px;justify-content:space-between;margin-top:9px}.status{font-size:10px;line-height:1.3;color:#6d7e5e;margin:0;max-width:160px}.review{border:0;border-radius:20px;background:var(--ink);color:white;font:11px Arial;padding:11px 16px;min-height:38px;white-space:nowrap}.review:disabled{background:#eef2e7;color:#8c9c7c}.flying{position:fixed;z-index:100;pointer-events:none;width:88px;height:88px;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 6px 10px #173d3020)}.review-dialog{border:1px solid var(--line);border-radius:20px;padding:25px;color:var(--ink);width:calc(100% - 36px);max-width:400px;background:#fffef9}.review-dialog::backdrop{background:#173a2c55;backdrop-filter:blur(3px)}.close{float:right;background:none;border:0;font-size:24px;color:var(--ink);width:35px;height:35px}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-top:12px}h2{font:29px Georgia;letter-spacing:-.6px}.review-items{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;text-align:center}.review-items img{width:100%;height:80px;object-fit:contain}.review-items p{font-size:12px}.review-total{font:24px Georgia}.review-saving,.prototype-note{font-size:11px;line-height:1.5}.prototype-note{color:#819070}.done{border:0;border-radius:6px;background:var(--ink);color:white;padding:13px 20px;width:100%}body[data-layout=spiral] .space{background:radial-gradient(ellipse at center,#fffdf8 15%,#f7efe4 100%)}body[data-layout=spiral] .center-cart{border-radius:50%;width:112px;height:112px;background:#fffdf5}body[data-layout=cloud] .center-cart{display:none}body[data-layout=cloud] .space{background:radial-gradient(ellipse at 40% 30%,#fff 5%,#f1f5eb 100%)}body[data-layout=cloud] .box-bar{border-radius:20px 20px 0 0;box-shadow:0 -8px 30px #174b3a0a}.oil span{background:#fcfcf4b0;border-radius:3px}.center-cart.land{animation:land .3s ease-out}@keyframes land{50%{transform:translate(-50%,-50%) scale(1.05)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media(max-height:740px){header{flex-basis:108px;padding-top:10px}h1{font-size:29px;margin-top:8px}.box-bar{flex-basis:145px;padding-top:9px}.oil span{font-size:7px}.center-cart{height:107px;width:103px}.center-cart small{font-size:7px}.center-cart strong{font-size:27px;margin:6px 0 3px}.gesture-hint{font-size:7px}.zoom-tools{bottom:24px}}

body[data-layout=spiral] .center-cart{width:94px;height:94px}body[data-layout=spiral] .center-cart strong{font-size:26px;margin:5px 0 3px}body[data-layout=spiral] .center-cart small{font-size:7px;margin-top:5px}body[data-layout=spiral] .cart-eyebrow{font-size:7px}