:root{--dark:#17191b;--ink:#282c2f;--muted:#858a8e;--line:#e4e5e6;--accent:#b69f85;--white:#fff;--page:#fff;--soft:#f8f8f8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--page);font-family:-apple-system,BlinkMacSystemFont,'Malgun Gothic','Apple SD Gothic Neo','Noto Sans KR',sans-serif;color:var(--ink);font-size:14px;letter-spacing:-.025em;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.25;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #af8465;outline-offset:3px}.skip{position:absolute;top:-60px;left:18px;background:white;padding:10px;z-index:100}.skip:focus{top:12px}
.site-header{height:84px;position:relative;background:#fff;border-bottom:1px solid #ececed;z-index:10}.header-inner{max-width:1160px;margin:0 auto;height:100%;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:30px}.site-mark{display:flex;align-items:baseline;gap:12px;white-space:nowrap}.site-mark-ko{font-family:Georgia,'Batang',serif;font-size:26px;font-weight:700;letter-spacing:-.07em}.site-mark-en{font-family:Georgia,serif;font-size:13px;letter-spacing:.17em;color:#858585}.site-nav{height:100%;display:flex;align-items:center;gap:35px}.site-nav a{display:flex;align-items:center;height:100%;font-size:11px;font-weight:700;letter-spacing:.1em;color:#666;position:relative}.site-nav a:after{position:absolute;content:'';bottom:0;left:0;right:0;height:2px;background:var(--dark);transform:scaleX(0);transition:transform .2s}.site-nav a:hover,.site-nav a.active{color:#17191b}.site-nav a.active:after{transform:scaleX(1)}.menu-trigger{display:none}
.site-footer{max-width:1100px;padding:28px 22px 45px;margin:auto;display:flex;justify-content:space-between;gap:15px;color:#a1a4a6;font-size:10px;border-top:1px solid #eaeaea;letter-spacing:.03em}.nojs{text-align:center;color:#777;padding:30px}
/* INTRO: 구형 사이트의 명언과 메인 이미지 중심 구성을 유지한 재해석 */
.intro{min-height:calc(100vh - 84px);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#1b2123;color:white;padding:65px 24px 125px;isolation:isolate}.intro:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(105deg,rgba(16,20,22,.77),rgba(14,18,20,.45)),url('https://bigmaniya.cafe24.com/img/main_img.gif') center/cover no-repeat,radial-gradient(circle at 80% 45%,#515a59,#242a2e 57%,#111619 100%)}.intro:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(9,11,12,.28),transparent 42%)}.intro-content{text-align:center;max-width:900px;margin:auto}.intro-label{font-size:11px;letter-spacing:.45em;color:#e0dbd1;margin-bottom:46px}.intro-en{font-family:Georgia,'Times New Roman',serif;font-size:clamp(29px,4.35vw,59px);font-weight:400;line-height:1.4;letter-spacing:-.025em;margin:0;text-shadow:0 3px 24px rgba(0,0,0,.32)}.intro-ko{margin:31px 0 0;font-size:clamp(13px,1.3vw,17px);line-height:2.2;font-weight:400;letter-spacing:-.035em;color:#f1eeea}.intro-author{margin-top:25px;font:italic 16px Georgia,serif;color:#d8d1c8}.enter-link{border:1px solid rgba(255,255,255,.48);background:rgba(255,255,255,.04);color:white;display:inline-flex;align-items:center;justify-content:center;gap:25px;margin-top:58px;padding:14px 34px;letter-spacing:.18em;font-size:11px;min-width:184px;transition:background .2s}.enter-link:hover{background:rgba(255,255,255,.17)}.intro-footer{position:absolute;bottom:32px;left:0;right:0;text-align:center;color:#d1cecb;font-size:10px;letter-spacing:.14em;opacity:.7}body.is-intro .site-footer{display:none}
/* 게시판: 기존 그누보드의 제목/작성자/날짜/조회 구조를 우선한 깔끔한 표 */
.board{max-width:1100px;margin:0 auto;padding:75px 24px 88px;min-height:calc(100vh - 170px)}.board-heading{text-align:center;margin-bottom:64px}.board-eyebrow{display:block;font:12px Georgia,serif;color:#9a9a9a;letter-spacing:.22em;margin-bottom:13px}.board-heading h1{font-family:Georgia,'Malgun Gothic',serif;font-size:37px;letter-spacing:.07em;font-weight:500;margin:0}.board-heading p{color:#92969a;font-size:12px;margin:10px 0 0}.count-row{font-size:12px;color:#85898c;margin-bottom:13px}.count-row strong{color:#282c2f;font-weight:600}.post-table{width:100%;border-top:2px solid #292c2e;border-collapse:collapse;table-layout:fixed}.post-table thead th{height:49px;background:#fafafa;border-bottom:1px solid #ddd;font-size:12px;font-weight:500;color:#4b4f51}.post-table th.number,.post-table td.number{width:75px;text-align:center}.post-table th.writer,.post-table td.writer{width:105px;text-align:center}.post-table th.date,.post-table td.date{width:132px;text-align:center}.post-table th.views,.post-table td.views{width:80px;text-align:center}.post-table td{height:66px;border-bottom:1px solid #e9eaeb;color:#888;font-size:12px}.post-table td.title{padding:0 14px 0 15px;color:#333;font-size:13px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.post-table td.title a{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.post-table td.title a:hover{text-decoration:underline;text-underline-offset:4px}.empty{padding:80px 0;color:#999;text-align:center;font-size:13px}.pager{display:flex;justify-content:center;gap:6px;align-items:center;margin-top:32px}.pager button{min-width:31px;height:32px;border:1px solid #eee;background:white;color:#8b8d8e;font-size:12px}.pager button.active{background:#303336;color:white;border-color:#303336}.board-search{display:flex;gap:8px;align-items:center;justify-content:center;margin-top:42px}.board-search select{border:1px solid #d8d8d8;background:#fff;padding:10px;font-size:12px;color:#585858;min-width:110px}.board-search input{border:1px solid #d8d8d8;min-width:170px;max-width:360px;width:37vw;padding:9px 11px;font-size:12px}.board-search button{background:#383a3c;color:white;border:0;padding:10px 20px;font-size:12px}.result-note{text-align:center;font-size:12px;color:#a0a0a0;margin-top:19px}.board-description{text-align:center;color:#a1a1a1;font-size:11px;margin-top:40px}
/* 사진첩: 유일한 썸네일형 게시판 */
.photo-grid{border-top:2px solid #292c2e;padding-top:28px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 23px}.photo-card{display:block;min-width:0}.photo-image{aspect-ratio:4/3;overflow:hidden;background:#e7e8e9;display:block}.photo-image svg,.photo-image img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .35s}.photo-card:hover .photo-image svg,.photo-card:hover .photo-image img{transform:scale(1.05)}.photo-title{display:block;font-size:13px;color:#303236;margin-top:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-date{display:block;color:#9b9b9b;font-size:11px;margin-top:5px}
/* 본문 읽기 */
.view{border-top:2px solid #292c2e}.view-title{padding:28px 26px 22px;border-bottom:1px solid #e3e3e3}.view-title h2{font-size:21px;line-height:1.55;font-weight:500;margin:0 0 14px;letter-spacing:-.035em}.view-meta{display:flex;flex-wrap:wrap;gap:7px 20px;color:#909090;font-size:12px}.view-body{min-height:270px;padding:43px 28px 75px;line-height:2.1;white-space:pre-line;font-size:14px;overflow-wrap:anywhere;color:#3f4143}.view-body p{margin:0 0 20px}.view-image{max-width:800px;margin:0 auto 35px;display:block}.view-image svg,.view-image img{width:100%;height:auto;display:block}.view-actions{border-top:1px solid #e8e8e8;display:flex;justify-content:end;padding:23px 0}.secondary-btn{background:#3b3e40;border:1px solid #3b3e40;color:#fff;padding:11px 27px;font-size:12px}.external-link{display:inline-block;padding:12px 17px;border:1px solid #d0d0d0;font-size:12px;margin-top:16px}.external-link:hover{background:#f7f7f7}
.sample-strip{margin:42px 0 0;padding:14px 20px;color:#777;background:#fafafa;border-left:2px solid #d2cbc1;font-size:11px;line-height:1.9}
@media(max-width:820px){.site-nav{gap:17px}.site-nav a{font-size:10px}.site-mark-en{display:none}.board{padding-top:55px}.board-heading{margin-bottom:45px}}
@media(max-width:620px){.site-header{height:66px}.header-inner{padding:0 17px}.site-mark-ko{font-size:25px}.menu-trigger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:37px;height:40px;background:none;border:0}.menu-trigger span{display:block;width:24px;height:1px;background:#333}.site-nav{display:none;position:absolute;top:66px;left:0;right:0;box-shadow:0 15px 24px rgba(0,0,0,.07);height:auto;flex-direction:column;gap:0;background:white;padding:11px 18px 22px}.site-nav.is-open{display:flex}.site-nav a{width:100%;padding:12px 9px;border-bottom:1px solid #f2f2f2}.site-nav a:after{display:none}.intro{min-height:calc(100vh - 66px);padding:75px 19px 130px}.intro-label{font-size:9px;letter-spacing:.3em;margin-bottom:35px}.intro-en{font-size:clamp(27px,7vw,43px)}.intro-ko{font-size:12px}.enter-link{margin-top:37px}.board{padding:42px 15px 65px}.board-heading h1{font-size:31px}.board-heading{margin-bottom:36px}.post-table th.number,.post-table td.number{width:34px}.post-table th.writer,.post-table td.writer{display:none}.post-table th.views,.post-table td.views{display:none}.post-table th.date,.post-table td.date{width:88px;font-size:10px}.post-table td.title{padding:0 8px;font-size:12px}.post-table td{height:63px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 12px}.view-title{padding:20px 13px}.view-title h2{font-size:18px}.view-body{padding:30px 13px 58px}.site-footer{padding:22px 15px 30px;flex-direction:column;gap:3px}.board-search{gap:5px}.board-search select{min-width:85px;padding:8px 4px}.board-search input{min-width:0;width:42vw}.board-search button{padding:10px 13px}}

/* v0.3 — 밤하늘 / 운명 테마. 기존 게시판 레이아웃 유지 */
body{font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;letter-spacing:-.014em;}
.site-mark-ko{font-family:'Noto Serif KR','Batang',serif;font-weight:600;letter-spacing:-.055em;}
.site-mark-en,.site-nav a,.board-heading h1,.board-eyebrow{font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;}
.site-nav a{font-size:12px;letter-spacing:.07em;font-weight:600;}
.board-heading h1{font-weight:600;letter-spacing:.065em;}
.post-table td.title{font-size:14px;}
.intro{background:#07111f;}
.intro:before{background:linear-gradient(90deg,rgba(4,11,25,.51) 0%,rgba(6,13,26,.48) 54%,rgba(7,15,28,.47) 100%),url('assets/night-sky.webp') center 52%/cover no-repeat;}
.intro:after{background:linear-gradient(0deg,rgba(4,9,18,.55),transparent 32%),radial-gradient(circle at 50% 48%,transparent 0,rgba(2,6,17,.14) 90%);}
.intro-content{max-width:1000px;position:relative;transform:translateY(-5px);}
.intro-label{font-family:'Pretendard Variable',Pretendard,sans-serif;letter-spacing:.33em;font-size:11px;color:#d6dfea;margin-bottom:35px;font-weight:500;}
.intro-hanja{font-family:'Noto Serif KR','Batang',serif;font-size:clamp(60px,8vw,110px);line-height:1.27;letter-spacing:.20em;text-indent:.20em;font-weight:500;margin:0;text-shadow:0 3px 30px rgba(1,4,12,.5);}
.intro-rule{display:block;width:43px;height:1px;background:rgba(237,238,240,.8);margin:37px auto 35px;}
.intro-latin{font-family:Georgia,'Times New Roman',serif;font-size:clamp(23px,3vw,39px);font-style:italic;font-weight:400;letter-spacing:.014em;line-height:1.4;margin:0;text-shadow:0 3px 25px rgba(0,0,0,.45);}
.intro-ko{margin-top:18px;color:#e3e7ee;font-size:clamp(13px,1.45vw,16px);line-height:1.8;letter-spacing:.1em;font-weight:400;}
.enter-link{margin-top:48px;border-color:rgba(232,239,249,.5);background:rgba(7,16,32,.26);backdrop-filter:blur(4px);border-radius:2px;transition:background .2s,transform .2s;}
.enter-link:hover{background:rgba(214,229,255,.18);transform:translateY(-1px);}
.intro-footer{color:#dbe2ee;opacity:.85;}
@media(max-width:620px){.site-nav a{font-size:12px}.intro{padding:67px 22px 115px}.intro-label{font-size:10px;letter-spacing:.23em;margin-bottom:29px}.intro-hanja{font-size:clamp(49px,13.5vw,74px);letter-spacing:.115em;text-indent:.115em}.intro-rule{margin:30px auto}.intro-latin{font-size:clamp(23px,6.4vw,31px)}.intro-ko{font-size:12px;letter-spacing:.035em}.enter-link{margin-top:35px}.intro-footer{font-size:9px;letter-spacing:.08em}.post-table td.title{font-size:12px}}

/* 운영 버전: 이미지와 문서 본문 표시 */
.missing-photo{display:flex;align-items:center;justify-content:center;height:100%;width:100%;font-size:12px;color:#888;background:#f1f1f1}
.view-body{white-space:normal}
.view-body p{margin:0 0 1.25em}
.view-body img{max-width:100%;height:auto;display:block;margin:20px auto}
.view-body h1,.view-body h2,.view-body h3{line-height:1.5;margin:28px 0 13px}
.view-body blockquote{border-left:3px solid #bbb;margin:18px 0;padding:5px 0 5px 20px;color:#707780}
.view-body code{background:#f6f6f6;padding:2px 4px;border-radius:3px}
.view-body pre{background:#f6f6f6;overflow-x:auto;padding:14px}
.view-body pre code{padding:0}
.view-body a{color:#244c7a;text-decoration:underline}
.view-gallery{max-width:790px;margin:0 auto 30px;display:grid;gap:16px}
.view-gallery figure{margin:0}
.view-gallery img{max-width:100%;height:auto;display:block;margin:auto}
