:root{--ink:#293b31;--muted:#69756b;--green:#4e674a;--line:#dce0d3;--paper:#f8f7ef}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);font-family:system-ui,-apple-system,'Noto Sans TC',sans-serif;color:var(--ink);line-height:1.65}main{max-width:620px;padding:28px 22px 42px;margin:auto}header,.row,.actions,footer{display:flex;justify-content:space-between;align-items:center;gap:12px}header{padding-bottom:38px}header a{font-weight:800;font-size:20px}header span{font-size:12px;font-weight:500}a{color:inherit;text-decoration:none}.eyebrow{font-size:12px;letter-spacing:.12em;color:var(--green)}h1{font-size:clamp(28px,6vw,38px);line-height:1.25;letter-spacing:-.05em;margin:14px 0}h2{font-size:22px;line-height:1.45}p{overflow-wrap:anywhere}.lead{color:var(--muted);margin-bottom:26px}.card{background:#fffef9;border:1px solid var(--line);border-radius:24px;padding:26px;margin:20px 0;box-shadow:0 5px 16px #273c2e04}.pill{display:inline-block;background:#e9eddc;border-radius:20px;padding:5px 12px;color:#536447;font-size:12px}.faces{font-size:44px;letter-spacing:.08em;text-align:center;color:var(--green);padding:10px 0 5px}.faces span{font-size:25px;color:#a4ac86}label{display:block;font-size:14px;font-weight:600;margin:18px 0}input{display:block;width:100%;min-width:0;padding:13px;border:1px solid var(--line);border-radius:12px;font:inherit;margin-top:7px;color:var(--ink);background:white}button,.button{font:inherit;font-weight:600;border:1px solid var(--line);border-radius:13px;padding:12px 16px;background:#fffef9;color:var(--ink);min-height:48px;cursor:pointer;text-align:center;display:inline-block}.primary{background:var(--green);border-color:var(--green);color:white}.full{width:100%;margin-top:10px}.quiet{border-color:transparent;background:transparent;color:var(--muted)}.muted{font-size:13px;color:var(--muted)}.actions>*{flex:1}.friend h3{margin:0}.friend .actions{flex-wrap:wrap;margin-top:14px}.friend .actions button{font-size:13px;padding:10px;flex-basis:40%}.friend{border-bottom:1px solid var(--line);padding:20px 0}.friend small{color:var(--muted)}#status{font-size:14px;color:#506445;padding:8px 0;overflow-wrap:anywhere}#status.error{color:#a04430}#share-url{font-size:12px}footer{font-size:12px;margin-top:38px;color:var(--muted)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #91ab77;outline-offset:3px}dialog{max-width:430px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:24px;padding:24px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#233d3266}#invitation h2{text-align:center}@media(max-width:420px){main{padding:24px 18px}.card{padding:22px}header{padding-bottom:25px}footer{align-items:flex-start;flex-direction:column}}:root{color-scheme:dark;--ink:#fff;--muted:#999;--green:#b6ff3b;--line:#414141;--paper:#080808}body{background:#080808;color:#fff}main{padding-bottom:calc(36px + env(safe-area-inset-bottom))}.card{background:#242424;border:0;box-shadow:none}button,.button,input{background:#343434;color:#fff;border-color:#555}.primary{background:#b6ff3b;color:#132100;border-color:#b6ff3b}.pill{background:#343434;color:#66d9ed}.quiet{background:transparent;color:#aaa}.faces{color:#b6ff3b}.eyebrow{letter-spacing:0}#status{color:#b6ff3b}#status.error{color:#ffab58}dialog{background:#242424;position:fixed;inset:auto 0 0;margin:0 auto;width:100%;max-width:620px;border:0;border-radius:28px 28px 0 0;padding-bottom:calc(24px + env(safe-area-inset-bottom))}dialog::backdrop{background:#0009}body{background:#000}main{max-width:620px}#about #invite-heading{font-size:20px;color:#c5f85b}#about h1{font-size:30px;letter-spacing:-.03em}#about .lead{font-size:17px}.features{padding:4px 0 10px}.features>div{padding:12px 0;border-bottom:1px solid #303034}.features b{font-size:18px;color:#c5f85b}.features p{margin:4px 0;color:#c2c2c7;font-size:15px}.trust{padding:6px 0}.trust h2{font-size:18px}.trust p{font-size:14px;color:#d4d4d8}.trust .muted{font-size:12px;color:#aaa}#invitation h2{text-align:left;font-size:23px}#invitation{margin-top:8px}.actions{flex-wrap:wrap}.actions>*{flex-basis:45%}#status:empty{display:none}#success-title{overflow-wrap:anywhere}footer{flex-wrap:wrap}header{padding-bottom:12px}.primary{background:#c5f85b;color:#142000}.features>div:last-child{border-bottom:0}html{overflow-x:hidden}body{overflow-wrap:anywhere}main{width:100%;min-width:0}input{font-size:16px}#accept-status{font-size:14px;color:#c5f85b;margin:12px 0;overflow-wrap:anywhere}#accept-status.error{color:#ffab58}button{touch-action:manipulation}#owe-feedback{position:fixed;left:16px;right:16px;top:calc(12px + env(safe-area-inset-top));max-width:588px;margin:0 auto;z-index:2147483647;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #6b8055;border-radius:14px;background:#202b20;color:#f5ffe8;box-shadow:0 8px 32px #0008;font:500 15px/1.5 system-ui,sans-serif;overflow-wrap:anywhere}#owe-feedback[hidden]{display:none!important}#owe-feedback span{flex:1}#owe-feedback button{flex:none;min-height:40px;padding:6px 10px;border:1px solid #ffffff66;border-radius:8px;background:transparent;color:inherit;font:inherit}#owe-feedback[data-state=error]{background:#452c21;border-color:#ffb07c;color:#fff0e7}#owe-feedback[data-state=loading]:before{content:'';width:17px;height:17px;flex:none;border:2px solid #ffffff55;border-top-color:#c5f85b;border-radius:50%;animation:owe-spin .8s linear infinite}dialog #owe-feedback{position:sticky;top:0;left:auto;right:auto;order:-1;margin:0 0 12px;max-width:none}button.owe-pressed,a.owe-pressed,summary.owe-pressed{filter:brightness(1.25);box-shadow:inset 0 0 0 2px #99dd66;transform:scale(.98)}button[aria-busy=true]{cursor:progress;opacity:.7}button:active{transform:scale(.98)}@keyframes owe-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#owe-feedback:before{animation:none!important}.owe-pressed,button:active{transform:none!important}}