:root{--canvas:#f7f4ee;--surface:#fffdfa;--ink:#211f1b;--muted:#7e776e;--soft:#eee9e1;--line:#ded6ca;--danger:#a43b34;color:var(--ink);background:var(--canvas);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Noto Sans TC,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--canvas);margin:0}button,input{font:inherit}button{color:inherit;cursor:pointer}main{max-width:680px;min-height:100vh;margin:auto;padding:0 18px 110px}header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#f7f4eef2;justify-content:space-between;align-items:center;height:76px;display:flex;position:sticky;top:0}.brand,.searchtoggle,.back{background:0 0;border:0}.brand{align-items:center;gap:9px;font-size:25px;font-weight:800;display:flex}.brandmark img{width:27px;height:27px;display:block}.searchtoggle{width:44px;height:44px}.intro,.page{padding:34px 4px 0}.emptyintro{padding-top:72px}.intro h1,.page h1{letter-spacing:-.04em;margin:0 0 10px;font-size:34px;line-height:1.12}.intro p,.pagelead,.muted{color:var(--muted);margin:0;line-height:1.6}.capture,.primary,.quiet{border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;font-weight:750;display:flex}.capture{background:var(--ink);color:#fff;min-height:48px;margin-top:22px;padding:13px 18px}.primary{background:var(--ink);color:#fff;padding:10px 13px}.quiet{background:var(--soft);padding:10px 13px}.searchbox{background:var(--surface);border:1px solid var(--line);border-radius:16px;gap:10px;margin:20px 0;padding:12px 14px;display:flex}.searchbox input{background:0 0;border:0;outline:0;width:100%}.homesearch{display:none}.homesearch.show{display:flex}.wishsection{margin:28px 0}.sectiontitle{align-items:center;gap:8px;margin-bottom:12px;display:flex}.sectiontitle svg{width:17px}.sectiontitle h2{margin:0;font-size:16px}.sectiontitle span{color:var(--muted);font-size:12px}.cards{grid-template-columns:1fr 1fr;gap:14px;display:grid}.card{background:var(--surface);border:1px solid #ebe5dc;border-radius:22px;overflow:hidden}.hero{background:var(--soft);place-items:center;height:220px;display:grid;overflow:hidden}.hero img{object-fit:cover;width:100%;height:100%}.cardbody{padding:16px}.intent{color:#897c6f;margin:0 0 5px;font-size:12px;font-weight:750}.card h2{margin:0 0 7px;font-size:20px}.context{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.compact{grid-template-columns:112px 1fr;display:grid}.compact .hero{height:100%;min-height:160px}.actions{flex-wrap:wrap;gap:7px;margin-top:13px;display:flex}.actions button{font-size:12px}.temporal{color:var(--muted);font-size:12px}footer{bottom:calc(10px + env(safe-area-inset-bottom));z-index:8;background:#25221ef5;border-radius:22px;justify-content:space-between;align-items:center;max-width:620px;height:62px;margin:auto;padding:7px 8px;display:flex;position:fixed;left:16px;right:16px}footer button{color:#9f9991;background:0 0;border:0;place-items:center;width:76px;height:46px;font-size:11px;display:grid}footer button svg{width:19px}footer .sel{color:#fff}.navcapture{border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px!important;height:50px!important;color:var(--ink)!important;background:#fff!important}.overlay{z-index:20;background:#1c1915a8;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--canvas);width:min(100%,680px);padding:28px 22px calc(24px + env(safe-area-inset-bottom));border-radius:30px 30px 0 0;max-height:92dvh;position:relative;overflow:auto}.sheet h2{margin:4px 0 8px;font-size:28px}.close{background:var(--soft);border:0;border-radius:50%;width:42px;height:42px;position:absolute;top:18px;right:18px}.drop{border:1px solid var(--line);background:var(--surface);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:190px;margin-top:22px;display:flex}.drop input{display:none}.processing,.inlineerror{margin-top:14px;font-size:13px}.inlineerror{color:var(--danger)}.resultimage{object-fit:contain;background:var(--surface);border-radius:18px;width:100%;max-height:28dvh;margin:10px 0 18px}.eyebrow{letter-spacing:.14em;color:#958d82;font-size:11px;font-weight:800}.field{gap:7px;margin:14px 0;display:grid}.field span,.pickerhead b{font-size:13px}.field input,.collectioneditor input,.customneedform input{border:1px solid var(--line);background:var(--surface);border-radius:14px;outline:none;width:100%;padding:13px 14px}.needchoices{gap:8px;margin:14px 0;display:grid}.needchoices button{border:1px solid var(--line);background:var(--surface);text-align:left;border-radius:15px;padding:12px;display:grid}.needchoices small{color:var(--muted)}.selectedneed{background:var(--surface);border:1px solid var(--line);border-radius:15px;gap:3px;padding:12px;display:grid}.selectedneed small{color:var(--muted)}.customneedform,.collectioneditor{gap:8px;margin:12px 0;display:flex}.customneedform input,.collectioneditor input{flex:1;min-width:0}.picker{border-top:1px solid var(--line);margin:18px 0;padding-top:16px}.pickerhead{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.pickerhead button{background:0 0;border:0;align-items:center;gap:4px;font-size:12px;display:flex}.pickerhead svg,.pickerchips svg{width:14px}.pickerchips{flex-wrap:wrap;gap:7px;display:flex}.pickerchips button{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:4px;padding:9px 11px;display:flex}.pickerchips button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.save{width:100%;margin-top:18px}.pagehead{align-items:flex-start;gap:8px;display:flex}.back{padding:7px 0}.newcollection{margin:10px 0 18px}.collectionlist,.collectiongrid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.collectionlist>button{text-align:left;background:0 0;border:0;padding:0}.collectioncover{background:var(--soft);border-radius:18px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;height:130px;margin-bottom:8px;display:grid;overflow:hidden}.collectioncover img{object-fit:cover;width:100%;height:100%}.collectionlist b,.collectionlist small{display:block}.collectionlist small{color:var(--muted);margin-top:3px}.editoractions{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}@media (width<=560px){.cards{grid-template-columns:1fr}.hero{height:300px}.compact{grid-template-columns:108px 1fr}.compact .hero{height:100%;min-height:158px}.collectiongrid{grid-template-columns:1fr 1fr}.collectiongrid .hero{height:150px}.collectiongrid .context{display:none}.collectiongrid .cardbody{padding:11px}.collectiongrid .card h2{font-size:16px}}
