:root{--primary:#1e3a8a;--accent:#f59e0b;--bg:#eef1f6;--text:#1f2937;--muted:#656c79;--border:#d7dde7;--surface:#fff;--focus:#1e3a8a;--fs-body:16px;--fs-small:14px;--fs-card:20px;--fs-page:32px;--fs-page-mobile:26px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-6:24px;--sp-8:32px;--sp-12:48px;--radius:10px;--max:1280px;--touch:44px;--tabbar-h:64px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-inter), var(--font-noto-kr), -apple-system, BlinkMacSystemFont, sans-serif;font-size:var(--fs-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}h1,h2,h3{font-family:var(--font-outfit), var(--font-noto-kr), Georgia, "Times New Roman", serif;letter-spacing:-.02em;font-weight:800;line-height:1.2}a{color:inherit}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.container{max-width:var(--max);padding:0 var(--sp-4);margin:0 auto}.hdr{background:var(--surface);border-bottom:1px solid var(--border)}.hdr-top{align-items:center;gap:var(--sp-4);min-height:64px;display:flex}.hdr-logo{min-height:var(--touch);flex-shrink:0;align-items:center;display:inline-flex}.hdr-logo img{width:auto;height:36px;display:block}.hdr-search{flex:1;min-width:0;display:flex}.hdr-search input{width:100%;min-height:var(--touch);padding:0 var(--sp-4);border:1px solid var(--border);font:inherit;background:var(--bg);color:var(--text);border-radius:999px}.hdr-actions{align-items:center;gap:var(--sp-2);flex-shrink:0;display:flex}.hdr-link,.hdr-btn{min-height:var(--touch);min-width:var(--touch);padding:0 var(--sp-3);font-size:var(--fs-small);color:var(--primary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-family:inherit;font-weight:600;text-decoration:none;display:inline-flex}.hdr-btn{border-color:var(--border)}.hdr-lang{max-width:9.5rem}.hdr-nav{align-items:center;gap:var(--sp-1);min-height:48px;display:flex}.hdr-nav a{min-height:var(--touch);padding:0 var(--sp-3);color:var(--text);border-bottom:3px solid #0000;align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.hdr-nav a[aria-current=page]{color:var(--primary);border-bottom-color:var(--primary)}.btn-create{min-height:var(--touch);padding:0 var(--sp-6);background:var(--accent);color:var(--primary);border-radius:999px;align-items:center;margin-inline-start:auto;font-weight:700;text-decoration:none;display:inline-flex}main.container{padding-top:var(--sp-8);padding-bottom:var(--sp-12)}h1.page-title{font-size:var(--fs-page);margin:0 0 var(--sp-6);color:var(--primary);line-height:1.25}.section{margin-bottom:var(--sp-12)}.section h2{font-size:var(--fs-card);margin:0 0 var(--sp-4);color:var(--primary)}.grid{gap:var(--sp-4);grid-template-columns:1fr;display:grid}.empty{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-8) var(--sp-6);text-align:center}.empty h2{font-size:var(--fs-card);margin:0 0 var(--sp-2);color:var(--primary)}.empty p{margin:0 0 var(--sp-6);color:var(--muted)}.empty .btn-create{margin:0}.footer{border-top:1px solid var(--border);padding:var(--sp-6) 0;font-size:var(--fs-small);color:var(--muted)}.footer nav{gap:var(--sp-4);margin-top:var(--sp-2);flex-wrap:wrap;display:flex}.footer a{min-height:var(--touch);align-items:center;display:inline-flex}.tabbar{display:none}@media (max-width:767px){h1.page-title{font-size:var(--fs-page-mobile)}.hdr-nav,.btn-create.desktop,.hdr-search,.hdr-tnt,.hdr-auth{display:none}.hdr-top{justify-content:space-between;gap:var(--sp-2)}.hdr-logo img{height:28px}.hdr-actions{gap:var(--sp-1)}.hdr-link,.hdr-btn{padding:0 var(--sp-2)}body{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}.tabbar{z-index:20;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{min-height:var(--tabbar-h);color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:600;text-decoration:none;display:flex}.tabbar a[aria-current=page]{color:var(--primary)}.tabbar a>svg{margin:3px 0}.tabbar a.tab-create span.dot{background:var(--accent);color:var(--primary)}.tabbar .dot{border-radius:999px;place-items:center;width:28px;height:28px;font-size:16px;line-height:1;display:grid}}@media (min-width:768px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.grid{grid-template-columns:repeat(4,1fr)}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}