:root{--bg:#f5f6f8;--card:#fff;--ink:#15171c;--ink-2:#4b5160;--ink-3:#6b7280;--line:#e3e6eb;--line-strong:#c9ced6;--coral:#ff6b4a;--coral-strong:#e04a26;--coral-text:#c23a16;--coral-soft:#ffede7;--wait-bg:#fef3c7;--wait-ink:#92400e;--wait-line:#f2c25b;--font-hand:"Nanum Pen Script", "IBM Plex Sans KR", sans-serif;--font-body:"IBM Plex Sans KR", system-ui, sans-serif;--radius:16px}html[lang=ja]{--font-hand:"Yomogi", "IBM Plex Sans JP", sans-serif;--font-body:"IBM Plex Sans JP", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-text-size-adjust:100%;margin:0;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--coral-text)}.hand{font-family:var(--font-hand);letter-spacing:0;font-weight:400;line-height:1.15}.page{flex-direction:column;max-width:480px;min-height:100%;margin:0 auto;display:flex}.page-body{flex-direction:column;flex:1;gap:12px;padding:0 16px 120px;display:flex}.page-head{justify-content:space-between;align-items:center;gap:8px;padding:22px 16px 12px;display:flex}.page-title{margin:0;font-size:32px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.btn{border:1px solid var(--line-strong);background:var(--card);min-height:44px;color:var(--ink);border-radius:14px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--coral-strong);border-color:var(--coral-strong);color:#fff;font-weight:700}.btn-dark{background:var(--ink);border-color:var(--ink);color:#fff}.btn-ghost{background:0 0;border-color:#0000}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:default}.chip{white-space:nowrap;border-radius:8px;padding:3px 8px;font-size:12px;font-weight:500}.chip-ok{color:var(--coral-text);background:var(--coral-soft)}.chip-wait{color:var(--wait-ink);background:var(--wait-bg)}.chip-mute{color:var(--ink-3);background:var(--bg)}.field{flex-direction:column;gap:6px;display:flex}.field>span{color:var(--ink-2);font-size:14px;font-weight:500}.input{border:1px solid var(--line-strong);background:#fff;border-radius:12px;width:100%;min-height:44px;padding:0 12px}textarea.input{min-height:80px;padding:10px 12px}.row{align-items:center;gap:8px;display:flex}.muted{color:var(--ink-3);font-size:14px}.error{color:var(--coral-text);font-size:14px}.seg{border:1px solid var(--line-strong);border-radius:12px;grid-auto-flow:column;display:inline-grid;overflow:hidden}.seg button{background:#fff;border:0;min-height:44px;padding:0 12px}.seg button[aria-pressed=true]{background:var(--coral-soft);color:var(--coral-text);font-weight:700}.sheet-backdrop{z-index:20;background:#15171c66;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--card);border-radius:22px 22px 0 0;flex-direction:column;gap:14px;width:100%;max-width:480px;max-height:90vh;padding:20px 16px 28px;display:flex;overflow:auto}.toast{background:var(--ink);color:#fff;z-index:30;border-radius:12px;max-width:90vw;padding:10px 16px;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}.tabbar{border-top:1px solid var(--line);z-index:10;background:#fff;grid-template-columns:repeat(4,1fr);height:76px;padding-bottom:12px;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--ink-3);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;text-decoration:none;display:flex;position:relative}.tabbar a.active{color:var(--coral-text);font-weight:700}.badge{background:var(--coral-strong);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:8px;left:56%}
