*{box-sizing:border-box}:root{--green:#0f6e56;--mint:#1d9e75;--pale:#e1f5ee;--bg:#f5f8f6;--orange:#e8703a;--ink:#183d32;--muted:#687c73}body{color:var(--ink);background:#e7eee9;margin:0;font:14px/1.6 system-ui,-apple-system,PingFang SC,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:var(--green);background:#fff;border:1px solid #dbe6df;border-radius:12px;min-height:44px;padding:10px 13px}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid var(--orange)}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #cbdcd2;border-radius:12px;padding:12px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--green);vertical-align:middle}textarea{min-height:110px}h1,h2,h3,p{margin:0}h1{letter-spacing:-1px;font-size:28px;line-height:1.3}h2{font-size:20px}h3{font-size:16px}small,.muted{color:var(--muted);font-size:12px}a{color:var(--green);text-decoration:none}.phone{background:var(--bg);max-width:430px;min-height:100dvh;margin:auto;position:relative}header{background:#fff;justify-content:space-between;align-items:center;height:65px;padding:12px 20px;display:flex}header a{letter-spacing:-1px;font-size:25px;font-weight:850}header span{letter-spacing:1px;margin-left:10px;font-size:12px;font-weight:500}.quiet{background:0 0;border:0;padding:8px;font-size:12px}.prototype{letter-spacing:.5px;text-align:center;background:var(--pale);color:var(--green);padding:6px;font-size:10px}main{padding:20px 18px 112px}nav{width:100%;max-width:430px;padding:8px 5px max(12px,env(safe-area-inset-bottom));z-index:10;background:#fff;border-top:1px solid #dce8e0;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}nav:empty{display:none}nav button{color:var(--muted);border:0;border-radius:12px;flex:1;padding:4px 0;font-size:11px;position:relative}nav button.active{color:var(--green);background:var(--pale);font-weight:750}.nav-icon{height:26px;font-size:22px;line-height:25px;display:block}.badge{background:var(--orange);color:#fff;border-radius:20px;padding:1px 6px;font-size:10px;position:absolute;top:0;right:9px}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.stack{gap:12px;display:grid}.mt{margin-top:20px}.section{margin:24px 0 12px}.primary{background:var(--green);color:#fff;border-color:var(--green)}.wide{width:100%;margin-top:12px}.card{background:#fff;border:1px solid #e4ece6;border-radius:18px;margin-bottom:12px;padding:16px}.hero{background:var(--green);color:#fff;border-radius:22px;margin:18px 0;padding:22px;position:relative;overflow:hidden}.hero p{opacity:.85;margin:10px 0 16px;font-size:12px}.hero small{color:#b6decf}.hero:after{content:"";border:24px solid #ffffff12;border-radius:50%;width:115px;height:115px;position:absolute;top:-25px;right:-35px}.hero button{z-index:1;position:relative}.eyebrow{letter-spacing:2px;margin-bottom:10px;font-size:10px;display:block}.search{background:#fff;border:1px solid #d7e4db;border-radius:14px;padding:3px;display:flex}.search input{background:0 0;border:0;min-width:0}.search button{white-space:nowrap;border:0;flex-shrink:0}.categories{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px;display:grid}.categories button{background:0 0;border:0;padding:9px 0;font-size:12px}.category-icon{background:var(--pale);border-radius:15px;width:43px;height:43px;margin:0 auto 6px;font-size:23px;line-height:43px;display:block}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.product{text-align:left;color:var(--ink);background:#fff;border:1px solid #e0e9e3;border-radius:16px;padding:0;overflow:hidden}.product-copy{padding:12px;display:block}.cover{background:#e7e7da;justify-content:center;align-items:center;height:160px;display:flex}.book{color:#fff;letter-spacing:2px;background:#184d46;border-left:4px solid #ffffff3a;flex-direction:column;justify-content:space-between;width:96px;height:132px;padding:14px 9px;font-family:serif;display:flex;transform:rotate(-5deg);box-shadow:6px 7px #00000015}.book b{font-size:18px}.book small{color:inherit;letter-spacing:1px;font-size:9px}.cover.sand{background:#efeadf}.sand .book{color:#fffbe9;background:#c38b56;transform:rotate(5deg)}.cover.blue{background:#e3ebee}.blue .book{background:#426471}.cover.rose{background:#f2e6df}.rose .book{background:#aa6552}.price{color:var(--orange);font-size:19px;font-weight:800}.tag{background:var(--pale);color:var(--green);border-radius:5px;padding:3px 7px;font-size:10px;display:inline-block}.tabs{gap:8px;margin:16px 0;padding-bottom:3px;display:flex;overflow:auto}.tabs button{white-space:nowrap;background:#eaf0ec;border:0;flex-shrink:0;padding:8px 13px;font-size:12px}.tabs button.active{background:var(--green);color:#fff}.avatar{background:var(--pale);width:36px;height:36px;color:var(--green);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.post-art{background:#e9edde;border-radius:12px;justify-content:center;align-items:center;gap:15px;height:140px;margin:14px 0;display:flex}.post-art .book{width:96px;height:116px}.post-art .book b{letter-spacing:1px;font-size:16px;line-height:1.45}.post-actions{gap:6px;margin-top:12px;display:flex}.post-actions button{flex:1;padding:6px;font-size:12px}.dot{background:var(--orange);border-radius:50%;width:7px;height:7px;margin-left:6px;display:inline-block}.empty{text-align:center;color:var(--muted);border:1px dashed #bfd5c8;border-radius:18px;margin:15px 0;padding:35px 16px}.empty b{color:var(--green);margin-bottom:8px;font-size:18px;display:block}.cart-cover{background:var(--pale);text-align:center;flex-shrink:0;width:57px;height:75px;padding:12px 5px;font-family:serif}.cart-copy{flex:1;min-width:0}.quantity{align-items:center;gap:10px;margin-top:8px;display:flex}.quantity button{min-height:32px;padding:0 10px}.order-total{background:#fff;border:1px solid #dce7df;border-radius:16px;padding:14px;position:sticky;bottom:86px;box-shadow:0 6px 22px #183d3210}.menu{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.menu button{background:var(--bg);border:0;min-height:70px;font-size:12px}.menu strong{color:var(--green);font-size:21px;display:block}.list-button{text-align:left;border:0;border-bottom:1px solid #e9efeb;border-radius:0;justify-content:space-between;align-items:center;width:100%;padding:15px 0;display:flex}.list-button span{color:var(--muted)}dialog{width:calc(100% - 24px);max-width:406px;max-height:85dvh;color:var(--ink);background:var(--bg);border:0;border-radius:22px 22px 12px 12px;padding:23px;overflow:auto}dialog::backdrop{background:#122c2466}dialog h2{margin-bottom:12px}dialog p{margin:10px 0}label{margin-top:12px;display:block}.error{color:#a64b26;min-height:22px;font-size:12px}.danger{color:#a64b26}#toast{pointer-events:none;color:#fff;z-index:50;background:#183d32;border-radius:12px;width:max-content;max-width:calc(100% - 48px);padding:12px 18px;font-size:13px;display:none;position:fixed;bottom:112px;left:50%;transform:translate(-50%)}.login-art{background:var(--pale);border-radius:22px;grid-template-columns:1.2fr 1fr;min-height:190px;margin:6px 0 20px;display:grid;overflow:hidden}.login-copy{padding:23px 0 20px 20px}.login-copy h1{font-size:27px}.login-copy p{margin-top:12px;font-size:12px}.koala{background:#cce9dc;border-radius:80px 0 0;place-items:center;margin:20px 0 0 4px;display:grid;position:relative}.koala-face{background:#90bda9;border-radius:45%;width:90px;height:84px;position:relative;box-shadow:-25px -15px 0 -10px #90bda9,25px -15px 0 -10px #90bda9}.koala-face:before{content:"";background:var(--green);border-radius:50%;width:23px;height:31px;position:absolute;top:31px;left:34px}.koala-face:after{content:"";background:var(--ink);width:6px;height:6px;box-shadow:43px 0 var(--ink);border-radius:50%;position:absolute;top:29px;left:21px}.identity{gap:7px;display:flex}.identity button{flex:1;padding:9px 4px;font-size:12px}.divider{text-align:center;color:var(--muted);margin:20px 0 12px;font-size:12px}.tiny{font-size:11px}.sold{opacity:.6}.balance{font-size:28px;font-weight:800}.filter-note{margin:12px 0}.full{grid-column:1/-1}.mine-records{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.mine-records button{background:var(--pale);border:0;padding:12px 4px;font-size:12px}.mine-records strong{font-size:22px;display:block}.mine-section .menu{grid-template-columns:repeat(3,minmax(0,1fr))}.follow-button{flex-shrink:0;margin-left:auto;padding:8px;font-size:12px}.koala-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.koala-presets button{background:var(--pale);font-size:12px}.koala-chat{flex-direction:column;gap:12px;display:flex}.chat-bubble{overflow-wrap:anywhere;white-space:pre-wrap;background:#fff;border:1px solid #dce8e0;border-radius:16px;max-width:92%;padding:12px 14px}.chat-bubble p{margin-top:5px}.chat-bubble button{margin-top:10px;font-size:12px}.chat-user{background:var(--pale);align-self:flex-end}.chat-assistant{align-self:flex-start}.koala-form .row{align-items:stretch;margin-top:8px}.koala-form input{flex:1;min-width:0}.koala-form button{flex-shrink:0}.mine-section [data-action=logout]{color:#a64b26}#toast.visible{display:block}.panel-copy{white-space:pre-line}.row>div{min-width:0}.row>button{flex-shrink:0}.cart-copy{text-align:left}input[type=checkbox]{flex-shrink:0}main,dialog{overflow-wrap:anywhere}.login-art{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}@media (prefers-reduced-motion:no-preference){button{transition:background .15s,transform .15s}button:active{transform:scale(.97)}}