:root{color-scheme:light;--ink:#303332;--muted:#777975;--paper:#f3f0eb;font-family:"Songti SC","STSong","Noto Serif CJK SC","Noto Serif SC","Source Han Serif SC",serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-height:100svh}button,input,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:1px solid #626e6a;outline-offset:6px}
.landscape{position:fixed;inset:0;z-index:-1;background-image:url("assets/ink-home-background-v2.png");background-size:cover;background-position:center center;background-repeat:no-repeat}
.home-header{position:absolute;top:5.1svh;right:3.65vw}


.search-open{border:0;background:transparent;padding:0;display:grid;place-items:center;width:30px;height:30px;margin-left:4px}.search-open img{width:27px;height:27px;opacity:.85}
.home-main{position:absolute;left:8.6vw;top:calc(18.3svh - 54px)}.home-main h1{--intro-size:clamp(10px,.875vw,18px);font-size:var(--intro-size);font-weight:400;line-height:1.45;letter-spacing:.055em;margin:0;white-space:nowrap}
.skip-link{position:fixed;z-index:20;left:16px;top:12px;background:var(--paper);padding:10px;transform:translateY(-200%)}.skip-link:focus{transform:none}
.paper-dialog{width:min(550px,calc(100% - 40px));max-height:calc(100svh - 64px);border:1px solid #8b8e802e;border-radius:3px;color:var(--ink);background:#f6f3eeef;box-shadow:0 20px 80px #263a3420;padding:42px;overflow:auto}.paper-dialog::backdrop{background:#66706925;backdrop-filter:blur(5px)}.paper-dialog h2{margin:0 0 24px;font-size:25px;font-weight:400;letter-spacing:.12em}
.dialog-close{position:absolute;top:15px;right:15px;display:grid;place-items:center;width:28px;height:28px;background:none;border:0;padding:4px}.dialog-close img{width:20px;height:20px;opacity:.7}
.section-list{display:grid;gap:0}.section-list button{display:flex;align-items:center;justify-content:space-between;background:transparent;border:0;border-bottom:1px solid #434e4515;padding:18px 0;text-align:left;font-size:17px;letter-spacing:.08em}.section-list button:hover{color:#121d17}.section-list small{font:11px "Avenir Next","Helvetica Neue",sans-serif;color:var(--muted);letter-spacing:.08em}.section-empty{font-size:15px;line-height:1.9;color:var(--muted);margin:8px 0 12px}.section-back{border:0;background:none;padding:0;margin-top:20px;font-size:14px;letter-spacing:.08em}
.search-dialog{width:min(620px,calc(100% - 40px))}.search-field{display:flex;align-items:center;gap:12px;border-bottom:1px solid #74796c50;padding:8px 0 14px}.search-field>img{width:20px;height:20px;opacity:.6}.search-field input{width:100%;min-width:0;border:0;outline:none;background:none;font-size:16px;font-family:"PingFang SC","Microsoft YaHei",sans-serif}.search-field:focus-within{border-color:#46574f}.search-field input::placeholder{color:#85877f;font-size:14px}.search-status{font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:12px;color:var(--muted);min-height:18px;margin:16px 0 6px}#search-results{max-height:50svh;overflow:auto}.search-result{display:flex;flex-direction:column;gap:6px;padding:14px 2px;border-bottom:1px solid #45524715;font-family:"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.6}.search-result:hover{background:#727f6c0a}.search-result small{font-size:11px;color:var(--muted)}
@media(min-aspect-ratio:2/1){.home-main{top:calc(18svh - 54px)}}
@media(max-width:700px){.landscape{background-position:53% bottom}.home-header{top:30px;right:7vw}.search-open{width:23px;height:26px;margin:0}.search-open img{width:23px;height:23px}.home-main{left:8vw;right:6vw;top:calc(17svh - 54px)}.home-main h1{--intro-size:clamp(11px,2.95vw,18px);font-size:var(--intro-size);line-height:1.8;letter-spacing:.025em}.paper-dialog{padding:40px 25px 28px}.paper-dialog h2{font-size:23px}}
@media(max-width:360px){.home-main h1{--intro-size:11px;font-size:var(--intro-size)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

#landscape-wind{display:block;width:100%;height:100%;opacity:0;pointer-events:none}
@media(prefers-reduced-motion:reduce){#landscape-wind{display:none}}

.home-translation{font-family:"Georgia","Times New Roman",serif;font-size:calc(clamp(10px,.875vw,18px)*.7);font-weight:400;color:#737770;letter-spacing:.035em;line-height:1.6;margin:9px 0 0}
.home-main~.mind-login{background:#f6f3ee;color:#303332;border:1px solid #8b8e8040;border-radius:4px;box-shadow:0 18px 70px #263a3420;font-family:"PingFang SC","Microsoft YaHei",sans-serif}
.home-main~.mind-login::backdrop{background:#66706925;backdrop-filter:blur(5px)}
.home-main~.mind-login input{background:#ffffff60;color:#303332;border-color:#9a9d9160;letter-spacing:.03em}
.home-main~.mind-login input:focus{outline-color:#68796e;border-color:#68796e}
.home-main~.mind-login h2{font-size:22px;font-weight:400}
.home-main~.mind-login .mind-login-submit{background:#39453e;border-color:#39453e;color:#fff}
.home-main~.mind-login .mind-login-description,.home-main~.mind-login label,.home-main~.mind-login .mind-login-error{color:#737770}
@media(max-width:700px){.home-translation{font-size:calc(clamp(11px,2.95vw,18px)*.7)}}
@media(max-width:360px){.home-translation{font-size:7.7px}}

.home-logo{display:block;aspect-ratio:4.8;overflow:hidden;width:clamp(220px,16.6vw,320px);max-width:100%;margin-bottom:12px}.home-logo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%}@media(max-width:700px){.home-logo{width:230px;margin-bottom:12px}}
/* This control exists only on the public first page. */
:root{--home-artwork:url('assets/ink-home-background-v2.png')}html[data-home-background=palace]{--home-artwork:url('assets/home/lakeside-palace-v1.png')}html[data-home-background=bagan]{--home-artwork:url('assets/home/bagan-sunrise-v1.png')}.landscape{background-image:var(--home-artwork)}html[data-home-background=palace] #landscape-wind,html[data-home-background=bagan] #landscape-wind{visibility:hidden}
.home-header{display:flex;align-items:center;gap:8px;z-index:5}.home-background-control{position:relative}.home-background-toggle{display:flex;align-items:center;justify-content:center;width:30px;height:36px;border:0;padding:6px;background:transparent;opacity:.75}.home-background-toggle:hover{opacity:1}.home-background-toggle img{width:18px;height:18px;transition:transform 160ms ease}.home-background-toggle[aria-expanded=true] img{transform:rotate(180deg)}
.home-background-menu{position:absolute;right:0;top:calc(100% + 12px);width:260px;max-width:calc(100vw - 32px);padding:16px 12px 12px;border:1px solid #63737826;border-radius:5px;background:#f5f1eaf5;box-shadow:0 8px 30px #31424716;backdrop-filter:blur(6px);color:#304449}.home-background-menu[hidden]{display:none}.home-background-menu>p{font-size:12px;color:#79837e;margin:0 8px 10px;letter-spacing:.08em}.home-background-menu>button{display:flex;align-items:center;gap:12px;width:100%;padding:8px;border:0;border-radius:3px;background:transparent;text-align:left;font-size:13px;color:#304449}.home-background-menu>button:hover,.home-background-menu>button[aria-pressed=true]{background:#6475730b}.home-background-menu>button>img{width:66px;height:42px;object-fit:cover;border-radius:2px;opacity:.9}.home-background-menu small{margin-left:auto;font-size:10px;color:#8d958f;white-space:nowrap}.home-background-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:700px){.home-header{gap:4px}.home-background-toggle{width:28px}}

.home-background-actions{display:flex;justify-content:flex-end;gap:4px;margin:0 2px 6px}
.home-background-actions button{width:25px;height:25px;padding:0;border:1px solid transparent;border-radius:3px;background:transparent;color:#6c7c7b;font:20px/1 var(--serif,serif)}
.home-background-actions button:hover{background:#6475730b;border-color:#63737826;color:#a94332}
.home-background-list{max-height:min(390px,60svh);overflow:auto;scrollbar-width:thin}
.home-background-list>button{display:flex;align-items:center;gap:12px;width:100%;padding:8px;border:0;border-radius:3px;background:transparent;text-align:left;font:inherit;font-size:13px;line-height:1.5;color:#304449}
.home-background-list>button:hover,.home-background-list>button[aria-pressed=true]{background:#6475730b}
.home-background-list>button>img{width:66px;height:42px;object-fit:cover;border-radius:2px;opacity:.9;flex-shrink:0}
.home-background-list>button>span{min-width:0;overflow-wrap:anywhere;font-size:13px}
.home-background-note{font-size:11px;line-height:1.6;color:#79837e;margin:8px 8px 0}
.home-background-note:empty{display:none}
.home-background-dialog{width:min(520px,calc(100% - 32px));max-height:82svh;padding:30px;color:#17313f;background:#f4f0e8;font-family:inherit;border-radius:5px}
.home-background-dialog h2{font-size:23px;letter-spacing:.06em;margin:0 24px 20px 0}
.home-background-dialog .dialog-close{font:22px/1 serif;color:#6f7b7c}
.home-background-form{display:grid;gap:13px}
.home-background-form label{display:grid;gap:7px;font-size:13px}
.home-background-form input{width:100%;min-width:0;padding:9px 10px;border:1px solid #48637130;border-radius:3px;background:#faf6ee88;color:#17313f;font:inherit;font-size:14px;line-height:1.5}
.home-background-form input:focus{outline:1px solid #687a7550;outline-offset:1px}
.home-background-form input::file-selector-button{background:#f4f0e8;border:1px solid #48637130;border-radius:3px;padding:4px 6px;color:#17313f;font:inherit;font-size:12px;margin-right:8px}
.home-background-hint{font-size:12px;line-height:1.7;color:#748288;margin:0}
.home-background-preview{width:100%;max-height:180px;object-fit:contain;border:1px solid #48637120;border-radius:3px}
.home-background-message{font-size:12px;line-height:1.7;color:#9b4e3b;margin:0;min-height:20px}
.home-background-form footer{display:flex;justify-content:flex-end;gap:12px}
.home-background-form footer button{background:transparent;border:0;padding:9px 14px;color:#17313f;font:inherit;font-size:13px}
.home-background-form [type=submit]{background:#526e67;color:#f6f3ec;border-radius:3px}
.home-background-dialog button:disabled{opacity:.45;cursor:default}
.home-background-managed-list h3{font-size:15px;font-weight:500;margin:20px 0 8px}
.home-background-managed-row{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid #48637116}
.home-background-managed-row img{width:64px;height:42px;object-fit:cover;border-radius:2px;flex-shrink:0}
.home-background-managed-row span{flex:1;min-width:0;overflow-wrap:anywhere;font-size:14px}
.home-background-managed-row button{background:transparent;border:0;padding:7px 8px;color:#9b4e3b;font:inherit;font-size:12px;flex-shrink:0}
.home-background-managed-row.is-removed span{color:#849093}
@media(max-width:700px){.home-background-dialog{padding:28px 22px}.home-background-dialog h2{font-size:21px}}

.landscape::after{content:"";position:absolute;inset:0;background:#f4f1e9;opacity:var(--home-fade,0);pointer-events:none}
.home-background-fade{display:flex;align-items:center;gap:8px;margin:10px 8px 0;padding-top:10px;border-top:1px solid #48637116;font-size:11px;color:#7a8985;white-space:nowrap}.home-background-fade input{min-width:0;width:100%;flex:1;accent-color:#526e67}.home-background-fade span{font-size:10px;min-width:26px}
