:root{--paper:#f7f5ed;--ink:#34392e;--olive:#68734e;--line:#d8d9cb;--soft:#eceee2;--red:#c87868}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;font-size:14px}button,input{font:inherit}button{cursor:pointer;color:inherit;background:none;border:1px solid transparent;border-radius:5px;padding:9px 12px}button:hover{background:#e6e9d9}button:focus-visible,a:focus-visible{outline:3px solid #bc7865;outline-offset:3px}button:disabled{opacity:.45;cursor:default}header{max-width:1360px;margin:auto;padding:28px 48px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{font-weight:700;font-size:24px;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:10px}.brand>span:first-child{color:var(--olive);font-size:36px}.tiny{font-size:8px;letter-spacing:1.4px;font-weight:400;max-width:120px;margin-left:18px;line-height:1.6}nav{display:flex;align-items:center;gap:14px;font-size:12px}.wallet{background:#ecebd9;padding:11px 16px;border-radius:20px;color:#626847}.wallet b{padding:0 4px}main{max-width:1264px;margin:auto;padding:44px 24px 20px}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:600;color:#737b63;margin:0 0 14px}h1{font-family:Georgia,serif;font-weight:400;font-size:42px;letter-spacing:-1.5px;margin:0 0 13px}h1 em{color:var(--olive)}.intro p:not(.eyebrow){color:#838679;margin:0;font-size:13px}.handwritten{font:italic 20px Georgia;color:#8c9478;transform:rotate(-7deg);padding-right:60px;line-height:1.5}.workspace{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.panel{border:1px solid #cdd0bf;border-radius:9px;background:#fcfbf6;overflow:hidden}.panelbar{height:48px;border-bottom:1px solid var(--line);padding:0 21px;display:flex;align-items:center;justify-content:space-between;font-family:monospace;font-size:11px;letter-spacing:1.2px}.panelbar button{font-family:Arial;font-size:12px;letter-spacing:0}.panelbar i{display:inline-block;width:7px;height:7px;background:#9caa73;margin-right:7px}.scene{position:relative;background:#ecebdb;height:360px;display:flex;align-items:center;justify-content:center;overflow:hidden}canvas{width:100%;height:100%;object-fit:contain;image-rendering:pixelated}#bubble{position:absolute;top:21%;left:49%;background:#fffdf1;border:1px solid #b4b59b;padding:9px 13px;font:11px monospace;box-shadow:3px 3px #c8c9b288}.scene-caption{position:absolute;bottom:15px;font:10px monospace;color:#7d8065;letter-spacing:1px}.companion-bottom{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#757d64}.status-dot{color:#8e9e68;margin-right:5px}.companion-bottom button{border:1px solid var(--line);background:#f2f1e7;font-size:11px}#memory-count{padding-left:8px;color:#9c9d8a}.timer{padding:25px 30px}.timer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.timer-top .eyebrow{margin:0}#mode-tag{font:9px monospace;letter-spacing:1px;background:#e9eddc;padding:6px 10px;color:var(--olive)}label{font-size:11px;display:block;margin-bottom:8px}label span{color:#999d8d;font-size:10px;margin-left:5px}input{width:100%;padding:12px;background:#f7f6ee;border:1px solid #daddce;border-radius:4px;color:var(--ink);outline-color:var(--olive)}input::placeholder{color:#a2a494;font-size:12px}#clock{font:bold 72px monospace;text-align:center;letter-spacing:-6px;margin:22px 0 3px;font-variant-numeric:tabular-nums}#clock span{color:#9a9e88}#timer-caption{text-align:center;font-size:11px;color:#899078;margin:0 0 23px}.presets{display:flex;justify-content:space-between;gap:5px;margin-bottom:19px}.presets button{font:11px monospace;padding:8px 10px;border:1px solid #dfe1d4}.selected{background:#e6ead9!important;border-color:#a9b394!important;color:#52613b}.primary{background:var(--olive);color:white;width:100%;padding:15px;box-shadow:0 3px #4e593e;font-size:13px}.primary:hover{background:#596642}.primary span{float:right}.timer-actions{display:flex;justify-content:center;margin-top:8px;font-size:10px;color:#7c836e}.reward-note{margin-top:14px;padding-top:16px;border-top:1px solid #e4e5d9;text-align:center;font-size:10px;line-height:1.8;color:#858a73}.reward-note span{font-size:9px;color:#a1a38f}.shop{margin-top:26px;padding:26px}.shop-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.shop-heading .eyebrow{font-size:8px;margin-bottom:9px}h2{font:24px Georgia;margin:0}.filters{display:flex;gap:5px;font-size:11px}.filters button{padding:8px 10px}#products{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.product{border:1px solid #e0e1d5;border-radius:6px;padding:15px;display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center}.item-art{font:30px monospace;display:flex;align-items:center;justify-content:center;background:#f0eee0;width:52px;height:58px;border-radius:4px}.product h3{font-size:12px;font-weight:500;margin:0 0 5px}.product small{font-size:9px;color:#8a8e7d}.product button{grid-column:1/-1;background:#f1f2e7;border:1px solid #dee2ce;font-size:10px;padding:8px}.shop-foot{font-size:10px;color:#91947f;margin-top:20px;display:flex;justify-content:space-between}footer{display:flex;justify-content:space-between;align-items:center;margin-top:22px;color:#9a9e8a;font-size:10px}footer button{font-size:10px;color:#7c8568}dialog{border:1px solid #adb699;border-radius:10px;background:var(--paper);color:var(--ink);width:min(600px,92vw);padding:27px;box-shadow:0 20px 80px #34392e33}dialog::backdrop{background:#34392e66;backdrop-filter:blur(3px)}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-heading button{font-size:24px}#modal-body p{color:#828975;font-size:13px;line-height:1.6}.collection{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.collection button{border:1px solid var(--line);text-align:left}.modal-actions{display:flex;gap:10px;margin-top:22px}.modal-actions button{flex:1;border:1px solid var(--line)}.postcard{border:1px solid #d7d8c5;background:#eeedda;padding:20px;transform:rotate(-1deg);margin-bottom:15px}.postcard h3{font:21px Georgia;margin:5px 0 10px}.postcard .stamp{font-size:28px}.locked{opacity:.45}.setting{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line)}.setting input{width:auto}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#424d35;color:white;padding:13px 22px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:10;font-size:12px}.quiet .shop,.quiet footer,.quiet .handwritten{display:none}.quiet .workspace{max-width:1100px;margin:auto}[hidden]{display:none!important}@media(max-width:900px){header{padding:20px 24px}.tiny{display:none}.workspace{grid-template-columns:1fr 0.85fr}.timer{padding:22px 18px}#products{grid-template-columns:repeat(2,1fr)}h1{font-size:35px}.handwritten{padding-right:15px}.scene{height:380px}.shop-heading{align-items:flex-start;gap:20px;flex-direction:column}}@media(max-width:650px){header{padding:15px}.brand{font-size:19px}nav{gap:1px}nav button{font-size:0;padding:8px}nav button:first-letter{font-size:17px}.wallet{padding:8px;font-size:11px}main{padding:28px 15px}.intro{margin-bottom:25px}h1{font-size:34px;max-width:300px;line-height:1.15}.handwritten{display:none}.workspace{grid-template-columns:1fr;gap:16px}.scene{height:290px}.timer{padding:24px}#clock{font-size:76px}.shop{padding:18px}.filters{flex-wrap:wrap}#products{gap:8px}.product{padding:10px;grid-template-columns:40px 1fr;gap:8px}.item-art{width:40px;height:48px;font-size:25px}.shop-foot{line-height:1.8;display:block}.shop-foot span{display:block}footer{flex-wrap:wrap;gap:12px}.collection{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}