/* Personal experiments, kept in one sheet so this direction is easy to revisit. */
:root{background:#f7e6ee;--blue:#0000ee;--web-serif:"Tinos", "Nanum Myeongjo", serif}
.entry-loader{background:#f7e6ee}
header{max-width:1290px;margin:0 0 0 16px;padding:24px 18px 0;align-items:flex-start;gap:25px}
.logo,.logo:visited{color:#151515}
.logo .home-name{font-size:68px}.logo .home-label{font-size:29px;transform:rotate(-3deg);margin-top:20px}
.site-index{min-width:155px;margin:12px 0 0 auto;padding:7px 11px;background:#eee;border:2px outset #fff;font:15px/1.5 var(--web-serif)}
.site-index a:nth-child(2){margin-left:12px}.site-index small{font:10px var(--web-ui)}
.home-welcome{max-width:1120px;margin:15px 24px 12px 55px;font:17px/1.4 var(--web-serif);color:#551a8b}
.home-welcome a{margin-left:20px;font:12px var(--web-ui)}
.home-welcome img{vertical-align:middle;margin-left:12px;image-rendering:pixelated}
main{max-width:1290px;margin:0 0 0 16px;padding:0 18px 30px;grid-template-columns:minmax(185px,235px) minmax(0,570px) minmax(195px,1fr);column-gap:26px}
.left-column{padding-top:22px}.right-column{padding-top:95px}
.artist-note{max-width:none}
.artist-note h2{font:bold 30px/1 var(--web-serif);border:0;margin:0 0 15px;padding:0;color:#14215a}
.artist-infobox{font-size:12px;border-color:#777;background:#f3f3f3;max-width:235px}
.artist-infobox caption{font:bold 23px var(--web-serif);border-color:#777;background:#d3d3d3}
.artist-infobox th{font-size:11px}.infobox-photo img{width:96px;height:96px;margin:10px auto 18px}
.artist-note>p:first-of-type{font:17px/1.2 var(--web-serif);margin-top:25px}
.artist-note>p:nth-of-type(2){font:14px/1.3 var(--web-ui);margin:20px 0 22px 20px;max-width:190px;text-align:right}
.artist-note>a{font:15px var(--web-serif)}
.project-note{margin:58px 6px 0 7px;background:#d3e963;border:3px ridge #a4af6b;padding:10px;transform:rotate(-2deg)}
.project-note h2{font:bold 24px/1 var(--web-serif);text-decoration:underline;margin-bottom:10px}
.project-note p{font:14px/1.25 var(--web-ui)}
.project-note p:nth-of-type(2){font:italic 17px/1.2 var(--web-serif)}
.desk-heading{justify-content:flex-start;margin:2px 0 16px;padding:22px 12px 10px}
.desk-heading h1{font-family:var(--web-serif);font-weight:bold;font-size:142px;color:#0000bd}
.desk-heading h1>span:nth-child(3){color:#2f2f2f}
.webcam-bar{background:linear-gradient(90deg,#000080,#3465a6);color:#fff;border-color:#8a9eac}
.webcam-name,.webcam-name small,.webcam-status{color:#fff}
.webcam-status:before{background:#d5ed8c}
.stage-window{padding:4px;border:3px outset #eee}
.chat-window{margin-top:16px;border:2px inset #ddd}
.chat-window:before{font:bold 12px "Arimo", "Nanum Gothic", sans-serif;background:#deddd0;color:#000080;border-bottom:1px solid #999}
#form{background:#deddd0}.transport button,#form button{font-family:"Arimo", "Nanum Gothic", sans-serif}
.album-display{--cover-size:155px;min-height:245px;margin-top:35px;justify-items:end;padding-right:60px}
.tmi-document{background:#c4bfcc;padding:10px 9px 18px;border:1px solid #888}
.tmi-document h2{display:block;font:bold 27px/1 var(--web-serif);color:#111;padding:0;margin-bottom:8px}
.tmi-document h2 small{display:block;text-align:right;font:italic 14px var(--web-serif);margin-top:8px}
.trivia-note{font:12px/1.3 var(--web-ui);margin:18px 0 24px;padding:5px;background:#fffbbd}
.wiki-facts details{margin-bottom:12px}
.wiki-facts summary,.wiki-facts details:nth-child(4n) summary{font:17px/1.2 var(--web-serif);letter-spacing:0}
.wiki-facts details:nth-child(3n) summary{font-style:italic;font-size:20px}
.wiki-facts details:nth-child(4n) summary{font-size:23px;font-weight:bold}
.wiki-facts details:nth-child(3n+2){margin-left:15px}
.wiki-facts p{font:13px/1.35 var(--web-ui);background:#f1eef4;padding:8px 6px;margin:8px 0 18px}
.wiki-facts summary span{font:9px var(--web-ui)}

footer{font:13px var(--web-serif);flex-wrap:wrap;gap:15px;border-top:1px solid #888;padding-top:10px}
.construction-note{color:#6f263d}.construction-note img{vertical-align:middle;image-rendering:pixelated}
@media(max-width:1099px) and (min-width:860px){main{grid-template-columns:185px minmax(0,1fr) 205px;column-gap:18px}.desk-heading h1{font-size:116px}.artist-infobox{font-size:11px}.album-display{padding-right:25px}}
@media(max-width:859px){header{margin-left:0;padding-inline:20px;flex-wrap:wrap}.site-index{font-size:14px}.home-welcome{margin:20px;font-size:16px}.home-welcome a{display:inline-block;margin:5px 10px 0 0}main{margin:0;padding-inline:20px;grid-template-columns:1fr 1fr;column-gap:30px}.cam-desk{max-width:570px}.left-column{padding-top:40px}.right-column{padding-top:85px}.desk-heading h1{font-size:130px}}
@media(max-width:480px){header{padding:20px 14px 0;gap:10px}.logo .home-name{font-size:46px}.logo .home-label{font-size:22px;margin:0}.site-index{display:flex;flex-wrap:wrap;width:auto;min-width:0;gap:5px 12px;justify-content:flex-start;padding:5px 7px;margin-top:8px;font-size:13px}.site-index a:nth-child(2){margin:0}.home-welcome{margin:18px 16px 0}.home-welcome img{margin-left:0}main{padding-inline:16px}.desk-heading{margin-top:10px}.desk-heading h1{font-size:104px}.left-column{display:block}.artist-note{max-width:280px}.artist-note h2{font-size:30px}.artist-infobox{max-width:260px}.project-note{max-width:270px;margin:45px 0 0 10px}.right-column{padding:45px 0 0 24px}.album-display{--cover-size:140px;padding-right:32px;min-height:220px}.tmi-document h2{font-size:27px}}

/* Let the camera be the main heading and the largest object on the page. */
main{max-width:1480px;grid-template-columns:minmax(185px,235px) minmax(0,820px) minmax(195px,1fr);column-gap:24px}
.cam-desk{margin-top:25px;max-width:calc(100vw - 32px)}
.webcam-bar{height:38px;padding-inline:8px}
.webcam-name{font:bold 23px/1.1 "Arimo", "Nanum Gothic", sans-serif}
.webcam-name small{font:inherit;margin-left:3px}
@media(min-width:860px) and (max-width:1099px){main{grid-template-columns:185px minmax(0,1fr) 195px;column-gap:16px}}
@media(max-width:859px){main{grid-template-columns:1fr 1fr}.cam-desk,main.wide-camera .cam-desk{width:var(--desk-width,100%);max-width:100%;margin-top:25px}}
@media(max-width:480px){.webcam-bar{height:34px}.webcam-name{font-size:21px}}

/* Restore the original catalog and chronology typography from the reference. */
.link-archive{border-top:3px solid #111;padding-top:18px;margin-top:66px;gap:60px}
.music-index{grid-template-columns:125px minmax(0,1fr);gap:24px}
.music-index h2{font:bold italic 48px/.9 "Tinos", "Nanum Myeongjo", serif;letter-spacing:-3px}
.music-index h2 span{font:60px/1 "Tinos", "Nanum Myeongjo", serif;margin:5px 0 0}
.music-index li{font:24px/1.85 "Tinos", "Nanum Myeongjo", serif;letter-spacing:-.7px;margin:0}
.music-index li:nth-child(3n+2){font:italic 31px/1.85 "Tinos", "Nanum Myeongjo", serif}
.catalog-number{font:9px "Cousine", "Nanum Gothic", monospace}
.archive-side{font:13px/1.7 "Tinos", "Nanum Myeongjo", serif}
.archive-side h3{font:bold 10px "Cousine", "Nanum Gothic", monospace;letter-spacing:2px;border-bottom:1px solid #111;padding-bottom:4px;margin-bottom:5px}
.mini-index h3 i{font-family:"Tinos", "Nanum Myeongjo", serif}
.chronology{margin-top:48px}
.history-document{border-top:3px double #111}
.history-document>summary{font:bold 32px/1.3 "Arimo", "Nanum Gothic", sans-serif;letter-spacing:-1px;padding:16px 0}
.wiki-timeline tr{border-top:1px solid #111;padding:10px 0 15px}
.wiki-timeline tbody th{font:italic 28px/1.2 "Tinos", "Nanum Myeongjo", serif;padding:0 0 8px}
.wiki-continued{font:italic 19px "Tinos", "Nanum Myeongjo", serif;margin-top:20px}
@media(max-width:1099px){.link-archive{gap:30px}.music-index{grid-template-columns:95px minmax(0,1fr);gap:15px}.music-index h2{font-size:39px}.music-index li{font-size:21px}.music-index li:nth-child(3n+2){font-size:25px}}
@media(max-width:859px){.link-archive{margin-top:44px}}
@media(max-width:480px){.music-index h2{font-size:48px}.music-index h2 span{font-size:36px;margin-left:12px}.music-index li{font-size:23px}.music-index li:nth-child(3n+2){font-size:29px}.history-document>summary{font-size:26px}.wiki-timeline tbody th{font-size:27px}}

/* Archive headings use the same type treatment as About b!ni. */
.music-index h2,.archive-side h3,.mini-index h3 i{font:bold 30px/1 var(--web-serif);letter-spacing:0;font-style:normal}
.music-index h2{font-size:52px}

/* Article section numbers stay separate from translatable title text. */
.section-number{font:inherit;font-size:.88em;white-space:nowrap;vertical-align:baseline}
.music-index{grid-template-columns:220px minmax(0,1fr)}
@media(max-width:1099px){.music-index{grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:480px){.music-index{display:block}}


/* Flat wiki strips and personal captions. */
.artist-note h2,.tmi-document h2,.archive-side h3{border:1px solid #888;padding:5px 6px;box-shadow:none;border-radius:0}
.artist-note h2{background:#dedede;margin-bottom:8px;color:#111}
.tmi-document h2{background:#dbcee9;margin-bottom:8px}
.tmi-document h2 small{margin-top:4px}
#media h3{background:#cbdbea}
.listen-index h3{background:#d8e3ca}
.mini-index h3{background:#e8d8be}
.artist-note p a,.artist-infobox a{color:#0000ee;text-decoration:underline}
.snapshot-caption{display:block;margin:-10px 0 9px;font:12px/1.3 "Arimo", "Nanum Gothic", sans-serif;color:#333}
.album-caption{margin:18px -12px 0 0;font:italic 14px/1.3 "Tinos", "Nanum Myeongjo", serif;transform:rotate(-2deg);color:#111}
.album-caption a{color:#0000ee;text-decoration:underline}

/* A scribbled label beside the document title. */
.tmi-document h2 small{font:normal 19px/1.15 'Chalkboard SE','Chalkboard','Comic Sans MS',cursive;letter-spacing:-.5px;transform:rotate(-4deg);transform-origin:right center;margin-top:6px}

/* Keep section numbers and titles on one typographic baseline. */
.artist-note h2{font-size:26px;line-height:1.1}

/* In my room reads as a small wiki article. */
.project-note{margin:36px 0 0;max-width:none;padding:10px;background:#f8f9fa;border:1px solid #a2a9b1;transform:none;box-shadow:none;border-radius:0}
.project-note h2{font:normal 24px/1.2 var(--web-serif);letter-spacing:0;text-decoration:none;color:#202122;border-bottom:1px solid #a2a9b1;padding:0 0 5px;margin:0 0 12px}
.project-note p,.project-note p:nth-of-type(2),.project-note p:last-child{font:14px/1.5 var(--web-ui);letter-spacing:0;color:#202122;margin:0 0 12px}
.project-note p:last-child{margin-bottom:0}

/* One type treatment for the numbered English section headings. */
.artist-note h2,.tmi-document h2,.music-index h2,.archive-side h3{font:700 26px/1.1 var(--web-serif);letter-spacing:0}
.music-index h2{font-size:52px}
.mini-index h3 i{font:inherit}
/* Original main-page banner artwork, including its oval and red script. */
#wiki-history .history-banner{display:block;width:min(546px,100%);margin:0;line-height:0}
#wiki-history .history-banner img{display:block;width:100%;height:auto}
@media(max-width:480px){#wiki-history .history-banner{width:min(366px,100%)}}

/* Restore the woven tile while keeping the current main background color. */
:root{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22192%22%20height%3D%22192%22%20viewBox%3D%220%200%20192%20192%22%3E%3Cdefs%3E%3Cg%20id%3D%22weave%22%3E%3Cg%20transform%3D%22translate%280%200%29%20rotate%280%206%206%29%22%3E%3Cpath%20d%3D%22M1%2010V2H9%20M4%2012V5H12%20M7%2012V8H12%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2812%200%29%20rotate%2890%206%206%29%22%3E%3Cpath%20d%3D%22M1%2010V2H9%20M4%2012V5H12%20M7%2012V8H12%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%280%2012%29%20rotate%2890%206%206%29%22%3E%3Cpath%20d%3D%22M1%2010V2H9%20M4%2012V5H12%20M7%2012V8H12%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate%2812%2012%29%20rotate%280%206%206%29%22%3E%3Cpath%20d%3D%22M1%2010V2H9%20M4%2012V5H12%20M7%2012V8H12%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cg%20id%3D%22heart%22%3E%3Cpath%20d%3D%22M1%2014V22H8%20M1%2018H4V22%20M23%2014V22H16%20M23%2018H20V22%22%2F%3E%3Cpath%20d%3D%22M12%2021L2%2011V5L5%202H9L12%205L15%202H19L22%205V11Z%20M12%2017L6%2011V7L7%206H9L12%209L15%206H17L18%207V11Z%20M12%2013L9%2010M12%2013L15%2010%22%2F%3E%3C%2Fg%3E%3Cg%20id%3D%22tile%22%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%220%22%20y%3D%220%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2224%22%20y%3D%220%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2248%22%20y%3D%220%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2272%22%20y%3D%220%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2296%22%20y%3D%220%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%22120%22%20y%3D%220%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%22144%22%20y%3D%220%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%22168%22%20y%3D%220%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%220%22%20y%3D%2224%22%2F%3E%3Cuse%20href%3D%22%23heart%22%20x%3D%2224%22%20y%3D%2224%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2248%22%20y%3D%2224%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2272%22%20y%3D%2224%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2296%22%20y%3D%2224%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%22120%22%20y%3D%2224%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%22144%22%20y%3D%2224%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%22168%22%20y%3D%2224%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%220%22%20y%3D%2248%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2224%22%20y%3D%2248%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2248%22%20y%3D%2248%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2272%22%20y%3D%2248%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2296%22%20y%3D%2248%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%22120%22%20y%3D%2248%22%2F%3E%3Cuse%20href%3D%22%23heart%22%20x%3D%22144%22%20y%3D%2248%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%22168%22%20y%3D%2248%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%220%22%20y%3D%2272%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2224%22%20y%3D%2272%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2248%22%20y%3D%2272%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2272%22%20y%3D%2272%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2296%22%20y%3D%2272%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%22120%22%20y%3D%2272%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%22144%22%20y%3D%2272%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%22168%22%20y%3D%2272%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%220%22%20y%3D%2296%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2224%22%20y%3D%2296%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2248%22%20y%3D%2296%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2272%22%20y%3D%2296%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2296%22%20y%3D%2296%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%22120%22%20y%3D%2296%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%22144%22%20y%3D%2296%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%22168%22%20y%3D%2296%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%220%22%20y%3D%22120%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2224%22%20y%3D%22120%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2248%22%20y%3D%22120%22%2F%3E%3Cuse%20href%3D%22%23heart%22%20x%3D%2272%22%20y%3D%22120%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2296%22%20y%3D%22120%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%22120%22%20y%3D%22120%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%22144%22%20y%3D%22120%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%22168%22%20y%3D%22120%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%220%22%20y%3D%22144%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2224%22%20y%3D%22144%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2248%22%20y%3D%22144%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2272%22%20y%3D%22144%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2296%22%20y%3D%22144%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%22120%22%20y%3D%22144%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%22144%22%20y%3D%22144%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%22168%22%20y%3D%22144%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%220%22%20y%3D%22168%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2224%22%20y%3D%22168%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2248%22%20y%3D%22168%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2272%22%20y%3D%22168%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%2296%22%20y%3D%22168%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%22120%22%20y%3D%22168%22%2F%3E%3Cuse%20href%3D%22%23weave%22%20x%3D%22144%22%20y%3D%22168%22%2F%3E%3Cuse%20href%3D%22%23heart%22%20x%3D%22168%22%20y%3D%22168%22%2F%3E%3C%2Fg%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%20stroke-width%3D%221%22%20shape-rendering%3D%22crispEdges%22%20stroke-linecap%3D%22square%22%20stroke-linejoin%3D%22miter%22%3E%3Cuse%20href%3D%22%23tile%22%20stroke%3D%22%23ffffff%22%20stroke-opacity%3D%22.3696%22%20transform%3D%22translate%281%201%29%22%2F%3E%3Cuse%20href%3D%22%23tile%22%20stroke%3D%22%23715760%22%20stroke-opacity%3D%22.3168%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M191.5%200V192M0%20191.5H192%22%20fill%3D%22none%22%20stroke%3D%22%23715760%22%20stroke-opacity%3D%22.035%22%20stroke-width%3D%221%22%20shape-rendering%3D%22crispEdges%22%2F%3E%3C%2Fsvg%3E");background-repeat:repeat;background-size:208px 208px}

/* A deliberately uneven document desk and an old-fashioned contents panel. */
.artist-infobox{width:calc(100% - 9px)}
.artist-note h2{padding:3px 8px 7px 4px}
.snapshot-caption{text-align:right;padding-right:17px}
.project-note{border:2px inset #ddd;margin-left:7px;width:calc(100% - 7px)}

/* Native document typography, without changing the page layout. */
:root{--web-serif:"Tinos", "Nanum Myeongjo", serif;--web-ui:"Arimo", "Nanum Gothic", sans-serif;--web-mono:"Cousine", "Nanum Gothic", monospace}
body,button,input,select,textarea,nav{font-family:var(--web-ui)}
h1,h2,h3,.artist-infobox caption,.wiki-timeline tbody th,.wiki-continued{font-family:var(--web-serif);font-style:normal}
.artist-note>p,.artist-infobox,.artist-infobox th,.artist-infobox td,.project-note p,.project-note p:nth-of-type(2),.project-note p:last-child,.wiki-facts p,.wiki-timeline td,.trivia-note{font-family:var(--web-ui);font-style:normal}
.artist-note>p:not(.wiki-micro){font-size:14px;line-height:1.45}
.site-index,.transport,.transport button,#form button,.webcam-name,.webcam-name small,.chat-window:before,#message,#history,#notice{font-family:var(--web-ui)}
.wiki-facts summary,.wiki-facts details:nth-child(3n) summary,.wiki-facts details:nth-child(4n) summary{font-family:var(--web-serif);font-style:normal}
.music-index li,.music-index li:nth-child(3n+2),.music-index li a{font-family:var(--web-serif);font-style:normal;letter-spacing:0}
.music-index li:nth-child(3n+2){font-size:24px}
.catalog-number,.webcam-status,#position,#history time,.wiki-facts summary>span{font-family:var(--web-mono)}
.tmi-document h2 small{font:normal 14px/1.2 var(--web-serif);letter-spacing:0;transform:none}
a:link{color:#0000ee;text-decoration:underline;text-decoration-thickness:auto;text-underline-offset:auto}
a:visited{color:#551a8b}
.logo:link,.logo:visited{color:#151515;text-decoration:none}
.wiki-micro,.artist-note>p.wiki-micro,.tmi-document>p.wiki-micro{font:12px/1.4 var(--web-serif);letter-spacing:0;text-align:left;margin:9px 0;padding:0;background:none;max-width:none}
.personal-links>.wiki-micro{margin:0 5px 0 0}
.transport button,#form button{border:2px outset #eee;border-radius:0;box-shadow:none}
.transport button:active,#form button:active{border-style:inset}
@media(max-width:1099px){.music-index li:nth-child(3n+2){font-size:21px}}
@media(max-width:480px){.music-index li:nth-child(3n+2){font-size:23px}}

/* Numbered article headings share a plain encyclopedia serif. */
.artist-note h2,.tmi-document h2,.music-index h2,.archive-side h3{font-family:"Tinos", "Nanum Myeongjo", serif;font-weight:400;font-style:normal;letter-spacing:0}
.mini-index h3 i{font:inherit}
.section-number{font:inherit;letter-spacing:inherit;vertical-align:baseline}

/* Match the original coming-soon masthead in the reference. */
.logo,.logo:link,.logo:visited{font:bold 46px/1 "Tinos", "Nanum Myeongjo", serif;letter-spacing:normal;color:#333;gap:0 10px;align-items:baseline;text-shadow:none;transform:none}
.logo .home-name{font:inherit;letter-spacing:normal}
.logo .home-label{font:bold 21px/1 "Tinos", "Nanum Myeongjo", serif;font-variant:normal;letter-spacing:normal;transform:none;margin:0}
@media(max-width:650px){.logo{font-size:34px;gap:0 7px}.logo .home-name{font-size:34px}.logo .home-label{font-size:14px}}

/* Restore the earlier expressive song-list typography only. */
.music-index li,.music-index li a{font-family:"Tinos", "Nanum Myeongjo", serif;font-style:normal;letter-spacing:-.7px}
.music-index li{font-size:24px;line-height:1.85}
.music-index li:nth-child(3n+2){font:italic 31px/1.85 "Tinos", "Nanum Myeongjo", serif;letter-spacing:-.7px}
.music-index li:nth-child(3n+2) a{font-style:italic}
@media(max-width:1099px){.music-index li{font-size:21px}.music-index li:nth-child(3n+2){font-size:25px}}
@media(max-width:480px){.music-index li{font-size:23px}.music-index li:nth-child(3n+2){font-size:29px}}

/* Reuse the coming-soon page's lips cursor and hotspot. */
html,body,body *{cursor:url('assets/cursors/lips-v2.png') 1 1,auto}
a,button,a *,button *,summary,select,#volume{cursor:url('assets/cursors/lips-v2.png') 1 1,pointer}
.window-resize-handle.resize-n,.window-resize-handle.resize-s{cursor:ns-resize}
.window-resize-handle.resize-e,.window-resize-handle.resize-w{cursor:ew-resize}
.window-resize-handle.resize-ne,.window-resize-handle.resize-sw{cursor:nesw-resize}
.window-resize-handle.resize-nw,.window-resize-handle.resize-se{cursor:nwse-resize}

/* Separately assembled blocks, with a quiet gap between the desk and catalog. */
@media(min-width:860px){
 .artist-note{width:calc(100% - 17px)}
 .left-column{padding-top:31px}
 .right-column{padding-top:137px;padding-left:6px}
 .tmi-document{width:calc(100% - 6px)}
}
.artist-note h2{padding-left:3px}
.tmi-document h2{padding-left:8px;padding-top:7px}
#media h3{padding-left:4px}
.listen-index h3{padding-left:9px;background:#ffffcc}
.mini-index h3{background:silver;padding-top:3px;padding-bottom:7px}
.artist-infobox{border:2px inset #ddd}
.link-archive{position:relative;border-top:0;padding-top:194px;margin-top:35px}
.idle-gap{position:absolute;top:24px;left:38%;height:130px;font:11px var(--web-mono)}
.idle-gap small{display:block;margin:19px 0 0 37px;font:inherit}
.odd-gif{display:inline-block;vertical-align:middle;line-height:0}
.odd-gif img{width:36px;height:36px;image-rendering:pixelated}
.blue-stamp{background:#0000ff;padding:6px}
.stray-star{margin:9px 0 15px 68%;transform:rotate(9deg)}
.music-index ol{background:#f5f5f2;border:1px solid #aaa;padding:12px 9px 19px 13px;align-self:start;margin-top:11px}
.music-index li,.music-index li:nth-child(3n+2),.music-index li a,.music-index li:nth-child(3n+2) a{font-family:"Tinos", "Nanum Myeongjo", serif;font-style:normal;letter-spacing:0}
.music-index li:nth-child(3n+2){font-size:24px}
.chronology{margin-top:91px}
.history-document{border-top:0}
.history-document-label{font:normal 21px/1.2 var(--web-serif);border-bottom:1px solid #999;width:83%;padding:0 0 5px;margin:15px 0 22px 5px}
.wiki-timeline tbody{grid-template-columns:.8fr 1.12fr .92fr 1.3fr;column-gap:19px;align-items:start}
.wiki-timeline tr{border-top:0;padding:7px 6px 17px}
.wiki-timeline tr:nth-child(4n+2){padding-top:19px}
.wiki-timeline tr:nth-child(4n+3){margin-left:7px}
.wiki-timeline tr:nth-child(5),.wiki-timeline tr:nth-child(6){background:#fff;border:1px solid #aaa;padding:11px 9px 19px}
.history-categories{font:12px/1.5 var(--web-ui);border-top:1px solid #aaa;padding-top:7px;margin-top:22px;width:fit-content;max-width:100%}
.history-stub{margin-top:25px}
@media(max-width:859px){.wiki-timeline tbody{grid-template-columns:.9fr 1.2fr 1fr}}
@media(max-width:480px){.wiki-timeline tbody{grid-template-columns:.9fr 1.1fr;gap:9px 13px}.music-index li:nth-child(3n+2){font-size:23px}.idle-gap{left:22%}.history-document-label{width:94%}}
.artist-infobox th{width:72px;white-space:nowrap;word-break:normal;overflow-wrap:normal}

/* Bring related content together while retaining the homemade offsets. */
.link-archive{padding-top:136px;margin-top:25px;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}
.idle-gap{top:14px;left:27%;height:90px;display:flex;align-items:flex-start;gap:12px;font:12px/1.6 var(--web-mono)}
.idle-gap small{display:inline;margin:0;font:11px var(--web-mono)}
.idle-gap .odd-gif{margin-top:6px;padding:3px}
.idle-gap img{width:24px;height:24px}
.music-index{grid-template-columns:200px minmax(0,1fr);gap:13px}
.music-index ol{margin-top:0;padding:15px 12px 22px}
.archive-side h3{font-size:22px;padding:3px 5px}
.archive-side{font-size:14px;line-height:1.6}
.archive-side .listen-index{margin-top:18px}
.mini-index{position:relative;margin-top:24px;padding-top:5px}
.mini-index h3{font-size:30px;background:none;border:0;padding:0;margin-bottom:7px}
.mini-index>a{font:20px/1.3 var(--web-serif)}
.stray-star{position:absolute;right:0;top:0;margin:0}
.stray-star img{width:26px;height:26px}
.chronology{margin-top:54px}
.history-document>summary{padding:0 0 3px}
.history-document-label{width:100%;margin:0 0 12px;padding:0 0 6px;font-size:23px}
.wiki-timeline{width:100%;max-width:940px}
.wiki-timeline tbody{display:block}
.wiki-timeline tr,.wiki-timeline tr:nth-child(4n+2),.wiki-timeline tr:nth-child(4n+3),.wiki-timeline tr:nth-child(5),.wiki-timeline tr:nth-child(6){display:grid;grid-template-columns:105px minmax(0,1fr);gap:14px;align-items:baseline;margin:0;padding:8px 7px;background:none;border:0}
.wiki-timeline tbody th{font:normal 21px/1.4 var(--web-serif);padding:0;text-align:left;width:auto}
.wiki-timeline td{font:15px/1.6 var(--web-ui);padding:0}
.wiki-timeline td:before{content:'— ';color:#555}
.wiki-timeline tr:nth-child(10),.wiki-timeline tr:nth-child(12){background:#f5f5f2;border:1px solid #aaa;margin:7px 0;padding:10px 7px}
.wiki-continued{margin-top:14px}
.wiki-facts details:nth-child(3n+2){margin-bottom:19px}
.wiki-facts details:nth-child(3n) summary{line-height:1.5}
.wiki-facts .tmi-editor-note{font:12px/1.45 var(--web-serif);background:#ddd;border-top:1px solid #aaa;margin:11px 3px 18px;padding:5px 7px}
footer{font:14px/1.5 var(--web-serif);margin-top:35px;padding:12px 0;gap:12px 24px;justify-content:flex-start;align-items:center}
footer .personal-links{font:inherit;gap:9px}
footer .wiki-micro{font-size:13px}
footer .back-top{margin-left:auto}
@media(max-width:1099px){.link-archive{grid-template-columns:minmax(0,1fr) 230px}.music-index{display:block}.music-index h2{margin-bottom:14px}}
@media(max-width:859px){.link-archive{grid-template-columns:1fr}.archive-side{display:flex;flex-wrap:wrap;gap:20px}.archive-side>section{flex:1 1 180px;margin-top:0}.mini-index{padding-right:30px}}
@media(max-width:480px){.idle-gap{left:6%;gap:9px}.wiki-timeline tr,.wiki-timeline tr:nth-child(n){grid-template-columns:75px minmax(0,1fr);gap:9px}.wiki-timeline tbody th{font-size:19px}.wiki-timeline td{font-size:14px}.history-document-label{font-size:21px}footer .back-top{margin-left:0}}

/* Basic table rules and a hand-built, two-line chronology. */
.artist-infobox{border-collapse:collapse;border-spacing:0;border:1px solid #888}
.artist-infobox th,.artist-infobox td{border:1px solid #aaa;padding:4px 5px}
.artist-infobox th{background:#ddd}
.artist-infobox td{background:#fafafa}
.artist-infobox .infobox-photo{background:#eee}
.link-archive:before{content:'';position:absolute;top:112px;left:0;width:94%;border-top:1px solid #aaa}
.music-index h2{border-bottom:1px solid #888;padding-bottom:8px;align-self:start}
.music-index ol{border:0;border-block:3px double #888;background:#f5f5f2;padding:10px 9px 14px}
.music-index li{border-bottom:1px dotted #aaa}
.archive-side>section{border:1px solid #999;border-radius:0;box-shadow:none;padding:0 0 7px}
.archive-side h3{margin:0 0 5px;border:0;border-bottom:1px solid #999;padding:3px 5px;font-size:22px}
.archive-side ul,.archive-side .listen-index>div{padding:0 6px}
.archive-side .mini-index{padding-top:0}
.mini-index h3{background:#ddd}
.mini-index>a{display:inline-block;margin:3px 6px;font-size:18px}
.stray-star{right:5px;top:38px}
.history-document{border-top:3px double #aaa;padding-top:12px}
.history-document-label{width:93%;border-bottom:1px solid #888}
.wiki-timeline{max-width:none}
.wiki-timeline tbody{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px 0;padding-top:8px}
.wiki-timeline tbody tr:nth-child(n){position:relative;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:128px 40px 128px;gap:0;align-items:stretch;margin:0;padding:0 10px 0 0;background:none;border:0}
.wiki-timeline tbody tr:before{content:'';position:absolute;left:0;right:0;top:151px;border-top:1px solid #888}
.wiki-timeline tbody th{grid-row:2;position:relative;padding:0 0 0 12px;font:20px/1.2 var(--web-serif);align-self:start;border:0}
.wiki-timeline tbody th:before{content:'';position:absolute;left:0;top:20px;width:5px;height:5px;background:#555}
.wiki-timeline tbody td{grid-row:1;align-self:end;margin:0 7px 10px 0;padding:5px 3px;font:14px/1.55 var(--web-ui);border:0}
.wiki-timeline tbody td:before{content:none}
.wiki-timeline tbody tr:nth-child(even) td{grid-row:3;align-self:start;margin:7px 0 0 5px}
.wiki-timeline tbody tr:nth-child(4) td,.wiki-timeline tbody tr:nth-child(10) td,.wiki-timeline tbody tr:nth-child(12) td{background:#f8f8f5;border:1px solid #aaa;padding:7px 6px}
.wiki-timeline tbody tr:nth-child(10) td{padding:10px 5px}
footer{border-top:3px double #aaa}
@media(max-width:859px){
 .wiki-timeline tbody{display:block;padding:8px 0 0 5px}
 .wiki-timeline tbody tr:nth-child(n){display:grid;grid-template-columns:86px minmax(0,1fr);grid-template-rows:auto;gap:8px;padding:0 0 20px 16px}
 .wiki-timeline tbody tr:before{top:0;bottom:0;left:2px;right:auto;border-top:0;border-left:1px solid #888}
 .wiki-timeline tbody th{grid-row:1;padding:0;font-size:19px}
 .wiki-timeline tbody th:before{left:-16px;top:8px}
 .wiki-timeline tbody tr:nth-child(n) td{grid-row:1;align-self:start;margin:0;padding:0 3px;font-size:14px}
 .wiki-timeline tbody tr:nth-child(4) td,.wiki-timeline tbody tr:nth-child(10) td,.wiki-timeline tbody tr:nth-child(12) td{padding:7px 6px}
}

/* A homemade life chart; event records remain ordinary HTML cells. */
.life-chart-scroll{width:100%;overflow-x:auto;border-bottom:1px solid #aaa;scrollbar-color:#999 #eee}
.life-chart-scroll:focus-visible{outline:1px dotted #555;outline-offset:3px}
.life-chart{position:relative;min-width:1220px;width:100%;height:560px;font:12px/1.4 var(--web-ui)}
.life-chart-lines{position:absolute;inset:0;width:100%;height:560px;overflow:visible}
.life-chart-lines path,.life-chart-lines polyline{fill:none;stroke:#888;stroke-width:1;vector-effect:non-scaling-stroke}
.life-chart-lines polyline{stroke:#555}
.life-chart-lines rect{fill:#333}
.life-axis-y{position:absolute;left:0;top:3px;font:12px var(--web-mono)}
.life-axis-x{position:absolute;right:20px;top:537px;font:12px var(--web-mono)}
.life-events{list-style:none;margin:0;padding:0}
.life-event{position:absolute;left:var(--x);top:var(--y);width:98px;margin:0;padding:0;transform:translateX(-23px)}
.life-event.above .life-event-cell{transform:translateY(calc(-100% - 13px))}
.life-event.below .life-event-cell{margin-top:17px}
.life-event-cell{border:1px solid #888;background:#fafafa;color:#111}
.life-event-cell strong{display:block;border-bottom:1px solid #aaa;background:#ddd;padding:2px 4px;font:normal 15px var(--web-serif)}
.life-event-cell span{display:block;padding:5px 4px;overflow-wrap:anywhere}
.life-event:nth-child(3n) .life-event-cell{background:#eee}
.life-event:nth-child(4n) .life-event-cell span{padding:8px 3px}
.life-year-ticks span{position:absolute;top:502px;transform:translateX(-50%);font:13px var(--web-serif)}
.life-chart-note{font:11px var(--web-mono);margin:7px 0;color:#555}
.life-chart-note span{display:none}
@media(max-width:1250px){.life-chart-note span{display:inline;margin-left:15px}}
.life-event:last-child{width:86px;transform:translateX(-30px)}
/* Keep the requested Korean phrase breaks together. */
.life-event:nth-child(3){width:140px;transform:translateX(-65px)}
.life-event:nth-child(9){width:144px}
.life-event:nth-child(11){width:160px}
.life-event:last-child{width:160px;transform:translateX(-100px)}
.life-event:last-child.below .life-event-cell{margin-top:60px}

/* Personal notes rather than uniform chart annotations. */
.life-chart-lines polyline{stroke:#333;stroke-width:1.3}
.life-chart-lines circle{fill:#444}
.life-chart-lines .chart-cross{stroke:#222;stroke-width:1.4}
.life-event:nth-child(n) .life-event-cell{border:0;background:transparent}
.life-event-cell strong{background:none;border:0;padding:0 3px}
.life-event:nth-child(n) .life-event-cell span{padding:4px 3px}
.life-event:nth-child(4) .life-event-cell{border:1px solid #888;background:#ddd}
.life-event:nth-child(6) .life-event-cell{border:1px solid #888;background:#ffffcc}
.life-event:last-child .life-event-cell{border:1px solid #888;background:#fff}
.life-event:nth-child(4) strong,.life-event:nth-child(6) strong,.life-event:last-child strong{border-bottom:1px solid #aaa;padding:2px 4px}
.life-event-cell strong small{font:10px var(--web-mono)}
.history-document-label{font:normal 20px/1.3 var(--web-serif);border:1px solid #999;border-bottom:3px double #888;background:#e5e5e5;padding:5px 8px;width:fit-content;min-width:260px;max-width:100%;margin-bottom:15px}
.music-index ol{background:#f7f7f2;padding:5px 9px 8px}
.music-index li,.music-index li:nth-child(3n+2){line-height:1.65}
.music-index li:nth-child(2n):not(:last-child):after{content:' | ';color:#666}
.music-index li:nth-child(3n):not(:last-child):after{content:' · ';color:#333}
.idle-gap{left:16%;font-size:13px;line-height:1.55;top:9px}
.idle-gap small{font-size:12px}
@media(max-width:480px){.idle-gap{left:3%}}
.life-event:nth-child(3).above .life-event-cell{transform:translateY(calc(-100% - 38px))}
.life-event:nth-child(11).above .life-event-cell{transform:translateY(calc(-100% - 55px))}

/* Shorter page through spacing only; keep text and panel sizes intact. */
.link-archive{margin-top:8px;padding-top:92px}
.link-archive:before{top:78px}
.idle-gap{top:0;line-height:1.35}
.archive-side .listen-index{margin-top:8px}
.archive-side .mini-index{margin-top:12px}
.chronology{margin-top:8px}
.history-document{padding-top:5px}
#wiki-history .history-banner{width:min(470px,87%)}
.history-document>summary{padding-bottom:0}
.history-document-label{margin-bottom:7px}
.life-chart{height:410px}
.life-chart-lines{height:403.2px}
.life-event{top:calc(var(--y) * .72)}
.life-year-ticks span{top:361px}
.life-axis-x{top:389px}
.life-event.above .life-event-cell{transform:translateY(calc(-100% - 9px))}
.life-event.below .life-event-cell{margin-top:11px}
.life-event:nth-child(3).above .life-event-cell{transform:translateY(calc(-100% - 28px))}
.life-event:nth-child(11).above .life-event-cell{transform:translateY(calc(-100% - 40px))}
.life-event:last-child.below .life-event-cell{margin-top:42px}
.life-chart-note{margin:4px 0}
.wiki-continued{margin:4px 0}
.history-stub{margin:8px 0}
.history-categories{margin:8px 0 0;padding-top:4px}
footer{margin-top:12px;padding-block:8px}
@media(min-width:1100px){
 .right-column{padding-top:100px}
 .link-archive{margin-top:-142px;padding-top:70px}
 .link-archive:before{top:60px;width:78%}
 .archive-side{margin-top:72px}
 .idle-gap{left:25%;top:-3px}
}
@media(max-width:480px){#wiki-history .history-banner{width:87%}}

/* One old HTML table, a stray web relic, and local .txt windows. */
.link-archive{display:block}
.music-sheet{display:grid;grid-template-columns:minmax(0,1fr) 260px;border:2px ridge #aaa;background:#f7f7f2}
.music-sheet .music-index{display:contents}
.music-sheet .music-index h2{grid-column:1/-1;grid-row:1;position:relative;margin:0;padding:5px 9px;border-bottom:1px solid #888;font-size:36px;background:#ddd}
.music-sheet .music-index h2>span{display:inline;font-size:30px;margin-left:12px}
.music-updated{position:absolute;right:12px;top:15px;font:12px var(--web-mono)}
.music-sheet .music-index ol{grid-column:1;grid-row:2;margin:0;padding:14px 10px;border:0;align-self:stretch}
.music-sheet .archive-side{grid-column:2;grid-row:2;border-left:1px solid #888;margin:0;padding:0;display:block}
.music-sheet .archive-side>section{margin:0;border:0;border-bottom:1px solid #888;padding-bottom:6px}
.music-sheet .archive-side>section:last-child{border-bottom:0}
.music-sheet .archive-side h3{font-size:21px}
.web-relic{font:15px/1.2 var(--web-serif);margin:9px 0 3px 7%;width:fit-content;border:2px outset #ddd;background:#c0c0c0;padding:7px 12px;color:#000080}
.life-chart-scroll{width:94%;background:#f4f4f0;border:1px solid #999}
.life-axis-y{font-weight:bold;color:#222;left:7px}
.life-levels{position:absolute;left:3px;top:53px;font:10px var(--web-mono);color:#444;display:grid;gap:65px}
.year-open{font:inherit;border:0;background:none;padding:0;color:#0000ee;text-decoration:underline;cursor:pointer}
.year-open:focus-visible{outline:1px dotted #111}
.chart-scrap{position:absolute;object-fit:cover;border:1px solid #999}
.scrap-disc{left:23%;top:308px;object-fit:contain;border:0;transform:rotate(-8deg)}
.scrap-cam{left:78%;top:232px;transform:rotate(5deg)}
.document-status{display:flex;flex-basis:100%;gap:3px;padding:3px;background:#c0c0c0;border:2px outset #ddd;color:#111;font:12px "Arimo", "Nanum Gothic", sans-serif}
.document-status span{border:1px inset #ddd;padding:3px 7px}
.document-status span:first-child{flex:1}
.year-window{width:310px;max-width:calc(100vw - 30px);padding:3px;background:#c0c0c0;color:#111;border:3px outset #ddd;border-radius:0;box-shadow:none;font:14px/1.5 "Arimo", "Nanum Gothic", sans-serif}
.year-window::backdrop{background:rgb(0 0 0 / 12%)}
.year-window-bar{display:flex;align-items:center;justify-content:space-between;background:#000080;color:white;padding:2px 3px 2px 6px;font:bold 13px "Cousine", "Nanum Gothic", monospace}
.year-close,.year-ok{border:2px outset #eee;border-radius:0;background:#ddd;color:#111;font:13px "Arimo", "Nanum Gothic", sans-serif}
.year-close{padding:0 5px;line-height:18px}
.year-window-body{padding:12px 10px;min-height:90px}
.year-window-record{white-space:pre-line}
.year-window-extra{font:12px "Cousine", "Nanum Gothic", monospace}
.year-window figure{margin:8px 0;text-align:center}
.year-window figcaption{font-size:10px}
.year-window form{text-align:center;margin:0 0 10px}
.year-ok{min-width:74px;padding:3px 15px}
@media(min-width:1100px){.link-archive{margin-top:-90px;padding-top:100px}.link-archive:before{top:87px}}
@media(max-width:600px){.music-sheet{grid-template-columns:1fr}.music-sheet .archive-side{grid-column:1;grid-row:3;border-left:0;border-top:1px solid #888}.music-updated{top:12px}.life-chart-scroll{width:100%}.document-status{flex-wrap:wrap}.music-sheet .music-index h2{font-size:30px}}
.music-sheet .music-updated{display:block}

/* A little breathing room below the desk, including its expanded chat. */
.link-archive{margin-top:24px}
@media(min-width:1100px){
 .link-archive{margin-top:-66px}
 main:has(#history .chat-exchange) .link-archive{margin-top:24px}
}

/* Small functional inconsistencies, as if each file came from another year. */
.year-window{position:fixed;margin:0;z-index:1000;max-height:calc(100dvh - 10px);overflow:auto}
.year-window::backdrop{background:transparent}
.year-window-bar{cursor:move;touch-action:none;user-select:none}
.year-window[data-kind="warning"] .year-window-body{background:#ffffcc;border:1px inset #ddd;margin:5px}
.year-window[data-kind="warning"] .year-window-bar{background:#665400}
.year-window[data-kind="program"] .year-window-extra{background:#080808;color:#afff8b;padding:12px 8px;border:2px inset #ddd}
.year-window[data-kind="recovery"] .year-window-body{background:#fff;border:1px solid #888;margin:5px}
.year-window[data-kind="image"] .year-window-body{display:flex;flex-direction:column}
.year-window[data-kind="image"] figure{order:-1}
.year-window[data-kind="image"] figure img{width:50px;height:50px;image-rendering:pixelated}
.year-window[data-kind="image"] figcaption{display:none}
.year-open.file-opened{color:#551a8b}
.artist-note a:visited,#media a:visited{color:#551a8b}
.music-sheet #media ul{padding:1px 7px 3px}
.music-sheet .listen-index>div{padding:3px 5px 1px;background:#ffffcc}
.music-sheet .music-updated{font-size:10px;right:7px;top:5px}
.life-chart-lines .uncertain-line{stroke-dasharray:4 4}
.chart-error,.chart-percent{position:absolute;font:10px "Cousine", "Nanum Gothic", monospace;color:#6a2929}
.chart-error{left:47%;top:284px}
.chart-percent{left:94%;top:65px}
.scrap-current{left:91%;top:259px;transform:rotate(-4deg)}

/* Independent windows, with only the foreground title bar active. */
.year-window .year-window-bar{background:#aaa;color:#333}
.year-window.is-active .year-window-bar{background:#000080;color:#fff}
.year-window-controls{display:flex;gap:2px}
.year-window-controls button{border:2px outset #eee;border-radius:0;background:#ddd;color:#111;font:13px/18px "Arimo", "Nanum Gothic", sans-serif;padding:0 4px;min-width:21px}
.year-window-controls button[hidden]{display:none}
.year-window.is-minimized .year-window-body,.year-window.is-minimized form{display:none}
.year-window.is-minimized{height:auto!important}
.history-figure-caption{font:12px/1.35 "Tinos", "Nanum Myeongjo", serif;margin:0 0 7px 9px}
.history-figure-caption small{font-size:10px}
.life-levels .odd-level{position:absolute;top:111px;left:11px}
.found-image{position:absolute;left:26%;top:188px;margin:0;background:#fff;border:1px solid #888;padding:3px;z-index:1}
.found-image img{display:block;object-fit:cover}
.found-image figcaption{font:9px/1.2 "Cousine", "Nanum Gothic", monospace}
.music-sheet .music-index h2{border-bottom:2px inset #aaa}
.music-sheet #media{padding-bottom:9px}
.music-sheet .listen-index{padding-bottom:4px}
.music-updated b{font:9px "Cousine", "Nanum Gothic", monospace;margin-left:4px}
a,a *,button,button *{cursor:url('assets/cursors/lips-v2.png') 1 1,pointer}
.year-open,.year-open *{cursor:crosshair}
.year-window-bar,.year-window-bar *{cursor:move}
.year-window-controls button,.year-window-controls button *{cursor:pointer}
.life-chart-note{cursor:help}

/* Album-colored, layered type floating underneath the room note. */
.room-seven{width:100%;max-width:260px;height:126px;margin:8px 0 2px;perspective:650px;display:grid;place-items:center;grid-column:1/-1}
.room-seven-float{width:190px;height:82px;transform-style:preserve-3d;animation:room-seven-bob 4.6s ease-in-out infinite}
.room-seven-solid{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:room-seven-turn 12s linear infinite}
.room-seven-solid span{position:absolute;inset:0;display:grid;place-items:center;font:900 italic 76px/1 "Arimo", "Nanum Gothic", sans-serif;letter-spacing:-7px;color:#baff74;-webkit-text-stroke:1px #83a950;transform:translateZ(var(--depth));user-select:none}
.room-seven-solid span:first-child,.room-seven-solid span:last-child{color:var(--bni-magenta);-webkit-text-stroke:1px var(--bni-magenta)}
.room-seven-solid span:first-child{transform:translateZ(-12px) rotateY(180deg)}
@keyframes room-seven-turn{from{transform:rotateX(-12deg) rotateY(-25deg) rotateZ(-7deg)}to{transform:rotateX(-12deg) rotateY(335deg) rotateZ(-7deg)}}
@keyframes room-seven-bob{0%,100%{transform:translateY(5px)}50%{transform:translateY(-7px)}}
@media(prefers-reduced-motion:reduce){.room-seven-float,.room-seven-solid{animation:none}.room-seven-solid{transform:rotateX(-12deg) rotateY(-25deg) rotateZ(-7deg)}}

/* Trim the music table; keep the archive text a little easier to read. */
.music-sheet .music-index h2{padding-block:2px;line-height:1.08}
.music-sheet .music-index h2>span{line-height:1;vertical-align:baseline}
.music-sheet .music-index ol{padding:8px 10px}
.music-sheet .archive-side{line-height:1.3}
.music-sheet .archive-side>section{padding-bottom:2px}
.music-sheet .archive-side h3{padding:1px 5px;margin-bottom:2px;line-height:1.05}
.music-sheet #media li{margin-block:0}
.music-sheet #media ul{padding:0 7px 1px}
.music-sheet .listen-index>div{padding:1px 5px}
.music-sheet .mini-index>a{margin-block:1px}
.room-seven{height:104px;max-width:225px}
.room-seven-float{width:148px;height:64px}
.room-seven-solid span{font-size:59px;letter-spacing:-5px}
.life-event-cell>span{font-size:13px}
.chart-percent{top:99px;left:96%}

.music-sheet .music-index h2>span{display:inline-block;transform:rotate(-20deg);transform-origin:center}

/* Each song looks like it was added to the list at a different time. */
.music-sheet .music-index li:nth-child(n) a{font-family:"Tinos", "Nanum Myeongjo", serif;font-size:24px;font-weight:400;font-style:normal}
.music-sheet .music-index li:nth-child(2) a{font-size:29px}
.music-sheet .music-index li:nth-child(4) a,.music-sheet .music-index li:nth-child(5) a{font-family:"Arimo", "Nanum Gothic", sans-serif;font-size:22px}
.music-sheet .music-index li:nth-child(6) a{font-family:"Arimo", "Nanum Gothic", sans-serif;font-size:20px;font-weight:700}
.music-sheet .music-index li a em{font-family:"Tinos", "Nanum Myeongjo", serif;font-style:italic}
@media(max-width:480px){.music-sheet .music-index li:nth-child(2) a{font-size:26px}}

/* Document typography and a handful of collected bitmap link badges. */
.logo,.logo:link,.logo:visited{font-size:52px}
.logo .home-label{font-size:24px}
.artist-note h2,.music-sheet .music-index h2,.history-document-label{font-family:"Tinos", "Nanum Myeongjo", serif;font-weight:700}
.artist-note h2{font-size:28px}
.history-document-label{font-size:22px}
.music-sheet .music-index li:nth-child(1) a,.music-sheet .music-index li:nth-child(2) a,.music-sheet .music-index li:nth-child(8) a{font-family:"Tinos", "Nanum Myeongjo", serif;font-style:italic;text-decoration:underline}
.history-figure-caption,.music-sheet .music-updated,.idle-gap small,.file-metadata{font-family:"Tinos", "Nanum Myeongjo", serif;font-style:italic}
.history-figure-caption b,.file-metadata b{font-style:normal}
.file-metadata{font-size:11px;line-height:1.3;margin:5px 0 7px}
.artist-note .about-file{font-size:11px;margin:5px 0 7px}
.tiny-web-icon{display:inline-block;width:20px;height:20px;object-fit:contain;image-rendering:pixelated;vertical-align:middle;margin:0 3px;border:0}
.artist-infobox .tiny-web-icon{width:16px;height:16px;margin-left:2px}
.music-sheet h2 .tiny-web-icon{width:23px;height:23px;margin-left:7px}
.music-sheet .archive-side .tiny-web-icon{width:18px;height:18px}
.www-label{font:bold italic 10px "Tinos", "Nanum Myeongjo", serif;color:#000080;vertical-align:middle}
.room-seven{position:relative}
.seven-file{position:absolute;bottom:0;right:4px;font:italic 11px/1.2 "Tinos", "Nanum Myeongjo", serif;color:#555}
@media(max-width:650px){.logo,.logo:link,.logo:visited,.logo .home-name{font-size:38px}.logo .home-label{font-size:16px}}

/* Slightly louder file labels and mismatched song links. */
.history-figure-caption .history-filename{font-size:15px;line-height:1.5}
.music-sheet .music-index li:nth-child(2) a,.music-sheet .music-index li:nth-child(8) a{font-weight:700;font-style:italic;text-decoration:underline}
.music-sheet .music-index li:nth-child(3) a{font-style:normal;font-weight:400}
.music-sheet .music-index li:nth-child(5) a{color:#551a8b}
.web-file-badge{display:inline-block;vertical-align:middle;line-height:0}
.music-sheet h2 .web-file-badge .tiny-web-icon{width:28px;height:28px;image-rendering:pixelated;vertical-align:middle;transform:rotate(-9deg)}
.music-sheet #media .web-file-badge .tiny-web-icon{width:26px;height:26px;margin:0 1px 0 5px;image-rendering:pixelated}
.www-label{font-size:13px;color:#0000ee;text-shadow:1px 1px #aaa}

/* A diary entry tucked into the room, rather than another introduction. */
.project-note.diary-note{border:1px solid #999;background:#ffffee;padding:8px;box-shadow:none;border-radius:0}
.diary-note h2{font:bold 20px/1.2 "Tinos", "Nanum Myeongjo", serif;border:0;padding:0;margin:0;text-decoration:none}
.diary-note hr{border:0;border-top:1px solid #999;margin:6px 0 8px}
.diary-note .diary-time,.diary-note .diary-updated{font:11px/1.3 "Cousine", "Nanum Gothic", monospace;color:#555}
.diary-note .diary-time{display:block;margin-bottom:8px}
.project-note.diary-note p{font:13px/1.5 "Arimo", "Nanum Gothic", sans-serif;margin:0 0 12px}
.project-note.diary-note .diary-kiss{font-family:"Tinos", "Nanum Myeongjo", serif;font-size:16px}
.diary-kiss small{font:12px/1.4 "Arimo", "Nanum Gothic", sans-serif}
.project-note.diary-note .diary-entry{margin-left:9px;font-family:"Tinos", "Nanum Myeongjo", serif}
.diary-note .diary-message{font:italic 13px "Tinos", "Nanum Myeongjo", serif}
.diary-note .diary-updated{display:block;margin-top:5px;font-size:10px}
.home-welcome .home-status{display:block;margin:3px 0 0 12px;font:12px/1.4 "Arimo", "Nanum Gothic", sans-serif;color:#555}

/* Give the diary and its file label a little more room. */
.project-note.diary-note{width:calc(112% - 7px);max-width:calc(100vw - 48px);margin-left:0}
.home-welcome .home-status{font-size:14px;color:#493145;margin-top:5px}
.seven-file{font:12px/1.3 "Cousine", "Nanum Gothic", monospace;color:#333;right:12px;bottom:-3px}
.chart-scrap.scrap-disc{width:23px;height:23px}
@media(min-width:860px) and (max-width:1099px){.project-note.diary-note{width:calc(100% + 12px)}}
@media(max-width:480px){.project-note.diary-note{width:100%;max-width:302px}}

.home-welcome .home-release{display:block;margin:2px 0 0 12px;font:italic 13px/1.4 "Tinos", "Nanum Myeongjo", serif;color:#493145}

/* A stray cosmetic image in the empty music table cell. */
.music-sheet .music-index ol{padding-bottom:91px}
.music-lashes{grid-column:1;grid-row:2;align-self:end;justify-self:start;margin:0 0 9px 34%;line-height:0;transform:rotate(-8deg);z-index:1}
.music-lashes img{display:block;width:88px;height:auto;image-rendering:pixelated}
.music-lashes:focus-visible{outline:1px dotted #000;outline-offset:3px}
@media(max-width:600px){.music-lashes{margin-left:51%}}

/* Two homemade link banners, assembled from type and a bitmap envelope. */
.diary-note .chat-badge{display:inline-flex;align-items:center;gap:5px;box-sizing:border-box;width:134px;height:38px;padding:2px 4px;border:3px outset #eee;background:#c0c0c0;color:#000080;font-style:normal;text-decoration:none;vertical-align:middle}
.chat-badge img{flex:none;image-rendering:pixelated}
.chat-badge span{display:block;text-align:left;line-height:1.05}
.chat-badge b{display:block;font:11px/1.1 "Arimo", "Nanum Gothic", sans-serif}
.chat-badge strong{display:block;font:bold 14px/1.05 "Tinos", "Nanum Myeongjo", serif;text-decoration:underline}
.chat-badge:active{border-style:inset}
.release-badge{grid-column:1;grid-row:2;align-self:end;justify-self:end;margin:0 13px 15px 0;box-sizing:border-box;display:flex;align-items:center;gap:3px;width:140px;height:38px;padding:2px;border:2px solid #111;background:#c3ff63;color:#111;text-decoration:none;z-index:1}
.badge-seven{font:bold italic 18px/1 "Arimo", "Nanum Gothic", sans-serif;letter-spacing:-2px;color:var(--bni-magenta);text-shadow:1px 1px #333;transform:rotate(-8deg)}
.badge-release-copy{display:block;flex:1;text-align:center;white-space:nowrap}
.badge-release-copy b{display:block;font:bold 10px/1.3 "Tinos", "Nanum Myeongjo", serif;letter-spacing:-.3px;background:var(--bni-magenta);color:#111}
.badge-release-copy small{display:block;font:10px/1.3 "Tinos", "Nanum Myeongjo", serif;text-decoration:underline}
.chat-badge:focus-visible,.release-badge:focus-visible{outline:2px dotted #000080;outline-offset:3px}
#release-info{scroll-margin-top:25px}
#release-info{background:#ffffcc;width:fit-content;max-width:100%;outline:1px dotted #888}
@media(max-width:1099px){.music-lashes{margin-left:8px}.release-badge{margin-right:8px}}

/* Sparse handwritten-style emphasis, using the existing 7777 pink. */
:root{--bni-magenta:#F02A78}
.pink-aside,.music-sheet .music-updated b,.music-sheet .music-index h2>span,.chart-error{color:var(--bni-magenta)}

/* Local scripted chat; media playback remains user-triggered. */
.chat-window:before{content:'b!ni live chat room'}
#history{max-height:260px}
#history .ambient-exchange .message-sender{color:#705165}
#history .chat-exchange{border:0;padding:0}
#history .message-row{grid-template-columns:70px minmax(0,1fr) auto;padding:10px 0;border-bottom:1px dotted #bbb}

/* Collected objects from b!ni's room. */
.music-sheet #media .web-file-badge .icon-camcorder{width:32px;height:32px}
.cassette-object,.cassette-object img{width:32px;height:32px}
.cassette-object img{object-fit:contain;image-rendering:pixelated}
.chart-scrap.scrap-disc{width:28px;height:28px}

/* A quiet cat at the bottom of the page. */
.footer-cat{display:inline-block;flex:0 0 76px;width:76px;height:56px;background:url('assets/stickers/generated/footer-cat.gif') center / 76px 56px no-repeat;image-rendering:pixelated}
@keyframes cat-tail-flick{0%,88%,94%,100%{background-position:0 center}90%,96%{background-position:100% center}}
@media(prefers-reduced-motion:reduce){.footer-cat{animation:none;background-image:url('assets/stickers/generated/cat-ico-frames.png');background-size:200% 100%;background-position:0 center}}

/* Keep the diary's chat banner tucked against its right edge. */
.diary-note .chat-badge{display:flex;margin-left:auto}
.diary-note .diary-updated{text-align:right}

.footer-email{flex-basis:100%;font:italic 12px/1.3 "Tinos", "Nanum Myeongjo", serif;margin-top:-6px}

/* A small borrowed-looking bitmap beside the diary filename. */
.diary-note .diary-pencil{display:inline-block;width:22px;height:22px;vertical-align:middle;margin-left:3px;image-rendering:pixelated}

/* Only the cam and chat: mismatched classic controls in a continuous transcript. */
#chat{background:#c0c0c0;border:2px outset #eee;border-radius:0;padding:3px;box-shadow:none}
#chat:before{background:#deddd0;color:#000080;font:bold 11px "Arimo", "Nanum Gothic", sans-serif;padding:3px 5px;border:0;margin:-1px -1px 4px}
#chat #history{display:block;background:#fff;color:#000;min-height:94px;max-height:210px;border:2px inset #eee;padding:5px 6px;font:12px/1.3 "Arimo", "Nanum Gothic", sans-serif}
#chat #history .chat-exchange{display:block;border:0;padding:0;margin:0;background:none}
#chat #history .message-row{display:block;border:0;padding:1px 0;margin:0;background:none;line-height:1.3}
#chat #history .message-sender{display:inline;font:bold 12px "Arimo", "Nanum Gothic", sans-serif;color:#0000cc}
#chat #history .message-sender[data-sender="you"]{color:#000}
#chat #history .message-sender[data-sender="b!ni"]{color:var(--bni-magenta,#f02a78)}
#chat #history .message-text,#chat #history .reply-sequence,#chat #history .reply-sequence.is-typing{display:inline;color:#000;min-height:0;margin:0;padding:0;font:inherit;white-space:pre-wrap}
#chat #history .step{color:#000}
#chat .chat-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:2px;padding:4px 2px 1px;font:11px "Arimo", "Nanum Gothic", sans-serif}
#chat .chat-toolbar button,#chat .chat-toolbar select{background:#c0c0c0;color:#000;border:2px outset #eee;border-radius:0;box-shadow:none;height:22px;min-width:22px;padding:0 3px;font:11px "Arimo", "Nanum Gothic", sans-serif}
#chat .chat-toolbar button[aria-pressed="true"],#chat .chat-toolbar button:active{border-style:inset;background:#ddd}
#chat .chat-toolbar select{border-style:inset;background:#fff;min-width:38px}
#chat .toolbar-divider{color:#777;margin:0 2px}
#chat #form{padding:4px 2px;gap:4px;background:#c0c0c0}
#chat #message{height:29px;border:2px inset #eee;border-radius:0;color:#000;background:#fff}
#chat #form button{border:2px outset #eee;border-radius:0;box-shadow:none;background:#c0c0c0;color:#000;font:11px "Arimo", "Nanum Gothic", sans-serif;padding:3px 10px}
#chat #form button:active{border-style:inset}
#chat .chat-status{border:1px inset #eee;padding:2px 4px;font:10px "Arimo", "Nanum Gothic", sans-serif;color:#333}
#chat #notice{padding:3px 5px;color:#000}
#sequencer .transport{background:#c0c0c0;padding:4px 3px 2px;gap:3px;border-top:2px outset #eee}
#sequencer .transport button{background:#c0c0c0;color:#000;min-height:22px;padding:2px 5px;border:2px outset #eee}
#sequencer #cam-progress{appearance:none;flex:1 1 50px;min-width:35px;max-width:95px;height:8px;border:2px inset #eee;background:#fff}
#cam-progress::-webkit-progress-bar{background:#eee}
#cam-progress::-webkit-progress-value{background:#777}
#cam-progress::-moz-progress-bar{background:#777}
#sequencer #position{font:10px "Cousine", "Nanum Gothic", monospace;white-space:nowrap;margin:0 3px}
#sequencer .volume img{image-rendering:pixelated}
#sequencer #cam-fullscreen{font:11px "Cousine", "Nanum Gothic", monospace;padding:0 3px;min-width:25px}
#sequencer .cam-metadata{padding:2px 5px 3px;background:#c0c0c0;color:#555;font:9px "Cousine", "Nanum Gothic", monospace}
#sequencer .cam-metadata span{margin-left:13px}
#sequencer:fullscreen{background:#c0c0c0;display:flex;flex-direction:column;resize:none}
#sequencer:fullscreen .stage{flex:1;min-height:0}

/* Personal writing uses a larger system serif; computer UI keeps its own fonts. */
:root{--content-serif:"Libre Baskerville", "Nanum Myeongjo", serif}
.logo,.logo:link,.logo:visited,.logo .home-name,.logo .home-label{font:700 34px/1.2 var(--content-serif);letter-spacing:-.5px;font-variant:normal}
.artist-note h2,#wiki-tmi,.music-sheet .music-index h2,.history-document-label,.diary-note h2{font:700 24px/1.25 var(--content-serif);letter-spacing:0}
.music-sheet .music-index h2{font-size:26px}
.diary-note h2{font-size:22px}
.project-note.diary-note p,.project-note.diary-note .diary-entry,.project-note.diary-note .diary-kiss,.diary-note .diary-kiss small,.wiki-facts details>p{font:400 15px/1.3 var(--content-serif)}
.music-sheet .music-index li:nth-child(n){font-family:var(--content-serif);line-height:1.3}
.music-sheet .music-index li:nth-child(n) a{font-family:var(--content-serif);font-size:18px;line-height:1.3}
.music-sheet .music-index li:nth-child(2) a,.music-sheet .music-index li:nth-child(8) a{font-size:19px;font-weight:700;font-style:italic}
.music-sheet .music-index li a em{font-family:var(--content-serif)}
.history-figure-caption{font:italic 14px/1.3 var(--content-serif)}
.history-figure-caption small{font:italic 13px/1.3 var(--content-serif)}
.diary-note .diary-time{font:italic 13px/1.3 var(--content-serif)}
/* File information and interface annotations are separate from figure prose. */
.history-figure-caption .history-filename,.history-figure-caption .file-system-meta,.file-metadata{font:normal 11px/1.3 "Cousine", "Nanum Gothic", monospace}
.file-metadata b{font-family:inherit}
.music-sheet .music-updated,.diary-note .diary-updated,.idle-gap small,#wiki-tmi small{font:normal 10px/1.3 "Arimo", "Nanum Gothic", sans-serif}
@media(max-width:480px){.logo,.logo:link,.logo:visited,.logo .home-name,.logo .home-label{font-size:28px}}

/* An occasional blink from the little eyelash bitmap. */
.music-lashes img{transform-origin:50% 65%;animation:lashes-blink 7.8s linear infinite}
@keyframes lashes-blink{
 0%,84%,90%,94%,100%{transform:scaleY(1)}
 86%,88%{transform:scaleY(.18)}
 92%{transform:scaleY(.45)}
}
@media(prefers-reduced-motion:reduce){.music-lashes img{animation:none}}

/* Restore the diary's original mixed handwriting/document feel below its title. */
.project-note.diary-note p{font:13px/1.5 "Arimo", "Nanum Gothic", sans-serif}
.project-note.diary-note .diary-kiss{font-family:"Tinos", "Nanum Myeongjo", serif;font-size:16px;line-height:1.5}
.diary-note .diary-kiss small{font:12px/1.4 "Arimo", "Nanum Gothic", sans-serif}
.project-note.diary-note .diary-entry{font:13px/1.5 "Tinos", "Nanum Myeongjo", serif}
.diary-note .diary-time{font:11px/1.3 "Cousine", "Nanum Gothic", monospace}

/* Slightly cramped messenger and uneven little sample windows. */
#chat #history{min-height:82px;max-height:184px}
#chat #message:focus,#chat #message:focus-visible{border:2px inset #aaa;outline:1px solid #000080;outline-offset:0;box-shadow:none}
#sequencer .sample-pip{width:24%;border:1px solid #777;padding:2px}
#sequencer .sample-pip[data-pip="1"],#sequencer .sample-pip[data-pip="3"]{width:26%;border:2px outset #eee;transform:translate(3px,2px)}
#sequencer .pip-title{height:14px;padding:0 2px;background:#bdbdbd;color:#111;font:10px/13px "Arimo", "Nanum Gothic", sans-serif;border-bottom:1px solid #888}
#sequencer .sample-pip[data-pip="3"] .pip-title{padding-left:5px;background:#d2d2c9}

/* Eight links collected at different times, rather than a uniform track list. */
.music-sheet .music-index ol{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-content:start;gap:7px 15px;padding:12px 14px 86px}
.music-sheet .music-index li:nth-child(n){display:block;min-width:0;width:auto;border:0;padding:0;margin:0;line-height:1.15}
.music-sheet .music-index li:nth-child(n)::after{content:none}
.music-sheet .music-index li .catalog-number{font:9px "Cousine", "Nanum Gothic", monospace;vertical-align:super;margin-right:5px;color:#777}
.music-sheet .music-index li:nth-child(n) a{overflow-wrap:anywhere;line-height:1.15}
.music-sheet .music-index li:nth-child(1){margin-left:4px;margin-top:8px}
.music-sheet .music-index li:nth-child(1) a{font:italic 25px/1.15 "Libre Baskerville", "Nanum Myeongjo", serif}
.music-sheet .music-index li:nth-child(2){margin-left:6%;margin-top:1px}
.music-sheet .music-index li:nth-child(2) a{font:bold italic 27px/1.1 "Tinos", "Nanum Myeongjo", serif}
.music-sheet .music-index li:nth-child(3){margin-left:24%;margin-top:5px}
.music-sheet .music-index li:nth-child(3) a{font:17px/1.2 "Tinos", "Nanum Myeongjo", serif}
.music-sheet .music-index li:nth-child(4){margin-left:2%;margin-top:11px}
.music-sheet .music-index li:nth-child(4) a{font:19px/1.2 "Arimo", "Nanum Gothic", sans-serif}
.music-sheet .music-index li:nth-child(5){margin-left:9%;margin-top:12px}
.music-sheet .music-index li:nth-child(5) a{font:21px/1.2 "Tinos", "Nanum Myeongjo", serif;color:#551a8b}
.music-sheet .music-index li:nth-child(6){margin-left:21%;margin-top:2px}
.music-sheet .music-index li:nth-child(6) a{font:bold 23px/1.1 "Arimo", "Nanum Gothic", sans-serif}
.music-sheet .music-index li:nth-child(7){margin-left:2%;margin-top:4px}
.music-sheet .music-index li:nth-child(7) a{font:18px/1.2 "Cousine", "Nanum Gothic", monospace}
.music-sheet .music-index li:nth-child(7) a em{font:italic 24px/1.1 "Libre Baskerville", "Nanum Myeongjo", serif}
.music-sheet .music-index li:nth-child(8){margin-left:11%;margin-top:13px}
.music-sheet .music-index li:nth-child(8) a{font:bold italic 25px/1.1 "Libre Baskerville", "Nanum Myeongjo", serif}
@media(max-width:700px){
 .music-sheet .music-index ol{grid-template-columns:minmax(0,1fr);gap:9px;padding-bottom:86px}
 .music-sheet .music-index li:nth-child(even){margin-left:13%;margin-top:3px}
 .music-sheet .music-index li:nth-child(3){margin-left:33%}
 .music-sheet .music-index li:nth-child(6){margin-left:25%}
}

/* b!ni.txt: system-font Korean document, with small typewriter numbering. */
.tmi-document #wiki-tmi{font-family:"Tinos", "Nanum Myeongjo", serif}
.tmi-document .wiki-facts details>p{font:13px/1.45 "Arimo", "Nanum Gothic", sans-serif}
.tmi-document .wiki-facts details>p a{font:inherit}
.tmi-document .wiki-facts details summary{font-family:"Arimo", "Nanum Gothic", sans-serif;font-size:15px;font-style:normal}
.tmi-document .wiki-facts details:nth-child(3n) summary{font-size:17.5px}
.tmi-document .wiki-facts details:nth-child(4n) summary{font-size:20px}
.tmi-document .wiki-facts summary>span{font:normal 8px/1.45 "Cousine", "Nanum Gothic", monospace;color:#aaa}
.tmi-document .trivia-note,.tmi-document .tmi-see-also{font-family:"Arimo", "Nanum Gothic", sans-serif}

/* Read 01 through 08 in the original inline order; keep mismatched type. */
.music-sheet .music-index ol{display:block;padding:12px 14px 86px}
.music-sheet .music-index li:nth-child(n){display:inline-block;max-width:100%;margin:0 12px 10px 0;padding:0;vertical-align:baseline}
.music-sheet .music-index li:nth-child(2){margin-right:20px}
.music-sheet .music-index li:nth-child(3){margin-right:9px}
.music-sheet .music-index li:nth-child(5){margin-right:17px}
.music-sheet .music-index li:nth-child(n):not(:last-child)::after{content:' / ';font:12px "Tinos", "Nanum Myeongjo", serif;color:#777;margin-left:6px}
.music-sheet .music-index li:nth-child(3n):not(:last-child)::after{content:' · '}

/* Little word-GIF labels beside the media archive links. */
.music-sheet #media li{display:block;margin:4px 0;line-height:1.25}
.music-sheet #media li::before{content:none}
.music-sheet #media li a{font-size:12px;overflow-wrap:anywhere}
.music-sheet #media .media-type{display:inline-block;object-fit:cover;vertical-align:middle;margin:0 3px 1px 0;image-rendering:pixelated}
.music-sheet #media .media-type-live{width:34px;height:14px}
.music-sheet #media .media-type-interview{width:58px;height:14px}

/* Final small adjustments: more readable chat, lighter notes, a named web file. */
#chat #history{font-size:13px}
#chat #history .message-sender{font-size:13px}
.right-column .tmi-document{background:#cec9d5;width:calc(94% - 6px)}
.tmi-document .wiki-facts details>p{padding:5px 4px}
.tmi-document .wiki-facts details:nth-child(3n)>p{padding-top:3px;padding-bottom:7px}
.music-lashes .lashes-file{display:block;font:9px/1.2 "Cousine", "Nanum Gothic", monospace;color:#666;white-space:nowrap;margin-top:3px;text-decoration:none}
@media(max-width:480px){.right-column .tmi-document{width:94%}}
.music-sheet #media .media-lips{display:inline-block;width:16px;height:14px;object-fit:contain;vertical-align:middle;margin:0 4px 1px 0;image-rendering:pixelated}

/* Let the document fill the browser; retain the hand-placed interior offsets. */
body{max-width:none;margin:0}
#wiki-history .history-banner{margin-left:-26px;margin-right:0;margin-bottom:6px}
.history-figure-caption{margin-left:-26px;margin-bottom:0}
.life-chart-scroll{width:100%}
.right-column .tmi-document{background:#d7d4dc}
/* Compact the table through its content, without cropping links or decorations. */
.music-sheet .music-index ol{padding-bottom:64px}
.music-sheet #media{padding-bottom:3px}
.music-sheet #media li{margin:1px 0;line-height:1.15}
.music-sheet .archive-side{line-height:1.15}
.music-sheet .listen-index>div{row-gap:1px}
@media(max-width:600px){
 #wiki-history .history-banner{margin-left:-10px}
 .history-figure-caption{margin-left:-10px}
}
.music-sheet #media li{margin:0;line-height:1.1}

.music-sheet .archive-side h3{margin-bottom:0}

/* Wide old-web document, with a dominant cam and narrow side columns. */
@media(min-width:860px){
 header{width:calc(100% - 60px);max-width:none;margin:0 30px;padding-inline:0}
 main{width:calc(100% - 60px);max-width:none;margin:0 30px;padding-inline:0;grid-template-columns:minmax(0,17fr) minmax(0,58fr) minmax(0,20fr);column-gap:24px}
 .artist-infobox{max-width:none;width:100%}
 .project-note.diary-note{width:calc(100% + 12px)}
}

/* Two loose lines mixing tiny links with a few oversized song titles. */
.music-sheet .music-index ol{display:flex;flex-wrap:wrap;align-items:baseline;align-content:start;gap:5px 12px}
.music-sheet .music-index ol::after{content:'';flex-basis:100%;height:0;order:4}
.music-sheet .music-index li:nth-child(n){flex:0 1 auto;margin:0 5px 5px 0}
.music-sheet .music-index li:nth-child(1){order:1}
.music-sheet .music-index li:nth-child(2){order:2}
.music-sheet .music-index li:nth-child(3){order:3}
.music-sheet .music-index li:nth-child(4){order:4}
.music-sheet .music-index li:nth-child(5){order:5;margin-left:13px}
.music-sheet .music-index li:nth-child(6){order:6}
.music-sheet .music-index li:nth-child(7){order:7}
.music-sheet .music-index li:nth-child(8){order:8}
.music-sheet .music-index li:nth-child(1) a{font-size:23px}
.music-sheet .music-index li:nth-child(2) a{font-size:clamp(30px,2.55vw,48px)}
.music-sheet .music-index li:nth-child(3) a{font-size:13px}
.music-sheet .music-index li:nth-child(4) a{font-size:18px}
.music-sheet .music-index li:nth-child(5) a{font-size:15px}
.music-sheet .music-index li:nth-child(6) a{font-size:clamp(29px,2.25vw,42px)}
.music-sheet .music-index li:nth-child(7) a{font-size:14px}
.music-sheet .music-index li:nth-child(7) a em{font-size:25px}
.music-sheet .music-index li:nth-child(8) a{font-size:28px}

/* Tighter document spacing; construction notes belong to the music table. */
@media(min-width:860px){
 header{padding-top:20px}
 .site-index{margin-top:6px;line-height:1.25}
 .home-welcome{margin-top:10px;margin-bottom:8px}
 .cam-desk{margin-top:20px}
 .left-column{padding-top:26px}
 .music-sheet{grid-template-columns:minmax(0,1fr) 360px}
}
.link-archive{padding-top:0}
.link-archive::before{content:none}
.link-archive .idle-gap{position:static;height:auto;margin:0 0 7px;gap:6px;align-items:center;font-size:11px}
.idle-gap>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 12px}
.idle-gap br{display:none}
.idle-gap .odd-gif{margin-top:0;padding:0}
.idle-gap img{width:18px;height:18px}
.music-sheet .music-index ol{padding-bottom:48px}
.life-event-cell strong{font-size:16px}
.life-event-cell>span{font-size:14px}
.life-event-cell strong small{font-size:11px}
.life-event:last-child .life-event-cell{padding:2px}
.history-figure-caption{margin-bottom:18px;line-height:1.45}
.history-figure-caption .history-filename{display:inline-block;margin-top:5px}
.history-figure-caption > .file-system-meta:last-child{display:inline-block;margin-top:4px}
@media(min-width:860px){
 .music-sheet{grid-template-columns:minmax(0,1fr) 400px}
 .music-sheet .archive-side h3{font-size:18px}
 .music-sheet #media .icon-camcorder{width:24px;height:24px}
 .music-sheet #media li{font-size:12px}
 .music-sheet .listen-index>div{font-size:12px}
 .music-sheet .mini-index>a{font-size:15px}
}
@media(min-width:860px){
 .music-sheet #media img.tiny-web-icon.icon-camcorder{width:22px;height:22px}
 .music-sheet .listen-index>div a{font-size:12px;line-height:1.15}
 .music-sheet .mini-index>a{line-height:1.1}
}
@media(min-width:860px){
 .music-sheet{grid-template-columns:minmax(0,1fr) 440px}
 .music-sheet .listen-index>div{display:flex;flex-wrap:wrap;gap:1px 7px}
}

/* A stray word, lightly bobbing beside the status line. */
.floating-online{position:relative;display:inline-block;margin-left:25px;top:-5px;font:bold 13px/1 "Cousine", "Nanum Gothic", monospace;letter-spacing:-1px;color:#b6ff00;text-shadow:1px 0 #000080,0 1px #000080,-1px 0 #000080,0 -1px #000080;animation:online-drift 9s steps(5,end) infinite;pointer-events:none}
@keyframes online-drift{0%,100%{transform:translate(0,0) rotate(-5deg)}35%{transform:translate(7px,-5px) rotate(2deg)}70%{transform:translate(-3px,2px) rotate(-3deg)}}
@media(prefers-reduced-motion:reduce){.floating-online{animation:none;transform:rotate(-5deg)}}

/* Compact wiki entries: paragraphs on the document, not white cards. */
.tmi-document .wiki-facts details summary{font-size:12.5px}
.tmi-document .wiki-facts details:nth-child(3n) summary{font-size:14.5px}
.tmi-document .wiki-facts details:nth-child(4n) summary{font-size:16.5px}
.tmi-document .wiki-facts details:nth-child(n)>p{background:transparent;border:0;border-top:1px solid #aaa;padding:4px 0 2px;margin:5px 0 9px;font-size:12px;line-height:1.45;box-shadow:none}
.tmi-document .wiki-facts details>summary::after{content:' [펼치기]';font:10px "Arimo", "Nanum Gothic", sans-serif;color:#555;vertical-align:baseline;white-space:nowrap}
.tmi-document .wiki-facts details[open]>summary::after{content:' [접기]'}

/* Keep the 2012 note above the axis and its year tick. */
.life-event:nth-child(6){width:132px}
.life-event:nth-child(6).below .life-event-cell{margin-top:3px}
.life-event:nth-child(6) .life-event-cell>span{white-space:nowrap}
.life-event:nth-child(6) .life-event-cell>span{padding:2px 3px;line-height:1.3}

/* A bare segmented loading bar over the homepage pattern. */
body:has(#entry-loader){overflow:hidden}
.entry-loader{z-index:10000;background-color:#f7e6ee;background-repeat:repeat;background-size:208px 208px;transition:none}
.entry-card{width:min(318px,calc(100vw - 52px));transform:translate(18px,-13px);padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;font:12px/1.3 "Arimo", "Nanum Gothic", sans-serif;color:#111}
.entry-title{padding:3px 5px;background:#000080;color:white;font:bold 12px/1.2 "Arimo", "Nanum Gothic", sans-serif}
.entry-body{padding:0}
#entry-label{display:block;font:13px/1.3 "Arimo", "Nanum Gothic", sans-serif;margin:0 0 8px;text-align:left}
.entry-files{font:10px/1.35 "Cousine", "Nanum Gothic", monospace;margin:0 0 11px 3px;color:#444}
.entry-meter{height:21px;border:2px inset #eee;padding:2px;background:#d8d8d8}
#entry-fill,.entry-loader.ready #entry-fill{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:2px;width:100%;height:100%;background:none;transition:none}
#entry-fill i{background:transparent}
#entry-fill i.loaded{background:#F02A78}
.entry-loader.ready #entry-fill i:last-child{background:#F02A78}
.entry-actions{min-height:35px;padding-top:7px;text-align:right}
.entry-actions button{border:2px outset #eee;border-radius:0;box-shadow:none;background:#c0c0c0;font:12px "Arimo", "Nanum Gothic", sans-serif;padding:3px 12px}
.entry-actions button:active{border-style:inset}
.entry-actions button:focus-visible{outline:1px dotted #111;outline-offset:-5px}
.entry-loader.ready #entry-enter:not([hidden]){animation:entry-enter-blink .8s steps(1,end) infinite}
@keyframes entry-enter-blink{0%,100%{background:#c0c0c0;color:#111}50%{background:#000080;color:#fff}}
@media(prefers-reduced-motion:reduce){.entry-loader.ready #entry-enter:not([hidden]){animation:none;background:#000080;color:#fff}}
#entry-retry{margin:0}
.entry-loader.is-cancelling{overflow:hidden;pointer-events:none}
.entry-loader.is-cancelling .entry-meter{position:relative;animation:entry-bar-rattle .07s steps(2,end) 7}
.entry-loader.is-cancelling #entry-fill{position:relative;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:var(--entry-cell-width);justify-content:start;overflow:visible}
.entry-loader.is-cancelling #entry-fill i.loaded:nth-child(20){background:#b6ff00}
.entry-loader.is-breaking .entry-meter{border-right-color:transparent}
.entry-loader.is-breaking .entry-meter::after{content:'';position:absolute;right:-2px;top:-2px;width:5px;height:21px;border:2px outset #eee;animation:entry-frame-shard .65s ease-out forwards}
@keyframes entry-bar-rattle{0%{transform:translate(-3px,1px)}50%{transform:translate(3px,-2px)}100%{transform:translate(-1px,2px)}}
@keyframes entry-frame-shard{0%{opacity:1;transform:translate(0,0) rotate(0)}100%{opacity:0;transform:translate(140px,-75px) rotate(155deg)}}
@media(prefers-reduced-motion:reduce){.entry-loader.is-cancelling .entry-meter,.entry-loader.is-cancelling #entry-fill{animation:none}.entry-loader.is-cancelling .entry-meter::after{display:none}}

/* The owner made the page title much too important. */
.logo,.logo:link,.logo:visited,.logo .home-name,.logo .home-label{font:700 62px/1.05 "Libre Baskerville", "Nanum Myeongjo", serif;letter-spacing:-1.5px}
.logo{justify-content:flex-start;text-align:left;max-width:100%;gap:2px 12px}
.logo .home-label{display:inline-block;margin-top:3px;transform:rotate(-1deg)}
.logo .home-shout{color:#F02A78;font:inherit}
.floating-online{color:#F02A78;text-shadow:1px 1px #000080}
.web-relic{font:italic 19px/1.15 "Tinos", "Nanum Myeongjo", serif;padding:5px 10px}
.web-relic b{font-size:23px}
@media(max-width:650px){
 .logo,.logo:link,.logo:visited,.logo .home-name,.logo .home-label{font-size:42px;letter-spacing:-1.3px}
 .logo{flex-direction:column;align-items:flex-start}
 .logo .home-label{margin-left:5px}
 .web-relic{font-size:16px;max-width:93%}
 .web-relic b{font-size:19px}
}
@media(max-width:360px){.logo,.logo:link,.logo:visited,.logo .home-name,.logo .home-label{font-size:36px}}

/* A deliberately overdone PowerPoint-style baby photo entrance. */
.year-window[data-year="1998.4"] .year-window-photo{margin:5px 0;overflow:hidden}
.year-window[data-year="1998.4"] .year-window-photo img{display:block;width:100%;height:auto;max-height:55vh;object-fit:contain;transform-origin:center}
.year-window[data-year="1998.4"] .year-window-photo figcaption{font:11px/1.3 "Cousine", "Nanum Gothic", monospace;margin-top:5px}

/* An over-important chrome GIF pasted onto a modest wiki document. */
.tmi-document #wiki-tmi{display:flex;align-items:flex-start;gap:5px;padding:0;margin:0 0 8px;border:0;background:none}
.tmi-document #wiki-tmi>.section-number{font:10px/1.2 "Cousine", "Nanum Gothic", monospace;margin:5px 0 0;flex:0 0 auto}
.tmi-file-banner{position:relative;display:block;width:230px;max-width:calc(100% - 24px);height:64px;border:3px double #777;background:#d7d4dc;padding:2px 3px;flex:0 1 230px}
.tmi-file-banner img{display:block;width:100%;height:43px;object-fit:fill;image-rendering:pixelated}
.tmi-document #wiki-tmi .tmi-file-banner small{position:absolute;right:4px;bottom:1px;margin:0;font:italic 10px/1 "Tinos", "Nanum Myeongjo", serif;color:#0000ee;text-decoration:underline;transform:none}
.tmi-document #wiki-tmi{justify-content:flex-start}
.tmi-document #wiki-tmi>.tmi-file-banner{margin:0}

/* 2003 opens as a plain old web photo-album page, without an entrance effect. */
.year-window[data-year="2003"]{background:#ffffee;border:3px double #777;padding:7px}
.year-window[data-year="2003"] .year-window-bar{background:transparent;color:#000080;border-bottom:1px solid #999;padding:2px 0 6px;font:bold 17px "Tinos", "Nanum Myeongjo", serif}
.year-window[data-year="2003"] .year-window-body{padding:7px 3px}
.year-window[data-year="2003"] .year-window-record{font:italic 17px "Tinos", "Nanum Myeongjo", serif;margin:3px 0 8px}
.year-window[data-year="2003"] .year-window-photo{margin:0;text-align:left}
.year-window[data-year="2003"] .year-window-photo img{display:block;width:100%;height:auto;max-height:60vh;object-fit:contain;border:1px solid #888;animation:none}
.year-window[data-year="2003"] .year-window-photo figcaption{font:11px/1.4 "Cousine", "Nanum Gothic", monospace;margin-top:5px}
.year-window[data-year="2003"] form{text-align:right;margin:5px 0 0}

/* An unframed album photo tucked beside the 2009 entry. */
.history-photo-2009{position:absolute;left:calc(100% + 9px);top:27px;width:82px;height:auto;max-width:none;z-index:3}

.year-window[data-year="2026"] .year-window-photo img{display:block;width:100%;height:auto;max-height:55vh;object-fit:contain}

.home-welcome .home-icon-link{display:inline-block;width:40px;height:40px;margin:-15px 2px -10px 10px;vertical-align:middle}
#spinning-home{position:static;inset:auto;display:block;width:40px;height:40px;image-rendering:pixelated;pointer-events:none}

footer .web-credit{flex-basis:100%;margin:2px 0 0 7px;font:10px/1.3 "Cousine", "Nanum Gothic", monospace;color:#655963;letter-spacing:-.2px}

/* Later edits never quite matched the rest of this homemade document. */
.right-column .tmi-document{background:#d7d4dc;border:1px solid #888;padding:10px 9px 18px}
.tmi-document .trivia-note{background:transparent;border:0;border-bottom:1px dotted #8a808c;padding:3px 0 7px;margin:12px 9px 17px 0}
.tmi-document .wiki-facts details:nth-child(3n+2){margin-left:7px}
.tmi-document .wiki-facts details:nth-child(4n){margin-right:11px}
.tmi-document .wiki-facts details:nth-child(2n)>p{padding:2px 0 6px;font-size:11px}
.tmi-document .wiki-facts details:nth-child(3n)>p{font-family:"Arimo", "Nanum Gothic", sans-serif;line-height:1.35}
.tmi-document .tmi-see-also{border-top:1px solid #a59aab;padding-top:4px;margin-left:-5px}
.artist-note .about-file{background:transparent;border:0;padding:0;margin-left:5px}
.artist-note .about-file b{font:bold 17px/1.1 "Tinos", "Nanum Myeongjo", serif}
.artist-note .about-file{font:11px/1.3 "Cousine", "Nanum Gothic", monospace}

/* Visible, mismatched table cells, without changing the link order. */
.music-sheet{border:2px outset #aaa;gap:2px;background:#c0c0c0;padding:2px}
.music-sheet .music-index h2{border:1px solid #777;background:#d7d4dc;padding:4px 7px 7px;margin:0}
.music-sheet .music-index ol{border:1px inset #aaa;background:#f7f7e9;padding:8px 9px 43px 15px;margin:0}
.music-sheet .archive-side{border-left:3px double #777;background:#e5e3e7;padding:0 2px 2px 0}
.music-sheet .archive-side>section{border:1px solid #999;margin:0 0 3px;padding:0}
.music-sheet .archive-side h3{border:0;border-bottom:1px solid #777;padding:2px 4px;font:18px/1.05 "Tinos", "Nanum Myeongjo", serif}
.music-sheet #media h3{background:#cedee8;padding-left:9px}
.music-sheet #media ul{margin:0;padding:0 2px}
.music-sheet #media li{padding:2px 3px;border-bottom:1px solid #b6b4b9;line-height:1.2}
.music-sheet #media li:nth-child(3n){padding-top:5px;padding-bottom:3px}
.music-sheet #media li:last-child{border-bottom:0;padding-bottom:5px}
.music-sheet #media li:nth-child(2) a{font-family:"Arimo", "Nanum Gothic", sans-serif;font-size:11px}
.music-sheet #media li:nth-child(5) a{font:13px "Tinos", "Nanum Myeongjo", serif}
.music-sheet .listen-index h3{background:#ffff99;font-size:16px;padding:3px 6px}
.music-sheet .listen-index>div{background:#fffedb;gap:0;padding:0;align-items:stretch}
.music-sheet .listen-index>div a{border-right:1px solid #999;border-bottom:1px solid #bbb;padding:3px 5px;font-family:"Arimo", "Nanum Gothic", sans-serif}
.music-sheet .listen-index>div a:nth-child(3n){padding-top:6px;font-family:"Tinos", "Nanum Myeongjo", serif;font-size:13px}
.music-sheet .mini-index h3{background:#d7d4dc;padding:1px 5px 5px;font-size:17px}
.music-sheet .mini-index>a{margin:5px 3px 2px 9px;font:14px/1.2 "Tinos", "Nanum Myeongjo", serif}
.music-sheet .music-index li:nth-child(3){position:relative;top:3px}
.music-sheet .music-index li:nth-child(5){position:relative;top:-2px}
.music-sheet .music-updated{font:bold italic 13px/1 "Tinos", "Nanum Myeongjo", serif;top:7px;right:9px}
.history-filename{letter-spacing:.4px}
.chart-scrap.scrap-cam{border:1px solid #555;padding:1px;background:#eee}
@media(min-width:860px){
 .artist-note{position:relative;left:-5px;top:6px}
 .right-column .tmi-document{position:relative;left:7px;top:-9px}
 .project-note.diary-note{margin-left:7px;width:calc(100% + 5px)}
 .music-sheet{width:calc(100% - 9px);margin-left:9px;box-sizing:border-box}
 .web-relic{margin-left:15px}
}
@media(max-width:600px){.music-sheet .music-index ol{padding-bottom:64px}}

/* A couple of notes the owner squeezed in after everything else. */
.music-sheet .music-updated{top:-8px;right:16px;transform:rotate(-5deg);padding:0 3px;background:#d7d4dc;font:bold italic 16px/1 "Tinos", "Nanum Myeongjo", serif}
.music-sheet .mini-index .stray-link-note{display:inline-block;position:relative;top:-5px;left:3px;font:10px/1 "Cousine", "Nanum Gothic", monospace;color:#736274;transform:rotate(8deg)}
.tmi-document .tmi-editor-note{position:relative;left:-7px;width:calc(100% + 12px);box-sizing:border-box;padding:3px 5px;border:1px dotted #8b818c;font:12px/1.45 var(--web-serif)}
.tmi-document .tmi-editor-note small{display:block;margin:5px 0 1px 9px;font-family:inherit;font-size:smaller;line-height:inherit;color:#726a73}
.music-sheet #media li:nth-child(3) a{font:bold 16px/1.1 "Tinos", "Nanum Myeongjo", serif}
.music-sheet .music-index li:nth-child(3) a{font:11px/1.1 "Arimo", "Nanum Gothic", sans-serif}
.history-figure-caption>small:first-of-type{font:italic 11px/1.2 "Tinos", "Nanum Myeongjo", serif;color:#756976}

/* Keep mobile browsers from silently enlarging document text. */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}

/* Final small asset / document metadata adjustments. */
.tmi-file-banner{transform:scale(.88);transform-origin:top left}
.history-figure-caption .history-filename{font-size:13px;font-weight:700}
.history-figure-caption > i{font:normal 11px/1.3 "Cousine", "Nanum Gothic", monospace}
.history-figure-caption > .file-system-meta:last-child{font-weight:700}