*,:before,:after{box-sizing:border-box;margin:0;padding:0}.grecaptcha-badge{visibility:hidden}:root{--color-primary:#f97316;--color-primary-dark:#ea6a00;--color-primary-light:#fff7ed;--color-primary-border:#fed7aa;--color-text:#111827;--color-text-secondary:#374151;--color-text-muted:#6b7280;--color-bg:#f9fafb;--color-white:#fff;--color-border:#e5e7eb;--color-border-subtle:#f3f4f6;--color-error:#ef4444;--color-success:#10b981;--shadow-sm:0 1px 2px #0000000d;--shadow:0 2px 8px #00000014;--shadow-md:0 8px 24px #0000001a;--shadow-lg:0 20px 50px #00000024;--radius-sm:6px;--radius:12px;--radius-lg:16px;--radius-full:9999px;--navbar-height:64px}html{scroll-behavior:smooth;overflow-x:hidden}body{color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-white);width:100%;color:var(--color-text);outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #f973161f}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.btn-primary{background:var(--color-primary);color:var(--color-white);border-radius:var(--radius-sm);white-space:nowrap;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s,box-shadow .2s,transform .1s}.btn-primary:hover{background:var(--color-primary-dark);box-shadow:0 4px 14px #f9731661}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:var(--color-white);color:var(--color-text-secondary);border:1.5px solid var(--color-border);border-radius:var(--radius-sm);white-space:nowrap;padding:10px 20px;font-size:14px;font-weight:600;transition:border-color .2s,background .2s}.btn-secondary:hover{border-color:var(--color-text-muted);background:var(--color-bg)}.btn-danger{background:var(--color-error);color:var(--color-white);border-radius:var(--radius-sm);white-space:nowrap;padding:10px 20px;font-size:14px;font-weight:600;transition:background .2s,opacity .2s,transform .1s}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-danger:active:not(:disabled){transform:scale(.97)}.btn-danger:disabled{opacity:.45;cursor:not-allowed}.container{max-width:1080px;margin:0 auto;padding:0 20px}.modal-overlay{-webkit-backdrop-filter:blur(3px);z-index:500;background:#00000080;justify-content:center;align-items:center;animation:.18s modal-backdrop-in;display:flex;position:fixed;inset:0}.modal{background:var(--color-white);border-radius:var(--radius-lg);width:min(400px,100vw - 40px);box-shadow:var(--shadow-lg);padding:28px 24px;animation:.22s cubic-bezier(.16,1,.3,1) modal-content-in}.modal__actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-content-in{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:768px){.container{padding:0 16px}}
.navbar{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);height:var(--navbar-height);background:#ffffffe6;transition:box-shadow .2s;position:sticky;top:0}.navbar--scrolled{box-shadow:var(--shadow)}.navbar__inner{align-items:center;gap:28px;height:100%;display:flex}.navbar__logo{color:var(--color-primary);letter-spacing:-.3px;flex-shrink:0;font-size:18px;font-weight:800}.navbar__menu--pc{flex:1;gap:4px;display:flex}.navbar__nav-link{color:var(--color-text-muted);border-radius:var(--radius-sm);padding:6px 12px;font-size:14px;font-weight:500;transition:color .15s,background .15s}.navbar__nav-link:hover{color:var(--color-text);background:var(--color-border-subtle)}.navbar__nav-link.active{color:var(--color-primary);font-weight:600}.navbar__actions{align-items:center;gap:10px;margin-left:auto;display:flex}.navbar__username{color:var(--color-text-muted);font-size:13px;font-weight:500}.navbar__auth-btn{padding:7px 16px;font-size:13px}.navbar__hamburger{border-radius:var(--radius-sm);flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:36px;height:36px;transition:background .15s;display:none}.navbar__hamburger:hover{background:var(--color-border-subtle)}.navbar__bar{background:var(--color-text);transform-origin:50%;border-radius:2px;width:20px;height:1.8px;transition:transform .25s,opacity .2s,width .25s;display:block}.navbar__hamburger.is-open .navbar__bar:first-child{transform:translateY(6.8px)rotate(45deg)}.navbar__hamburger.is-open .navbar__bar:nth-child(2){opacity:0;width:0}.navbar__hamburger.is-open .navbar__bar:nth-child(3){transform:translateY(-6.8px)rotate(-45deg)}@media (max-width:768px){.navbar__menu--pc{display:none}.navbar__hamburger{display:flex}.navbar__username{display:none}}.navbar__overlay{z-index:200;pointer-events:none;background:0 0;transition:background .3s;position:fixed;inset:0}.navbar__overlay.is-open{pointer-events:auto;background:#00000073}.navbar__side{background:var(--color-white);width:260px;box-shadow:var(--shadow-lg);flex-direction:column;padding:0 0 24px;transition:transform .3s cubic-bezier(.25,.46,.45,.94);display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.navbar__side.is-open{transform:translate(0)}.navbar__side-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px 20px 16px;display:flex}.navbar__side-logo{color:var(--color-primary);font-size:16px;font-weight:800}.navbar__side-close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.navbar__side-close:hover{background:var(--color-border-subtle);color:var(--color-text)}.navbar__side-user{color:var(--color-text-muted);padding:14px 20px 0;font-size:13px;font-weight:600}.navbar__side-nav{flex-direction:column;gap:2px;padding:12px 12px 0;display:flex}.navbar__side-nav a,.navbar__side-nav button{text-align:left;width:100%;color:var(--color-text-secondary);border-radius:var(--radius-sm);padding:11px 12px;font-size:15px;font-weight:500;transition:background .15s,color .15s;display:block}.navbar__side-nav a:hover,.navbar__side-nav button:hover{background:var(--color-border-subtle);color:var(--color-text)}.navbar__side-nav a.active{color:var(--color-primary);background:var(--color-primary-light);font-weight:600}.navbar__toast{background:var(--color-text);color:var(--color-white);border-radius:var(--radius-full);letter-spacing:-.1px;box-shadow:var(--shadow-md);z-index:9999;white-space:nowrap;pointer-events:none;padding:11px 22px;font-size:14px;font-weight:500;animation:.28s cubic-bezier(.16,1,.3,1) forwards toast-slide-in,.35s 2.2s forwards toast-fade-out;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}@keyframes toast-slide-in{0%{opacity:0;transform:translate(-50%)translateY(14px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes toast-fade-out{0%{opacity:1;transform:translate(-50%)translateY(0)}to{opacity:0;transform:translate(-50%)translateY(8px)}}