:root{--primary: #26A69A;--primary-dark: #00897B;--primary-light: #80CBC4;--secondary: #263238;--accent: #F5A623;--bg: #F4F7F7;--card-bg: #FFFFFF;--border: #DDE7E5;--text: #263238;--text-muted: #607D8B;--error: #C62828}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans KR,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.nav{background:#fff;border-bottom:2px solid var(--primary);color:var(--text);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.nav .brand{color:var(--primary-dark);font-weight:800;font-size:1.3rem;text-decoration:none;letter-spacing:-.02em}.nav nav{display:flex;gap:1.2rem;align-items:center}.nav nav a{color:var(--text);text-decoration:none;font-size:.95rem;padding:.4rem 0;border-bottom:2px solid transparent}.nav nav a:hover{border-bottom-color:var(--primary);color:var(--primary-dark)}.nav nav button{background:var(--primary);border:none;color:#fff;padding:.45rem 1.1rem;cursor:pointer;border-radius:6px;font-family:inherit;font-size:.9rem}.nav nav button:hover{background:var(--primary-dark)}.container{max-width:1120px;margin:2rem auto;padding:0 1.5rem;display:flex;flex-direction:column;gap:1.5rem;flex:1}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;padding:1.5rem;box-shadow:0 1px 4px #2632380a}.card h1,.card h2,.card h3{color:var(--secondary)}.card h2{font-size:1.3rem;margin-bottom:.6rem}.hero{display:flex;align-items:center;gap:1.25rem;background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary) 100%);color:#fff;padding:1.75rem 2rem;border-radius:12px}.hero-icon{font-size:3rem}.hero-text h2{color:#fff;margin-bottom:.3rem}.hero-text p{opacity:.92;font-size:.95rem}form{display:flex;flex-direction:column;gap:1rem}form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--text-muted);font-weight:500}form input,form textarea{padding:.65rem .9rem;border:1px solid var(--border);border-radius:6px;font-size:1rem;font-family:inherit;background:#fff}form input:focus,form textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #26a69a26}form textarea{resize:vertical;min-height:80px}button.primary,a.primary,.primary{background:var(--primary);color:#fff!important;border:none;padding:.7rem 1.5rem;border-radius:6px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block;font-size:1rem;font-family:inherit;transition:background .15s}button.primary:hover,.primary:hover{background:var(--primary-dark)}button.primary:disabled,.primary:disabled{opacity:.5;cursor:not-allowed}.error{color:var(--error);font-size:.9rem}.muted{color:var(--text-muted);font-size:.9rem}.board-header{display:flex;justify-content:space-between;align-items:center}.preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.preview-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:transform .15s,box-shadow .15s;text-decoration:none;color:var(--text)}.preview-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #26323814}.preview-card .pc-img{width:100%;height:160px;object-fit:cover;background:linear-gradient(135deg,#e0f2f1,#b2dfdb);display:flex;align-items:center;justify-content:center;font-size:2.5rem;opacity:.6}.preview-card .pc-body{padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.4rem;flex:1}.preview-card h3{font-size:1.05rem;color:var(--secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-card .pc-desc{color:var(--text-muted);font-size:.88rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.preview-card .pc-meta{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-muted);margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.preview-card .pc-link{color:var(--primary-dark);font-weight:600;text-decoration:none;font-size:.85rem}.empty-state{text-align:center;padding:2.5rem 1rem;color:var(--text-muted)}.empty-state .es-emoji{font-size:3rem;opacity:.5;margin-bottom:.5rem}.auth-card{max-width:420px;margin:2rem auto}.auth-card .auth-icon{font-size:2.5rem;text-align:center;margin-bottom:.5rem}.auth-card h2{text-align:center;margin-bottom:.75rem}.auth-card .auth-intro{text-align:center;color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}