:root{--paper:#fffafd;--ground:#fff1f8;--ink:#53445e;--muted:#846f8b;--line:#d4afca;--red:#b24d8f;--sage:#6685a6;--serif:SimSun,"宋体","MS PGothic",serif;--mono:Tahoma,"Courier New",monospace;--pink:#f1b3d2;--blue:#d8edfb;--edge:#986c94}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;color:var(--ink);font:12px/1.7 var(--serif);background:var(--ground) url('/art/y2k/tile.svg') repeat}::selection{color:#71356c;background:#f7c0df}a{color:#7951a2;text-decoration:underline;text-underline-offset:2px}a:hover{color:#cf4d97}button,input,textarea,select{font:12px var(--serif);color:var(--ink);border-radius:0}button{cursor:pointer;padding:4px 10px;background:linear-gradient(#fff8fc 0%,#f8e5f0 45%,#efcde2 48%,#f9e2ef 100%);border:1px solid #a77b9d;box-shadow:inset 1px 1px #fff,inset -1px -1px #d6aac5}button:hover{background:linear-gradient(#fff,#e9d5f5);color:#7b3785}button:active{box-shadow:inset 1px 1px #b08ca7,inset -1px -1px #fff;transform:translate(1px,1px)}button:disabled{cursor:wait;color:#9a8d9d;filter:grayscale(.6)}input,textarea,select{width:100%;background:#fff;border:1px solid #b897b5;box-shadow:inset 1px 1px #e0d2df;padding:6px;line-height:1.6}input[type=file]{font-size:11px;padding:5px}input:focus,textarea:focus{background:#fffafe}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:1px dotted #8c3c83;outline-offset:3px}textarea{resize:vertical}label{display:block;margin:10px 0;font-size:12px}label input,label textarea,label select{margin-top:4px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:700;letter-spacing:0}h1{font-size:18px}h2{font-size:14px}h3{font-size:13px}img{max-width:100%}.micro{font:10px/1.7 var(--serif);color:var(--muted)}.subtle{font-size:12px;color:var(--muted)}.text-button{border:0;background:none;box-shadow:none!important;padding:0;text-decoration:underline;color:#7951a2;font-size:inherit}.text-button:hover{background:none}.primary{background:linear-gradient(#fceafa,#edb5d7);color:#7b3d74;border-color:#9f729b;font-weight:bold}
.site{width:1040px;max-width:calc(100% - 32px);margin:24px auto 30px;border:1px solid #9d799a;padding:3px;background:#ead9e9;box-shadow:1px 1px #fff,inset 1px 1px #fff,inset -1px -1px #b794b3,3px 3px #b897b44d}.masthead{margin-top:3px;border:1px solid #b78db1;background:#fff;overflow:hidden}.masthead a,.masthead img{display:block;width:100%}.masthead img{height:auto;aspect-ratio:700/150;object-fit:cover}.layout{display:grid;grid-template-columns:174px minmax(0,1fr) 166px;gap:8px;padding:8px;background:linear-gradient(#fdf8fc,#f9eef7)}.sidebar,.art-sidebar{min-width:0}.side-window{margin-bottom:9px;border:1px solid #b78fb1;padding:2px;background:#fff8fc;box-shadow:inset 1px 1px #fff,1px 1px #e9d4e4}.window-heading{margin:0;font-size:12px;line-height:23px;display:flex;align-items:center;gap:5px;padding:0 5px;color:#704d76;background:linear-gradient(#fff7fd 0%,#f8e3f0 43%,#edcce2 44%,#f9e4f2);border:1px solid #d4abc8;box-shadow:inset 0 1px #fff}.window-heading:after{content:"";height:8px;flex:1;margin-left:5px;background:repeating-linear-gradient(0deg,#c79ac0 0,#c79ac0 1px,transparent 1px,transparent 3px);opacity:.5}.window-heading img{width:14px;height:14px;image-rendering:pixelated}.profile{text-align:center;padding:13px 4px 10px;background:repeating-linear-gradient(0deg,#fff 0,#fff 2px,#fffbfd 2px,#fffbfd 4px)}.avatar{display:flex;justify-content:center;align-items:center;width:56px;height:52px;margin:0 auto 7px;border:3px double #e4b1d4;background:linear-gradient(#fff1fa,#e1ecff)}.avatar img{width:32px;height:32px;image-rendering:pixelated}.author{font-size:14px;color:#8c4a81;letter-spacing:2px}.profile-counts{font-size:10px;color:#8a728a;margin-top:5px}nav{padding:5px;display:grid;gap:4px}nav a{display:flex;align-items:center;gap:9px;min-height:29px;padding:4px 8px;border:1px solid #a6b5d3;border-top-color:#d3deef;border-left-color:#d3deef;background:linear-gradient(#f9fdff 0%,#edf6ff 43%,#d9e8fa 44%,#f0f5ff);box-shadow:inset 1px 1px #fff,inset -1px -1px #c5d4ec;color:#6d6391;text-decoration:none;font-size:12px}nav a:hover,nav a.active{color:#9d4087;border-color:#cda0c5;background:linear-gradient(#fff4fb,#f2cce6);box-shadow:inset 1px 1px #fff}nav a.active:after{content:"◂";margin-left:auto;font-size:10px;color:#b35c9c}nav img{width:16px;height:16px;image-rendering:pixelated}.side-bottom{padding:9px 7px;font-size:11px;line-height:2.2}.side-bottom>#login-button{width:100%;font-size:11px}.side-bottom #account-links{margin-top:5px}.source-links{display:grid;gap:5px;padding:9px;font-size:11px}.source-links a:before{content:"› ";color:#bd81ac}.portrait-banner{display:block;margin:4px auto;width:150px;max-width:100%;border:1px solid #c0a6c7}.portrait-banner img{display:block;width:100%;height:auto}.pixel-divider{height:24px;background:url('/art/y2k/flower.svg') repeat-x center;background-size:16px 16px;image-rendering:pixelated;opacity:.6}main{min-width:0;align-self:start;background:var(--paper);padding:9px;border:1px solid #b78fb1;box-shadow:inset 1px 1px white;min-height:650px}main>.section-line:first-of-type{margin-top:0}.page-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;padding:4px 7px;background:linear-gradient(#eefaff,#cde3f5);border:1px solid #a6bbd7;box-shadow:inset 1px 1px white}.page-head h1{font-size:13px;margin:0;color:#576989}.page-head h1:before{content:"";display:inline-block;width:13px;height:13px;margin-right:5px;vertical-align:-2px;background:url('/art/y2k/flower.svg') center/contain}.section-line{display:flex;align-items:center;gap:8px;margin:15px 0 8px;padding:3px 6px;background:linear-gradient(#fff7fc,#f0d3e8);border:1px solid #d5b2ce;box-shadow:inset 0 1px white;min-height:27px}.section-line h2{font-size:12px;margin:0;color:#875780}.section-line h2:before{content:"";display:inline-block;width:12px;height:12px;background:url('/art/y2k/heart.svg') center/contain;margin-right:5px;vertical-align:-1px;image-rendering:pixelated}.section-line a{font-size:10px;margin-left:auto}.section-line>.micro{margin-left:auto}.home-art{margin:0 0 10px;padding:4px;border:3px double #c4add6;background:#fff;position:relative}.home-art a,.home-art img{display:block;width:100%}.home-art img{height:auto;aspect-ratio:567/375;object-fit:cover}.home-art:after{content:"";position:absolute;inset:4px;pointer-events:none;border:1px solid #fff9}.updates{width:100%;border-collapse:collapse;margin-bottom:12px;table-layout:fixed;font-size:11px}.updates caption{text-align:left;font-weight:bold;background:#e7f2fc;border:1px solid #bdcfe3;padding:4px 6px;color:#617393}.updates th,.updates td{font-weight:normal;border:1px solid #dac6d8;padding:4px 6px;text-align:left;overflow-wrap:anywhere}.updates th{background:#fff0f8;color:#a36891}.updates th:first-child{width:86px}.updates th:nth-child(2){width:42px}.updates time{font:10px Tahoma,serif;color:#7c7294}.updates tbody tr:nth-child(2n){background:#fff7fc}.updates .empty-update{text-align:center;padding:12px;color:#948099}.feature{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;border:1px solid #dac6d8;background:#fff;padding:6px}.feature-image{display:block;align-self:start;border:3px double #c7b5ce;background:#ecf0ff}.feature-image img{display:block;width:100%;height:144px;object-fit:cover;filter:none}.feature h2{font-size:15px;margin:5px 0}.feature-copy{min-width:0;display:flex;flex-direction:column}.feature .entry-bottom{margin-top:auto}.meta{font:10px/1.7 Tahoma,var(--serif);color:#8b7392}.category{display:inline-block;background:#f3e4f8;border:1px solid #d7bce0;padding:0 4px;margin-right:6px;font:10px/1.7 var(--serif);color:#9a669c}.excerpt{font-size:12px;line-height:1.9;white-space:pre-line;margin:7px 0 10px;color:#7c687f;overflow-wrap:anywhere}.entry-bottom{display:flex;justify-content:space-between;align-items:center;gap:6px;padding-top:5px;font-size:10px}.score-mini{font:12px Tahoma,serif;color:#b34e91}.score-mini span{font:10px var(--serif);color:#928297}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.photo-card{border:1px solid #d7bbd0;background:#fff;padding:5px}.photo-card img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover;filter:none;border:1px solid #e4d3e2}.photo-card h3{font-size:12px;margin:6px 0 3px}.photo-card .entry-bottom{border-top:1px dotted #d4b9d1;margin-top:5px}.photo-card .meta{font-size:9px}.empty{border:1px dashed #d8bbd1;background:#fffafd;text-align:center;color:#9a8197;font-size:11px;padding:18px 8px;margin:0}.empty-inline{font-size:11px;color:#9a8197;padding:10px 0}.photo-grid>.subtle{padding:10px 6px;font-size:11px}.demo-note{font-size:10px;color:#8c8098;margin:9px 0}.demo-tag{font:9px var(--serif);color:#94749b;margin-left:5px}.work-list .work-row{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;padding:12px 5px;border-bottom:1px dotted #d8b9d0}.work-row img{width:70px;height:95px;object-fit:cover;border:3px double #d4bfd9}.work-row h2{font-size:14px;margin:4px 0}.work-row .excerpt{margin:5px 0}.archive-year{font:bold 17px Tahoma,serif;color:#9c64a0;margin:17px 0 8px;border-bottom:1px solid #e5d0e0;padding-bottom:4px}.archive-row{display:grid;grid-template-columns:78px 38px minmax(0,1fr);gap:6px;padding:8px 3px;border-bottom:1px dotted #d8bfd4;font-size:11px}.archive-row time{font:10px Tahoma,serif;color:#8a7e93}.prose{font-size:12px;line-height:2;overflow-wrap:anywhere}.prose p{margin-bottom:13px}.back{display:inline-block;font-size:11px;margin:0 0 11px}.work-heading{padding:0 2px 10px;border-bottom:1px dotted #c9a6c5;margin-bottom:12px}.work-heading h1{font-size:20px;color:#895589;margin:8px 0}.tags{font-size:10px;color:#8c83ad}.chapter-list{padding:0;margin:10px 0 18px;list-style:none}.chapter-list li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 4px;border-bottom:1px dotted #d4bad0;font-size:12px}.chapter-list time{font:9px Tahoma,serif;color:#98849c;white-space:nowrap}.reader-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px dotted #c8acc7;padding:4px 0 9px;margin-bottom:14px;font-size:10px}.reader-toolbar button{font-size:10px;padding:3px 6px}.chapter-heading{font-size:18px;color:#8f6092;margin:8px 0 18px}.reader-body{font-size:16px;line-height:2.2;letter-spacing:0;padding:0 9px}.reader-body p{white-space:pre-wrap;margin:0 0 1.5em;overflow-wrap:anywhere}.reader-body.large{font-size:20px}.reader-controls{display:flex;justify-content:space-between;gap:15px;border-top:1px dotted #d0b0c9;padding:12px 0;font-size:11px}.album-image{margin:8px 0 20px}.album-image button{display:block;width:100%;border:0;padding:0;box-shadow:none;background:#f8eff7}.album-image img{display:block;width:100%;max-height:650px;object-fit:contain}.album-image figcaption{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#957d99;margin-top:5px}.rating-panel{display:grid;grid-template-columns:70px minmax(0,1fr) minmax(130px,1fr);gap:15px;border:1px solid #d4bbd2;background:#fff;padding:12px 10px}.big-score{font:30px Tahoma,serif;color:#b15896;line-height:1.2}.score-caption{font-size:10px;color:#958299;line-height:1.8;margin-top:4px}.histogram{display:flex;align-items:flex-end;gap:3px;height:65px}.hist-column{flex:1;text-align:center;min-width:0}.hist-bar{display:block;min-height:2px;background:linear-gradient(90deg,#bcb4e3,#e4c8e9);border:1px solid #b89ac4}.hist-column small{font:9px Tahoma,serif;color:#958199}.rating-actions{font-size:11px}.rating-actions label{margin:0;font-size:11px}.rating-actions select{padding:3px;margin:5px 0;font-size:11px}.rating-actions button{font-size:10px;padding:3px 6px}.comments{margin-top:14px}.comment{border-bottom:1px dotted #d0b3cb;padding:10px 3px}.comment-head{display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#986698}.comment-head time{font:9px Tahoma,serif;color:#99869d}.comment-body{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;margin:7px 0}.comment-tools{display:flex;gap:12px;color:#8b7c91;font-size:10px}.reply-hint{font-size:10px;color:#94809a;margin:6px 0}summary{cursor:pointer;font-size:11px;color:#937ca1}.comment-form textarea{min-height:85px}.check-label{display:flex;align-items:center;gap:5px;margin:8px 0;font-size:11px}.check-label input{width:auto;margin:0}.form-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.notice{padding:7px 9px;font-size:11px;line-height:1.9;border:1px dotted #cbb1c9;background:#fff3fa;margin:12px 0;color:#917893}.loading{padding:30px 5px;color:#957d99}.error{color:#b74a83}.small-title{font-size:13px}.admin-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0 12px;padding-bottom:8px;border-bottom:1px dotted #c8adc5}.admin-tabs button{font-size:11px;padding:4px 7px}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 3px;border-bottom:1px dotted #d0b4ca}.admin-row h3{font-size:13px;margin:3px 0}.admin-actions{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.admin-actions button{font-size:10px;padding:3px 5px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.editor-grid .full{grid-column:1/-1}.chapter-editor{padding:9px;border:1px solid #c7aecb;margin:10px 0;background:#fff}.chapter-editor textarea{min-height:260px}.chapter-editor .text-button{font-size:10px}.editor-image{display:grid;grid-template-columns:55px minmax(0,1fr);gap:8px;padding:7px;border:1px solid #d0b7cd;margin:8px 0;background:#fff}.editor-image img{width:55px;height:80px;object-fit:cover}.editor-image label{margin:0 0 5px;font-size:10px}.editor-image input{font-size:11px}.editor-image button{font-size:9px;padding:3px 4px}.admin-gallery{display:grid;grid-template-columns:1fr 1fr;gap:0 7px}.save-bar{position:sticky;bottom:0;z-index:5;display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:10px 2px;border-top:1px solid #c5a4c1;background:var(--paper)}.save-bar span{font-size:10px;color:#967e9b}#reply-target{font-size:11px;color:#a26397}.mobile-account{display:none}footer{display:flex;align-items:center;justify-content:center;gap:25px;font-size:10px;color:#8b6c8a;padding:8px;background:linear-gradient(#f8edf7,#eddbec);border:1px solid #c4a5c0}footer a{color:#8b6c8a}
dialog{width:min(410px,calc(100% - 24px));padding:3px 15px 12px;background:#fff6fc;border:1px solid #97678d;box-shadow:inset 1px 1px #fff,inset -1px -1px #d5accb,3px 3px #8d698044;color:var(--ink)}dialog::backdrop{background:#5f426f70;backdrop-filter:none}.dialog-top{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,#c183b8,#f0bdd8);color:#fff;border:1px solid #d3a2c6;margin:0 -12px 13px;padding:1px 6px;font-size:12px;font-weight:bold}.dialog-top .text-button{font:16px/1.3 Arial,sans-serif;color:#7b5174;text-decoration:none;background:#f2deeb;border:1px solid #a7829d;padding:0 4px}.dialog-top .text-button:hover{background:#fff}dialog h2{font-size:16px;color:#9b5e94;margin-bottom:7px}dialog p{font-size:11px;color:#8b758e}.code-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:8px}.code-row label{margin:0}.code-row button{height:33px}.form-note{min-height:20px;color:#a25391;font-size:11px;overflow-wrap:anywhere;margin:7px 0}#login-form>.primary{width:100%;margin:8px 0}#toast{display:none;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);max-width:calc(100% - 25px);z-index:30;font-size:12px;background:#fff2fa;border:2px outset #e1b8d5;box-shadow:2px 2px #8e6b8140;padding:9px 18px;color:#8b5189}#toast.visible{display:block}#image-dialog{width:min(1100px,95vw);max-width:95vw;padding:30px 12px 8px;background:#fff6fc;text-align:center}#large-image{display:block;margin:auto;max-width:100%;max-height:78vh}.lightbox-close{position:absolute;top:4px;right:7px;font-size:11px}#large-caption{margin:7px 0}body.reader-dark{--paper:#30263b;--ink:#e5d4e5;--muted:#bd9fbf;background-color:#221b2b}body.reader-dark main{background:#30263b;color:#e5d4e5}body.reader-dark .reader-toolbar,body.reader-dark .reader-controls{border-color:#735470}body.reader-dark main a{color:#dfb2e9}body.reader-dark .reader-body{color:#e7dbe9}body.reader-dark .rating-panel,body.reader-dark .notice,body.reader-dark input,body.reader-dark textarea,body.reader-dark select{background:#3c3047;color:#e5cce7}body.reader-dark .chapter-heading{color:#e3b0dd}body.reader-dark .comment-body{color:#e5d4e5}
@media(min-width:1600px){.site{margin-top:35px}}@media(max-width:1060px){.site{max-width:calc(100% - 24px)}.layout{grid-template-columns:160px minmax(0,1fr) 142px;gap:6px;padding:6px}.portrait-banner{width:100%}.rating-panel{gap:10px;grid-template-columns:60px minmax(0,1fr)}.rating-actions{grid-column:1/-1;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.rating-actions select{width:150px}.rating-actions label{display:inline}.admin-gallery{grid-template-columns:1fr}.art-sidebar .window-heading{font-size:11px}}
@media(max-width:760px){.site{margin:12px auto;max-width:calc(100% - 16px)}.layout{grid-template-columns:145px minmax(0,1fr)}.art-sidebar{grid-column:1/-1;display:none}.masthead img{aspect-ratio:700/150}.source-window{display:none}main{min-height:570px}.feature{grid-template-columns:90px minmax(0,1fr);gap:7px}.feature-image img{height:120px}.feature h2{font-size:13px}.photo-grid{grid-template-columns:1fr}.rating-panel{grid-template-columns:55px minmax(0,1fr)}.editor-grid{display:block}}
@media(max-width:520px){body{font-size:12px}.site{margin:7px auto;max-width:calc(100% - 10px);padding:2px}.masthead{margin-top:2px}.layout{display:block;padding:5px}.sidebar{display:block}.side-window{margin-bottom:6px}.sidebar>.side-window:first-child,.sidebar>.account-window,.sidebar>.source-window{display:none}.sidebar>.side-window:nth-child(2){padding:2px}.sidebar>.side-window:nth-child(2)>.window-heading{display:none}nav{display:flex;justify-content:space-between;gap:3px;padding:2px}nav a{min-height:27px;justify-content:center;gap:3px;font-size:10px;padding:3px 5px;flex:1;white-space:nowrap}nav img{width:12px;height:12px}nav a.active:after{display:none}main{padding:7px;min-height:500px}.mobile-account{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:0 0 7px;padding:2px 1px;font-size:10px}.mobile-account button{font-size:10px;padding:2px 6px}.home-art{padding:3px}.home-art img{aspect-ratio:567/375}.home-art:after{inset:3px}.page-head{margin-bottom:8px}.section-line{margin:12px 0 7px}.section-line h2{font-size:11px}.section-line a{font-size:9px}.updates{font-size:10px}.updates th,.updates td{padding:4px}.updates th:first-child{width:74px}.updates th:nth-child(2){width:34px}.updates time{font-size:9px}.photo-grid{grid-template-columns:1fr 1fr;gap:6px}.photo-card{padding:3px}.photo-card h3{font-size:11px}.photo-card .meta{font-size:8px}.entry-bottom{font-size:9px;flex-wrap:wrap}.score-mini{font-size:11px}.score-mini span{font-size:9px}.feature{grid-template-columns:85px minmax(0,1fr)}.feature h2{font-size:14px}.feature-image img{height:115px}.excerpt{font-size:11px;margin:5px 0;line-height:1.8}.work-list .work-row{grid-template-columns:55px minmax(0,1fr)}.work-row img{width:55px;height:80px}.work-row h2{font-size:13px}.work-heading h1{font-size:18px}.reader-body{font-size:16px;padding:0 3px}.reader-body.large{font-size:19px}.reader-toolbar{font-size:9px}.reader-toolbar button{font-size:9px;padding:3px 4px}.chapter-list li{font-size:11px}.chapter-list time{font-size:8px}.rating-panel{padding:10px;gap:12px;grid-template-columns:60px minmax(0,1fr)}.rating-actions select{width:140px}.comment-head{display:block}.comment-head time{display:block;margin-top:3px}.archive-row{grid-template-columns:70px 32px minmax(0,1fr);gap:4px;font-size:10px}.archive-row time{font-size:9px}.admin-row{align-items:flex-start}.admin-row h3{font-size:12px}.admin-tabs button{font-size:10px;padding:4px 5px}.save-bar{gap:5px}.save-bar button{font-size:10px;padding:5px 7px}.form-foot{align-items:flex-start}.album-image figcaption{font-size:9px}.side-bottom{margin:0}footer{padding:7px 4px;gap:17px;font-size:9px}.art-sidebar{display:none}}

/* Artwork only: no promotional banners, release dates or outbound image links. */
.masthead img{height:190px;aspect-ratio:auto;object-fit:cover;object-position:center 28%}.portrait-banner img{height:auto;width:100%;object-fit:contain;object-position:center}@media(max-width:760px){.masthead img{height:155px;aspect-ratio:auto}}@media(max-width:520px){.masthead img{height:120px;object-position:center 27%}}

.avatar{width:64px;height:64px}.avatar img{display:block;width:100%;height:100%;object-fit:contain;image-rendering:auto}

/* A separate background layer keeps the text and controls fully opaque. */
main.home-background{--artwork-opacity:.13;position:relative;isolation:isolate}
main.home-background::before{content:"";position:absolute;inset:3px;z-index:-1;background:url('/art/y2k/kannaduki-cutout.png') center 55px / 100% auto no-repeat;mask-image:linear-gradient(to bottom,#000 82%,transparent 96%);opacity:var(--artwork-opacity);pointer-events:none}
.home-background .updates{background:rgba(255,250,253,.62)}
.home-background .empty{background:rgba(255,250,253,.62)}
@media(max-width:520px){main.home-background::before{background-position:center 75px}}

main.home-background{background-color:#fff}.home-background .updates,.home-background .empty{background:rgba(255,255,255,.62)}
main.home-background::before{inset:auto 3px auto;top:55px;aspect-ratio:1542/1020;background-position:center;background-size:contain;mask-image:linear-gradient(to bottom,#000 78%,transparent 100%)}@media(max-width:520px){main.home-background::before{top:75px;background-position:center}}

/* Full-width site layout. No nested browser frame or page scaling. */
body{font-size:15px;line-height:1.8}
.site{width:calc(100% - 64px);max-width:none;margin:24px auto 20px;padding:0;border:0;box-shadow:none;background:transparent}
.masthead{margin:0;border:1px solid #c09bb9}.masthead img{height:clamp(190px,16vw,270px)}
.layout{grid-template-columns:clamp(200px,14vw,280px) minmax(0,1fr) clamp(180px,13vw,260px);gap:14px;padding:14px 0;background:transparent;align-items:start}
.side-window{margin-bottom:14px;padding:3px}.window-heading{font-size:14px;line-height:30px;padding:0 8px;gap:7px}.window-heading img{width:17px;height:17px}
.profile{padding:18px 8px 15px}.avatar{width:88px;height:88px;margin-bottom:10px}.author{font-size:18px}.profile-counts{font-size:13px;margin-top:9px}
nav{padding:7px;gap:6px}nav a{font-size:16px;min-height:42px;padding:7px 12px;gap:12px}nav img{width:19px;height:19px}
.side-bottom{padding:12px 9px;font-size:14px}.side-bottom>#login-button{font-size:14px;min-height:36px}
button,input,textarea,select{font-size:14px}button{padding:7px 12px}input,textarea,select{padding:8px}label{font-size:14px;margin:13px 0}
.portrait-banner{width:100%;margin:0}.portrait-banner img{height:auto}
main{padding:15px;min-height:65vh}.page-head{padding:7px 10px;margin-bottom:15px}.page-head h1{font-size:17px}.page-head h1:before{width:16px;height:16px;margin-right:8px}
.section-line{padding:6px 9px;min-height:36px;margin:18px 0 10px}.section-line h2{font-size:15px}.section-line h2:before{width:15px;height:15px}.section-line a,.section-line>.micro{font-size:12px}
.updates{font-size:14px}.updates caption{padding:6px 9px}.updates th,.updates td{padding:7px 10px}.updates th:first-child{width:116px}.updates th:nth-child(2){width:62px}.updates time{font-size:12px}.updates .empty-update{padding:18px}
.empty{padding:26px 12px;font-size:14px}.subtle,.empty-inline{font-size:14px}.photo-grid>.subtle{font-size:14px;padding:10px}.meta,.micro,.demo-note,.tags{font-size:12px}.category,.demo-tag{font-size:11px}
.feature{grid-template-columns:180px minmax(0,1fr);padding:10px;gap:15px}.feature-image img{height:190px}.feature h2{font-size:20px}.excerpt{font-size:15px}.entry-bottom{font-size:13px;padding-top:8px}.score-mini{font-size:16px}.score-mini span{font-size:12px}
.photo-grid{gap:14px}.photo-card{padding:8px}.photo-card h3{font-size:16px}.photo-card .meta{font-size:12px}.work-list .work-row{grid-template-columns:95px minmax(0,1fr);gap:15px;padding:16px 7px}.work-row img{width:95px;height:125px}.work-row h2{font-size:19px}
.archive-row{grid-template-columns:110px 55px minmax(0,1fr);font-size:15px;padding:11px 5px}.archive-row time{font-size:12px}.prose{font-size:15px;max-width:850px}.back{font-size:14px}.work-heading h1{font-size:25px}.chapter-list li{font-size:15px;padding:12px 6px}.chapter-list time{font-size:12px}
.reader-body{font-size:18px;line-height:2.2;max-width:860px;margin:0 auto}.reader-body.large{font-size:22px}.chapter-heading{font-size:23px}.reader-toolbar,.reader-controls{font-size:13px}.reader-toolbar button{font-size:12px;padding:6px 9px}
.rating-panel{grid-template-columns:90px minmax(0,1fr) minmax(180px,1fr);padding:18px;gap:22px}.big-score{font-size:38px}.score-caption,.rating-actions,.rating-actions label,.rating-actions select{font-size:13px}.rating-actions button{font-size:12px;padding:6px 9px}.rating-actions{display:block;grid-column:auto}.histogram{height:78px}.hist-column small{font-size:11px}
.comment-head,.comment-body{font-size:15px}.comment-head time,.comment-tools,.reply-hint,summary{font-size:12px}.comment{padding:14px 5px}.check-label{font-size:13px}.notice{font-size:13px;padding:10px 12px}.album-image figcaption{font-size:13px}
.admin-tabs button{font-size:14px;padding:7px 10px}.admin-row h3{font-size:17px}.admin-actions button{font-size:12px;padding:5px 8px}.editor-image label,.editor-image input{font-size:13px}.editor-image button{font-size:11px}.save-bar span{font-size:12px}
main.home-background::before{inset:65px 12px 20px;aspect-ratio:auto;background-size:contain;background-position:center top}
footer{font-size:12px;padding:12px;background:transparent;border:0;border-top:1px dotted #c4a5c0;gap:30px}
@media(max-width:1200px){.site{width:calc(100% - 32px);margin:16px auto}.layout{grid-template-columns:190px minmax(0,1fr) 170px;gap:10px}.feature{grid-template-columns:120px minmax(0,1fr)}.rating-panel{grid-template-columns:75px minmax(0,1fr)}.rating-actions{grid-column:1/-1}.rating-actions select{width:auto;max-width:250px}}
@media(max-width:900px){.layout{grid-template-columns:175px minmax(0,1fr)}.art-sidebar{display:none}.masthead img{height:190px}.photo-grid{grid-template-columns:1fr}.admin-gallery{grid-template-columns:1fr}.editor-grid{display:block}}
@media(max-width:600px){.site{width:calc(100% - 12px);margin:6px auto}.layout{display:block;padding:8px 0}.masthead img{height:125px}.sidebar>.side-window:first-child,.sidebar>.account-window{display:none}.sidebar>.side-window:nth-child(2)>.window-heading{display:none}.side-window{margin-bottom:8px}.sidebar nav{display:flex;padding:4px;gap:4px}nav a{font-size:12px;min-height:36px;padding:5px 4px;gap:4px;justify-content:center}nav img{width:14px;height:14px}.sidebar nav a.active:after{display:none}main{padding:10px;min-height:60vh}.page-head h1{font-size:16px}.mobile-account{font-size:12px;margin-bottom:10px}.mobile-account button{font-size:12px;padding:5px 8px}.section-line h2{font-size:14px}.section-line a{font-size:11px}.updates{font-size:12px}.updates th,.updates td{padding:6px}.updates th:first-child{width:88px}.updates th:nth-child(2){width:40px}.updates time{font-size:10px}.feature{grid-template-columns:85px minmax(0,1fr);gap:10px;padding:6px}.feature-image img{height:120px}.feature h2{font-size:16px}.excerpt{font-size:13px}.entry-bottom{font-size:12px}.photo-card h3{font-size:15px}.photo-card .meta{font-size:11px}.work-list .work-row{grid-template-columns:60px minmax(0,1fr);gap:10px}.work-row img{width:60px;height:90px}.work-row h2{font-size:16px}.archive-row{grid-template-columns:82px 38px minmax(0,1fr);font-size:13px}.archive-row time{font-size:10px}.reader-body{font-size:17px;padding:0 3px}.reader-body.large{font-size:21px}.reader-toolbar{font-size:11px;flex-wrap:wrap}.chapter-list li{font-size:13px}.chapter-list time{font-size:10px}.rating-panel{grid-template-columns:65px minmax(0,1fr);padding:12px;gap:12px}.rating-actions{grid-column:1/-1}.comment-head{display:block}.comment-head time{display:block;margin-top:3px}.admin-tabs button{font-size:12px}.save-bar button{font-size:12px}.album-image figcaption{font-size:11px}main.home-background::before{inset:75px 8px 20px;background-position:center top}footer{font-size:11px;gap:20px}}
@media(min-width:521px) and (max-width:600px){.mobile-account{display:flex;justify-content:flex-end;align-items:center;gap:10px}}