:root{--ink:#15191e;--sub:#6b7280;--line:#e5e7eb;--accent:#3b6ef0;--err:#e5484d;--bg:#f5f7fb}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;font-family:Pretendard,system-ui,sans-serif;color:var(--ink);background:var(--bg)}.wrap{max-width:560px;margin:0 auto;padding:env(safe-area-inset-top) 16px 40px;min-height:100vh}.auth{display:flex;flex-direction:column;justify-content:center}header{display:flex;align-items:center;justify-content:space-between;padding:16px 0 8px}h1{font-size:21px;margin:0}h2{font-size:16px;margin:0 0 8px}.kv{color:var(--sub);font-size:13px}.err{color:var(--err);font-size:13px}.warn{background:#fff5d6;border:1px solid #f0e0a0;color:#7a5d00;border-radius:10px;padding:8px 10px;font-size:13px}.loading{color:var(--sub);text-align:center;padding:28px}.icon{background:#fff;border:1px solid var(--line);border-radius:10px;width:38px;height:38px;font-size:16px;cursor:pointer}.brand{text-align:center;margin:26px 0 16px}.brand .logo{font-size:52px}.brand h1{margin:6px 0 2px}.tabs{display:flex;gap:6px;background:#eef1f6;border-radius:12px;padding:4px;margin-bottom:12px}.tab{flex:1;border:none;background:transparent;padding:10px;border-radius:9px;font-weight:700;color:var(--sub);cursor:pointer}.tab.on{background:#fff;color:var(--ink);box-shadow:0 2px 6px #0001}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;margin:10px 0}.panel.new label{display:block;font-size:12.5px;color:var(--sub);margin:10px 0 4px;font-weight:700}input{width:100%;padding:12px;border:1px solid var(--line);border-radius:10px;font:inherit;margin:6px 0;background:#fff}textarea{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--line);border-radius:10px;font:inherit;margin:6px 0;background:#fff;resize:vertical}.cardtext{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;line-height:1.45;white-space:pre;overflow:auto;background:#0f172a;color:#d7e3ff}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin-top:12px}.cards .ten{flex-direction:column;align-items:stretch;gap:8px}.cards .ten-act{display:flex;gap:6px}.cards .ten-act .sm{flex:1}.addtile{border:2px dashed var(--line);border-radius:14px;background:#fafbfc;color:var(--sub);font-size:22px;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:96px;cursor:pointer}.addtile span{font-size:12px;font-weight:600}.addtile:hover{border-color:#9aa3ad;color:var(--ink)}button{font:inherit;cursor:pointer}.big{width:100%;background:var(--accent);color:#fff;border:none;border-radius:11px;padding:12px;font-weight:800;margin:8px 0}.kakao{width:100%;background:#fee500;color:#191600;border:none;border-radius:11px;padding:12px;font-weight:800;margin-top:6px}.linklike{background:none;border:none;color:var(--sub);text-decoration:underline;width:100%;padding:8px;font-size:13px}.row{display:flex;align-items:center;gap:8px;margin:6px 0 10px}.badge{font-size:11px;background:#eef1f6;color:var(--sub);border-radius:999px;padding:3px 9px;font-weight:700}.badge.paid{background:#e7f0ff;color:var(--accent)}.ten{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;margin:8px 0}.ten a{color:var(--accent);text-decoration:none}.ten-act{display:flex;gap:6px;flex-shrink:0}.sm{padding:7px 11px;border:1px solid var(--line);background:#f3f5f9;border-radius:9px;font-size:12.5px;font-weight:600}.sm.del{background:#fde6e6;color:#b8431c;border-color:transparent}.modal-ov{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;padding:16px;z-index:50}.modal{background:#fff;width:100%;max-width:560px;max-height:82vh;border-radius:16px;display:flex;flex-direction:column;box-shadow:0 12px 40px #0004}.mhead{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line)}.mhead h2{margin:0}.mbody{overflow-y:auto;padding:12px 16px}.mbody label{display:block;font-size:12px;color:var(--sub);margin:12px 0 3px;font-weight:700}.mbody code{display:block;background:#0f172a;color:#d7e3ff;border-radius:8px;padding:9px 11px;font-size:12.5px;word-break:break-all;font-family:ui-monospace,monospace}.mfoot{padding:12px 16px;border-top:1px solid var(--line);display:flex;gap:8px}.mfoot .big{margin:0;flex:1}.copy{background:#eef1f6;color:var(--ink);border:1px solid var(--line);border-radius:11px;padding:12px 14px;font-weight:700}.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%) translateY(20px);background:#15191edd;color:#fff;padding:10px 16px;border-radius:999px;font-size:13px;opacity:0;transition:.25s;z-index:80;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}body{padding-bottom:96px}.al-ad{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);text-align:center;padding:6px 0;z-index:40}@media (min-width:729px){.al-ad ins[data-ad-width="320"]{display:none!important}}@media (max-width:728px){.al-ad ins[data-ad-width="728"]{display:none!important}}