/* MYOCHO SCRAPBOOK MAJOR REDESIGN v3 */
:root{--paper:#fbf5ed;--paper2:#fffaf4;--paper3:#eee1d5;--ink:#655751;--muted:#a18d84;--tape:rgba(205,160,151,.38);--shadow:0 10px 30px rgba(83,62,51,.09);--tiny-shadow:0 4px 12px rgba(83,62,51,.07);--serif:"Cormorant Garamond","Noto Serif KR","Nanum Myeongjo",serif;--sans:"Pretendard","Noto Sans KR",system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:var(--sans);background:var(--bg);font-size:14px;line-height:1.75;letter-spacing:.012em}body:before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(rgba(114,86,72,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(114,86,72,.045) 1px,transparent 1px),radial-gradient(circle at 15% 12%,color-mix(in srgb,var(--red) 8%,transparent),transparent 22%);background-size:27px 27px,27px 27px,auto}.scrap-desktop{padding:18px}.site{width:min(1540px,100%)!important;min-height:calc(100vh - 36px);margin:0 auto!important;display:grid!important;grid-template-columns:220px minmax(0,1fr)!important;border:1px solid color-mix(in srgb,var(--line) 84%,#b49f95)!important;background:color-mix(in srgb,var(--bg) 96%,white)!important;box-shadow:0 24px 70px rgba(69,50,41,.08)}.content{min-width:0;background:transparent!important;overflow:visible!important}.scrap-sidebar{position:relative;border-right:1px solid var(--line)!important;background:linear-gradient(rgba(255,255,255,.28),rgba(255,255,255,.28)),var(--panel)!important}.scrap-sidebar:after{content:"";position:absolute;right:-5px;top:0;width:8px;height:100%;background:linear-gradient(135deg,transparent 4px,color-mix(in srgb,var(--panel) 94%,white) 0) 0 0/8px 13px repeat-y;opacity:.9}.scrap-brand{position:relative;padding:34px 26px 28px;border-bottom:1px dashed color-mix(in srgb,var(--line) 70%,transparent)}.scrap-brand-pin{position:absolute;left:18px;top:17px;width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--red) 65%,#8e665f);box-shadow:0 2px 3px rgba(0,0,0,.15)}.scrap-brand-name{display:block;text-decoration:none;color:var(--text);font:500 20px/1.15 var(--serif);letter-spacing:.12em;text-transform:uppercase}.scrap-brand p{margin:10px 0 0;color:var(--text-soft);font:11px/1.6 var(--serif);letter-spacing:.08em}.scrap-brand-hand{display:block;margin-top:18px;color:var(--red);font:italic 11px/1.3 var(--serif);transform:rotate(-2deg);opacity:.72}.scrap-nav{padding:15px 13px!important}.scrap-nav a{display:flex!important;align-items:center!important;gap:10px!important;min-height:48px!important;padding:7px 10px!important;margin:2px 0!important;text-decoration:none!important;border:0!important;border-left:2px solid transparent!important;background:transparent!important;color:var(--text)!important;transition:.16s}.scrap-nav a:hover{transform:translateX(3px);background:rgba(255,255,255,.34)!important}.scrap-nav a.active{border-left-color:var(--red)!important;background:linear-gradient(90deg,color-mix(in srgb,var(--red) 9%,transparent),transparent)!important}.scrap-nav-no{width:25px;color:var(--muted);font:10px var(--serif);letter-spacing:.08em}.scrap-nav-copy{display:flex;flex-direction:column;line-height:1.2}.scrap-nav-copy b{font:500 11px var(--serif);letter-spacing:.11em}.scrap-nav-copy small{margin-top:4px;color:var(--text-soft);font-size:9px;opacity:.7}.scrap-site-info{position:relative;margin:18px 17px 28px!important;padding:20px 16px 16px!important;border:1px solid color-mix(in srgb,var(--line) 72%,transparent)!important;background:rgba(255,250,244,.6)!important;box-shadow:var(--tiny-shadow);transform:rotate(.5deg)}.scrap-tape{position:absolute;display:block;background:var(--tape);z-index:5}.scrap-tape-top{width:62px;height:14px;left:50%;top:-8px;transform:translateX(-50%) rotate(-3deg)}.scrap-site-info h3{margin:0 0 14px;font:500 13px var(--serif);letter-spacing:.13em}.scrap-site-info dl{margin:0}.scrap-site-info dl>div{display:grid!important;grid-template-columns:55px 1fr!important;gap:5px;margin:4px 0!important;font-size:10px!important}.scrap-site-info dd{margin:0}.scrap-site-info dt{color:var(--muted)}.scrap-site-info .admin-link{display:inline-block;margin-top:13px;color:var(--red);font:10px var(--serif);letter-spacing:.09em;text-decoration:none}.footer{width:min(1540px,calc(100% - 36px));margin:0 auto 18px!important;border:1px solid var(--line)!important;border-top:0!important;padding:18px 24px!important;background:color-mix(in srgb,var(--panel) 96%,white)!important;font:11px var(--serif);letter-spacing:.11em}

/* HOME */
.scrap-home{padding:48px 48px 80px;position:relative}.scrap-home:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 89% 10%,color-mix(in srgb,var(--red) 7%,transparent),transparent 20%)}.scrap-home-intro{position:relative;max-width:780px;margin:0 auto 48px;padding:43px 60px 40px;text-align:center;border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}.scrap-paperclip{position:absolute;top:-12px;right:13%;width:18px;height:55px;border:2px solid color-mix(in srgb,var(--text) 50%,transparent);border-radius:9px;transform:rotate(14deg);opacity:.45}.scrap-intro-label{color:var(--red);font:10px var(--serif);letter-spacing:.29em}.scrap-home-intro h1{margin:15px 0 5px;font:400 clamp(44px,6vw,78px)/1 var(--serif);letter-spacing:.04em}.scrap-intro-sub{margin:0;color:var(--text-soft);font:14px var(--serif);letter-spacing:.06em}.scrap-intro-desc{max-width:560px;margin:20px auto 0;font-size:11px;line-height:1.9}.scrap-intro-sign{position:absolute;right:8px;bottom:-22px;color:var(--red);font:italic 11px var(--serif);transform:rotate(-3deg);opacity:.65}.scrap-home-board{position:relative;max-width:1130px;margin:auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);grid-template-areas:"tendency mini" "random random";gap:28px}.scrap-note,.scrap-mini-note{position:relative;background:linear-gradient(rgba(255,255,255,.28),rgba(255,255,255,.28)),var(--panel);border:1px solid color-mix(in srgb,var(--line) 73%,transparent);box-shadow:var(--shadow)}.scrap-note:before{content:"";position:absolute;top:-9px;left:48px;width:78px;height:17px;background:var(--tape);transform:rotate(-3deg);z-index:3}.scrap-tendency-note{grid-area:tendency;transform:rotate(-.25deg)}.scrap-tendency-note summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:34px 1fr auto;gap:12px;align-items:center;min-height:82px;padding:18px 24px;border-bottom:1px dashed var(--line)}.scrap-tendency-note summary::-webkit-details-marker{display:none}.scrap-tendency-note summary b,.scrap-random-note header b{font:500 18px var(--serif);letter-spacing:.09em}.scrap-tendency-note summary small,.scrap-random-note header small{display:block;margin-top:3px;color:var(--muted);font-size:9px;letter-spacing:.08em}.scrap-tendency-note summary i{font:normal 24px var(--serif);color:var(--red)}.scrap-tendency-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:20px}.scrap-tendency-grid article{min-height:145px;padding:19px;border-right:1px dashed var(--line);border-bottom:1px dashed var(--line)}.scrap-tendency-grid article:nth-child(2n){border-right:0}.scrap-tendency-grid article:nth-last-child(-n+2){border-bottom:0}.scrap-tendency-grid em{display:block;margin-bottom:12px;color:var(--red);font:normal 10px var(--serif);letter-spacing:.12em}.scrap-tendency-grid article div{font-size:11px;line-height:1.9}.scrap-note-no{color:var(--red);font:10px var(--serif);letter-spacing:.12em}.scrap-mini-note{grid-area:mini;min-height:230px;padding:42px 28px 30px;align-self:start;transform:rotate(1.15deg);background:linear-gradient(rgba(255,255,255,.3),rgba(255,255,255,.3)),color-mix(in srgb,var(--panel) 86%,var(--red) 14%)}.scrap-mini-note b{font:500 14px var(--serif);letter-spacing:.13em}.scrap-mini-note p{margin:32px 0 18px;font:18px/1.75 var(--serif);word-break:keep-all}.scrap-mini-note small{font:9px var(--serif);letter-spacing:.12em;color:var(--muted)}.scrap-random-note{grid-area:random;transform:rotate(.15deg)}.scrap-random-note header{display:flex;gap:13px;align-items:center;padding:20px 24px;border-bottom:1px dashed var(--line)}.scrap-random-layout{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);min-height:390px}.scrap-random-photo{position:relative;display:block;min-height:390px;margin:24px;overflow:hidden;background:color-mix(in srgb,var(--bg) 88%,white);box-shadow:0 6px 18px rgba(70,51,41,.09);transform:rotate(-1.2deg)}.scrap-random-photo:before{content:"";position:absolute;left:50%;top:-2px;width:70px;height:18px;transform:translateX(-50%) rotate(2deg);background:var(--tape);z-index:4}.scrap-random-photo>img{width:100%;height:100%;object-fit:cover;display:block}.scrap-random-split{height:100%;display:grid;grid-template-columns:1fr 30px 1fr}.scrap-random-split div{overflow:hidden}.scrap-random-split img{width:100%;height:100%;object-fit:cover}.scrap-random-split span{display:grid;place-items:center;font:22px var(--serif);color:var(--red)}.scrap-random-copy{padding:48px 48px 42px 22px;display:flex;flex-direction:column;justify-content:center}.scrap-random-kicker{color:var(--red);font:10px var(--serif);letter-spacing:.16em}.scrap-random-copy h2{margin:14px 0 3px;font:400 33px var(--serif);letter-spacing:.03em}.scrap-random-members{margin:0 0 17px;color:var(--muted);font-size:11px}.scrap-random-subtitle{color:color-mix(in srgb,var(--a) 50%,var(--b));font:14px var(--serif)}.scrap-random-desc{max-width:560px;font-size:11px;line-height:1.95}.scrap-arrow-link{width:max-content;margin-top:15px;padding-bottom:4px;border-bottom:1px solid var(--red);color:var(--text);text-decoration:none;font:10px var(--serif);letter-spacing:.12em}.scrap-empty{color:var(--muted);font-size:10px}

/* LIST PAGES */
.scrap-list-page{max-width:1180px;margin:0 auto;padding:52px 44px 90px}.scrap-list-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:46px;padding-bottom:25px;border-bottom:1px dashed color-mix(in srgb,var(--line) 75%,transparent)}.scrap-list-head span{color:var(--red);font:10px var(--serif);letter-spacing:.22em}.scrap-list-head h1{margin:8px 0 0;font:400 clamp(48px,6vw,78px)/.95 var(--serif);letter-spacing:.03em}.scrap-list-head p{max-width:350px;margin:0;color:var(--text-soft);font-size:11px;line-height:1.9}.scrap-character-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 28px}.scrap-character-card{position:relative;display:block;padding:14px 14px 20px;background:var(--paper2);border:1px solid color-mix(in srgb,var(--line) 73%,transparent);box-shadow:var(--shadow);text-decoration:none;color:inherit;transition:.18s}.scrap-character-card:nth-child(3n+1){transform:rotate(-.65deg)}.scrap-character-card:nth-child(3n+2){transform:rotate(.5deg)}.scrap-character-card:nth-child(3n){transform:rotate(-.15deg)}.scrap-character-card:hover{transform:translateY(-6px) rotate(0);box-shadow:0 16px 32px rgba(70,52,42,.13)}.scrap-card-tape{position:absolute;top:-8px;left:50%;width:68px;height:16px;transform:translateX(-50%) rotate(-3deg);background:var(--tape);z-index:4}.scrap-character-photo{height:315px;display:grid;place-items:center;overflow:hidden;background:color-mix(in srgb,var(--bg) 84%,white)}.scrap-character-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(.97)}.scrap-character-caption{padding:17px 5px 0}.scrap-index{display:block;color:var(--char-color,var(--red));font:9px var(--serif);letter-spacing:.13em}.scrap-character-caption h2{margin:8px 0 0;font:400 24px var(--serif)}.scrap-character-caption small{display:block;margin-top:2px;color:var(--muted);font:10px var(--serif);letter-spacing:.08em}.scrap-character-caption p{margin:13px 0;color:var(--text-soft);font:13px/1.7 var(--serif)}.scrap-character-caption i{display:block;margin-top:15px;color:var(--char-color,var(--red));font:normal 9px var(--serif);letter-spacing:.1em}.scrap-pair-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.scrap-pair-card{position:relative;display:grid;grid-template-columns:45% 55%;min-height:330px;background:var(--paper2);border:1px solid color-mix(in srgb,var(--line) 73%,transparent);box-shadow:var(--shadow);text-decoration:none;color:inherit;overflow:visible;transition:.18s}.scrap-pair-card:nth-child(odd){transform:rotate(-.35deg)}.scrap-pair-card:nth-child(even){transform:rotate(.35deg)}.scrap-pair-card:hover{transform:translateY(-5px) rotate(0)}.scrap-pair-photo{margin:16px 0 16px 16px;overflow:hidden;background:var(--bg)}.scrap-pair-photo>img{width:100%;height:100%;object-fit:cover;display:block}.scrap-pair-split{height:100%;display:grid;grid-template-columns:1fr 24px 1fr}.scrap-pair-split div{overflow:hidden}.scrap-pair-split img{width:100%;height:100%;object-fit:cover}.scrap-pair-split span{display:grid;place-items:center;color:color-mix(in srgb,var(--a) 50%,var(--b));font:18px var(--serif)}.scrap-pair-caption{padding:37px 28px 28px;display:flex;flex-direction:column;justify-content:center}.scrap-pair-caption .scrap-index{color:color-mix(in srgb,var(--a) 50%,var(--b))}.scrap-pair-caption h2{margin:10px 0 6px;font:400 28px var(--serif)}.scrap-pair-members{margin:0;color:var(--text-soft);font-size:11px}.scrap-pair-members i{font:normal 15px var(--serif);color:color-mix(in srgb,var(--a) 50%,var(--b))}.scrap-pair-caption small{margin-top:20px;font:13px/1.75 var(--serif);color:var(--text)}.scrap-pair-caption b{margin-top:auto;padding-top:25px;color:color-mix(in srgb,var(--a) 50%,var(--b));font:500 9px var(--serif);letter-spacing:.1em}.scrap-dday{position:absolute;right:14px;top:13px;z-index:6;padding:6px 8px;background:rgba(255,250,244,.88);border:1px solid color-mix(in srgb,var(--a) 50%,var(--b));color:color-mix(in srgb,var(--a) 50%,var(--b));font:9px var(--serif);letter-spacing:.1em}.scrap-empty-board{padding:80px 20px;text-align:center;border:1px dashed var(--line);color:var(--muted)}

/* make existing newer pages part of the same visual system */
.reading-wrap,.trpg-hub,.timeline-wrap{max-width:1180px!important;padding-left:44px!important;padding-right:44px!important}.reading-head,.tl-head{border-bottom:1px dashed color-mix(in srgb,var(--line) 75%,transparent)!important}.reading-head h1,.tl-title,.trpg-title{font-family:var(--serif)!important;font-weight:400!important;letter-spacing:.025em!important}.reading-tabs a,.tl-filters a,.tl-controls select{border-radius:0!important}.book-card,.acorn,.played-card,.tl-card,.sheet,.calendar,.upcoming{border-radius:0!important;border-color:color-mix(in srgb,var(--line) 73%,transparent)!important;background:linear-gradient(rgba(255,255,255,.27),rgba(255,255,255,.27)),var(--panel)!important;box-shadow:var(--tiny-shadow)!important}.book-card{padding:13px!important;transform:rotate(-.18deg)}.book-card:nth-child(even){transform:rotate(.18deg)}.book-card:hover{transform:translateY(-5px) rotate(0)!important}.book-cover{filter:saturate(.86)}.tl-card:hover{transform:translateX(5px)!important}.tl-stream:before{background:color-mix(in srgb,var(--red) 24%,var(--line))!important}.tl-day:before{background:var(--paper)!important}.tl-year-current{font-family:var(--serif)!important}.tl-controls{background:rgba(255,250,244,.58)!important;border-style:dashed!important}.reading-write{background:transparent!important;border-radius:0!important}

/* CHARACTER VIEW + common content panels */
.character-sheet,.cs-profile-item,.cs-textbox,.cs-pair-card,.cs-log-card,.home-tendency,.home-random-box{border-radius:0!important}.cs-profile-item,.cs-textbox,.cs-pair-card,.cs-log-card{box-shadow:var(--tiny-shadow)!important;background:rgba(255,250,244,.55)!important;border-color:color-mix(in srgb,var(--line) 72%,transparent)!important}.cs-name{font-family:var(--serif)!important;font-weight:400!important}.cs-tabs{border-top-style:dashed!important;border-bottom-style:dashed!important}

/* FORM + buttons */
button,.btn,.button,input[type=submit],input[type=button],input[type=text],input[type=password],input[type=date],input[type=time],input[type=number],input[type=url],input[type=email],textarea,select{border-radius:0!important}textarea{background-image:repeating-linear-gradient(to bottom,transparent 0 30px,rgba(130,101,85,.06) 30px 31px)!important;line-height:31px!important}

@media(max-width:1020px){.scrap-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scrap-pair-grid{grid-template-columns:1fr}.scrap-home-board{grid-template-columns:1fr;grid-template-areas:"tendency" "mini" "random"}.scrap-mini-note{max-width:420px;justify-self:end}.scrap-random-layout{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.scrap-desktop{padding:8px}.site{display:block!important;min-height:calc(100vh - 16px)}.scrap-sidebar{border-right:0!important;border-bottom:1px solid var(--line)!important}.scrap-sidebar:after{display:none}.scrap-brand{padding:23px 22px 18px}.scrap-brand-hand{display:none}.scrap-nav{display:flex!important;gap:4px;overflow-x:auto;padding:9px 10px 12px!important;scrollbar-width:none}.scrap-nav::-webkit-scrollbar{display:none}.scrap-nav a{flex:0 0 auto;min-height:38px!important;padding:6px 12px!important;border-left:0!important;border-bottom:2px solid transparent!important}.scrap-nav a.active{border-bottom-color:var(--red)!important}.scrap-nav-no,.scrap-nav-copy small{display:none}.scrap-site-info{display:none}.scrap-home{padding:35px 20px 65px}.scrap-home-intro{padding:35px 20px}.scrap-random-layout{grid-template-columns:1fr}.scrap-random-photo{min-height:310px}.scrap-random-copy{padding:30px}.scrap-list-page{padding:40px 22px 70px}.scrap-list-head{align-items:start;flex-direction:column}.reading-wrap,.trpg-hub,.timeline-wrap{padding-left:22px!important;padding-right:22px!important}.footer{width:calc(100% - 16px)}}
@media(max-width:600px){.scrap-desktop{padding:0}.site{border-left:0!important;border-right:0!important}.footer{width:100%;margin-bottom:0!important;border-left:0!important;border-right:0!important}.scrap-character-grid{grid-template-columns:1fr;gap:24px}.scrap-character-photo{height:390px}.scrap-pair-card{grid-template-columns:1fr}.scrap-pair-photo{margin:14px 14px 0;min-height:280px}.scrap-pair-caption{padding:25px 24px 26px}.scrap-tendency-grid{grid-template-columns:1fr}.scrap-tendency-grid article{border-right:0!important;border-bottom:1px dashed var(--line)!important}.scrap-tendency-grid article:last-child{border-bottom:0!important}.scrap-mini-note{justify-self:stretch;max-width:none}.scrap-home-intro h1{font-size:42px}.scrap-random-photo{margin:16px}.scrap-random-copy{padding:26px 24px 32px}.scrap-list-head h1{font-size:50px}}