:root{color-scheme:dark;--bg: #121212;--surface: #1c1c1c;--border: #333333;--text: #f2f2f2;--muted: #b5b5b5;--accent: #d4a017;--accent-text: #121212;--body: 20px;--title: 26px;--small: 18px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--body);line-height:1.4}button,input{font:inherit}a{color:var(--accent)}.screen{min-height:100vh;background:var(--bg)}.frame{width:100%;max-width:520px;margin:0 auto;padding:48px 16px 32px}.title{margin:0 0 8px;font-size:var(--title);font-weight:700}.body{margin:0 0 20px;color:var(--text);font-size:var(--body);line-height:28px}.muted{color:var(--muted);font-size:var(--body);line-height:28px}.header{display:flex;align-items:center;min-height:44px;margin-bottom:16px}.header button{width:72px;padding:0;border:0;background:transparent;color:var(--accent);text-align:left;cursor:pointer}.header h2{flex:1;margin:0;text-align:center;font-size:var(--body);font-weight:700}.header .spacer{width:72px}.primary,.row{display:block;width:100%;min-height:56px;margin:0 0 12px;padding:14px;border-radius:10px;text-align:left;cursor:pointer}.primary{border:0;background:var(--accent);color:var(--accent-text);font-weight:700;text-align:center}.row{border:1px solid var(--border);background:var(--surface);color:var(--text)}.row .detail{display:block;margin-top:4px;color:var(--muted);font-size:var(--small)}.empty{margin-top:12px;padding:18px;border-radius:10px;background:var(--surface)}.empty h3{margin:0 0 8px;font-size:var(--body)}.empty p{margin:0;color:var(--muted);line-height:28px}form{width:100%}.search{display:block;width:100%;max-width:100%;margin:0 0 16px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);appearance:none}.change{display:block;width:100%;margin:0 0 16px;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.change .body,.change .hint{display:block}.change .body{margin:0 0 4px}.change .hint{color:var(--accent)}.card{margin-bottom:12px;padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.card h3{margin:0 0 6px;font-size:var(--body)}.card .price{margin:0 0 6px}.card .meta{margin:0 0 6px;color:var(--muted)}.card .note{margin:0 0 6px;color:var(--accent);font-size:var(--small);line-height:24px}.card a{display:inline-block;margin-top:4px}