*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--warm-bg:#fdf8f3;--cream:#fef3e2;--peach:#f97316;--peach-light:#fed7aa;--brown:#7c2d12;--text:#1c1917;--text-soft:#57534e;--text-muted:#a8a29e;--card-bg:#fff;--border:#e7e5e4;--radius:16px;--shadow:0 2px 16px #00000012}html{scroll-behavior:smooth}body{background:var(--warm-bg);color:var(--text);font-family:Apple SD Gothic Neo,Noto Sans KR,sans-serif;font-size:16px;line-height:1.7}nav{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:100;background:#fdf8f3eb;padding:0 24px;position:sticky;top:0}nav ul{flex-wrap:wrap;align-items:center;gap:8px;max-width:800px;margin:0 auto;padding:12px 0;list-style:none;display:flex}nav a{color:var(--text-soft);border-radius:20px;padding:6px 12px;font-size:14px;text-decoration:none;transition:background .2s,color .2s}nav a:hover{background:var(--peach-light);color:var(--brown)}.nav-auth{align-items:center;gap:8px;margin-left:auto;display:flex}.nav-auth a,.nav-auth button{cursor:pointer;border:none;border-radius:20px;padding:5px 12px;font-family:inherit;font-size:13px}.nav-login{background:var(--peach);color:#fff;font-weight:700;text-decoration:none}.nav-logout{background:var(--border);color:var(--text-soft)}section{padding:72px 24px}.inner{max-width:800px;margin:0 auto}.section-label{letter-spacing:.12em;color:var(--peach);text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}h2{margin-bottom:16px;font-size:clamp(24px,4vw,32px);font-weight:800;line-height:1.3}.lead{color:var(--text-soft);margin-bottom:40px;font-size:17px}#hero{background:linear-gradient(160deg,#fff8f0 0%,#fdf8f3 60%,#fef3e2 100%);align-items:center;min-height:88vh;padding:80px 24px 60px;display:flex}.hero-badge{background:var(--peach-light);color:var(--brown);border-radius:20px;margin-bottom:24px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-block}#hero h1{word-break:keep-all;margin-bottom:20px;font-size:clamp(32px,6vw,52px);font-weight:900;line-height:1.2}#hero h1 em{color:var(--peach);font-style:normal}#hero p{color:var(--text-soft);word-break:keep-all;max-width:520px;margin-bottom:36px;font-size:18px}.btn{background:var(--peach);color:#fff;border-radius:12px;padding:14px 28px;font-size:16px;font-weight:700;text-decoration:none;transition:background .2s,transform .1s;display:inline-block}.btn:hover{background:#ea6c0a;transform:translateY(-2px)}.btn-outline{border:2px solid var(--peach);color:var(--peach);border-radius:12px;margin-left:12px;padding:12px 26px;font-size:16px;font-weight:700;text-decoration:none;transition:background .2s;display:inline-block}.btn-outline:hover{background:var(--peach-light)}#about{background:#fff}.about-card{background:var(--cream);border-radius:var(--radius);margin-top:8px;padding:32px}.about-card p{color:var(--text-soft);word-break:keep-all}.about-card p+p{margin-top:12px}.tag-row{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.tag{background:var(--peach-light);color:var(--brown);border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600}#log{background:var(--warm-bg)}.log-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.log-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;transition:transform .15s}.log-card:hover{transform:translateY(-3px)}.log-week{color:var(--peach);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:700}.log-card h3{margin-bottom:8px;font-size:16px;font-weight:700}.log-card p{color:var(--text-soft);word-break:keep-all;font-size:14px}.log-emoji{margin-bottom:12px;font-size:28px}#works{background:#fff}.works-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.work-card{background:var(--warm-bg);border:2px dashed var(--border);border-radius:var(--radius);text-align:center;color:var(--text-muted);padding:32px 24px}.work-card.ready{background:var(--card-bg);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text);text-align:left}.work-icon{margin-bottom:12px;font-size:36px}.work-card h3{margin-bottom:6px;font-size:15px;font-weight:700}.work-card p{color:var(--text-soft);font-size:13px}.work-chip{background:var(--peach-light);color:var(--brown);border-radius:20px;margin-top:10px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}#glossary{background:var(--cream)}.glossary-list{flex-direction:column;gap:12px;display:flex}.glossary-item{border-left:4px solid var(--peach);background:#fff;border-radius:12px;padding:18px 22px}.glossary-item dt{margin-bottom:4px;font-size:15px;font-weight:700}.glossary-item dd{color:var(--text-soft);word-break:keep-all;font-size:14px}#cta{color:#fff;text-align:center;background:linear-gradient(135deg,#7c2d12 0%,#9a3412 100%)}#cta h2{color:#fff}#cta .lead{color:#fffc}.btn-white{color:var(--brown);background:#fff;border-radius:12px;padding:14px 28px;font-size:16px;font-weight:700;text-decoration:none;transition:background .2s,transform .1s;display:inline-block}.btn-white:hover{background:var(--peach-light);transform:translateY(-2px)}.btn-ghost{color:#fff;border:2px solid #ffffff80;border-radius:12px;margin-left:12px;padding:12px 26px;font-size:16px;font-weight:700;text-decoration:none;transition:border-color .2s;display:inline-block}.btn-ghost:hover{border-color:#fff}footer{text-align:center;color:var(--text-muted);background:var(--warm-bg);padding:32px 24px;font-size:13px}#guestbook{background:#fff}.guestbook-form{background:var(--cream);border-radius:var(--radius);margin-bottom:32px;padding:24px}.guestbook-form textarea{border:1px solid var(--border);resize:vertical;border-radius:10px;width:100%;min-height:80px;margin-bottom:12px;padding:12px 16px;font-family:inherit;font-size:14px}.guestbook-form button{background:var(--peach);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:700}.guestbook-login-notice{background:var(--cream);border-radius:var(--radius);color:var(--text-soft);text-align:center;margin-bottom:32px;padding:20px 24px;font-size:14px}.guestbook-login-notice a{color:var(--peach);font-weight:700;text-decoration:none}.guestbook-list{flex-direction:column;gap:12px;display:flex}.guestbook-entry{background:var(--warm-bg);border:1px solid var(--border);border-radius:12px;padding:16px 20px}.guestbook-entry-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.guestbook-entry-name{color:var(--brown);font-size:14px;font-weight:700}.guestbook-entry-date{color:var(--text-muted);font-size:12px}.guestbook-entry-message{color:var(--text-soft);word-break:keep-all;font-size:14px}@media (max-width:600px){section{padding:56px 16px}.btn-outline,.btn-ghost{text-align:center;margin-top:12px;margin-left:0;display:block}nav ul{gap:4px}nav a{padding:5px 10px;font-size:13px}}