@font-face{font-family:ArchiveSerif;src:local('Baskerville')}@font-face{font-family:ArchiveChinese;src:local('Songti SC')}@font-face{font-family:ArchiveSans;src:local('PingFang SC')}
:root{--paper:#f7f6f0;--ink:#293d35;--muted:#6a756c;--line:#dcdfd4;--green:#315848;--wash:#e9eddf;--orange:#a36238;--serif:ArchiveSerif,ArchiveChinese,'Noto Serif CJK SC',Georgia,serif;--sans:ArchiveSans,'Noto Sans CJK SC','Microsoft YaHei',sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.7 var(--sans);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:5px}button{background:none;border:0}button:hover,a:hover{color:var(--orange)}.header{height:100px;max-width:1440px;margin:auto;padding:0 64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;align-items:center;gap:14px;font-size:18px;font-weight:600;letter-spacing:2px}.brand-mark{font:italic 44px/1 var(--serif);background:var(--green);color:var(--paper);width:46px;height:48px;display:grid;place-content:center;padding-bottom:9px;letter-spacing:-5px;border-radius:3px}.brand small{display:block;font:9px/1.5 var(--sans);letter-spacing:3px;margin-top:3px;color:var(--muted)}nav{display:flex;gap:34px;height:100%;align-items:center}nav a{height:100%;display:flex;align-items:center;position:relative;color:var(--muted);font-size:13px;gap:7px}nav a.active{color:var(--green);font-weight:600}nav a.active:after{content:'';position:absolute;height:2px;background:var(--green);bottom:-1px;left:0;right:0}.personal{color:var(--muted);font-size:11px;letter-spacing:1px;white-space:nowrap}.personal i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#789078;vertical-align:middle;margin-right:5px}main{max-width:1440px;margin:auto;padding:0 64px;min-height:65vh}.intro{padding:61px 0 52px;display:grid;grid-template-columns:1fr 360px;gap:60px;align-items:center}.eyebrow{font:10px/1.5 var(--sans);letter-spacing:2px;color:var(--muted);margin:0 0 22px}h1{font:400 48px/1.45 var(--serif);letter-spacing:1px;margin:0}h1 em{font-style:normal;color:#66816c}.intro-description{font-size:13px;color:var(--muted);margin:19px 0 0;line-height:1.9}.archive-note{position:relative;background:var(--wash);padding:27px 30px 23px;border-radius:2px;transform:rotate(-1deg);border:1px solid #dce2d3}.archive-note:after{content:'';position:absolute;right:0;top:0;border-top:23px solid var(--paper);border-left:23px solid #d9e0cf}.note-star{display:block;color:#6c8267;font:45px/1 var(--serif);margin:0 0 13px}.archive-note>p{font:20px var(--serif);margin:8px 0}.archive-note>span:not(.note-star){font-size:9px;letter-spacing:2px;color:var(--muted)}.note-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d2dacb;padding-top:18px;margin-top:23px;gap:20px}.note-stats strong{display:block;font:32px/1 var(--serif)}.note-stats small{font-size:10px;display:block;margin-top:8px;color:var(--muted)}.sample-note{display:block;font-size:10px;color:var(--muted);margin-top:19px}.section-label{display:flex;align-items:baseline;gap:18px;margin-bottom:16px}.section-label h2{font:500 19px var(--sans);margin:0}.section-label>span{font-size:9px;letter-spacing:2px;color:#8b9388}.search-box{border:1px solid #bbc6b8;background:#fbfcf7;display:flex;align-items:center;padding:0 20px;height:57px;gap:14px}.search-box:focus-within{border-color:var(--green);box-shadow:0 0 0 2px #3158480b}.search-box svg{width:20px;flex-shrink:0;color:#6b7b6e}.search-box input{border:0;background:transparent;outline:none;width:100%;height:100%;font-size:13px;min-width:0}.search-box input:focus-visible{outline:none}.search-box input::placeholder{color:#8b9388}.search-box kbd{font:13px var(--serif);color:#8b9388;border:1px solid var(--line);padding:0 7px}.filter-layout{display:grid;grid-template-columns:175px 1fr;gap:37px;margin-top:29px}.filter-label{font-size:10px;letter-spacing:1px;color:var(--muted);margin:4px 0 12px}.category-list{display:flex;flex-direction:column;gap:5px}.category-list button{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;text-align:left;font-size:12px;border-radius:2px}.category-list button.selected{background:var(--green);color:#f8f9f1}.category-list button:not(.selected):hover{background:var(--wash)}.category-list small{font-size:10px;opacity:.7}.category-symbol{display:inline-block;width:23px;font-size:17px;vertical-align:middle;font-family:var(--serif);line-height:1}.sidebar-note{margin-top:35px;border-top:1px solid var(--line);padding-top:19px}.sidebar-note>span{font-size:11px}.sidebar-note p{font-size:10px;color:var(--muted);line-height:1.9;margin:10px 0}.sidebar-note a{font-size:10px}.filter-bar{display:flex;align-items:center;gap:13px;padding-bottom:18px;border-bottom:1px solid var(--line);min-height:44px;flex-wrap:wrap}select{cursor:pointer;font-size:11px;background:transparent;border:1px solid var(--line);padding:7px 26px 7px 10px;border-radius:2px}.checkbox-label{font-size:11px;display:flex;align-items:center;gap:7px;margin-left:3px;cursor:pointer;white-space:nowrap}input[type=checkbox]{accent-color:var(--green);width:14px;height:14px;margin:0}.clear{font-size:11px;color:var(--muted);margin-left:auto;padding:5px}.results-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:20px 0 16px;font-size:11px;color:var(--muted)}.results-meta strong{font:18px var(--serif);color:var(--ink);margin-right:3px}#active-summary{margin-left:12px;font-size:10px}.results-meta select{border:0;padding-right:0;font-size:10px;max-width:130px}.results-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.entry-card{border:1px solid var(--line);background:#fdfdf8;padding:19px 21px 0;display:flex;flex-direction:column;transition:border-color .18s,transform .18s;min-width:0}.entry-card:hover{border-color:#9aab94;transform:translateY(-2px)}.entry-top{display:flex;align-items:center;gap:9px}.entry-category{font-size:10px;display:flex;align-items:center;gap:6px;color:var(--muted)}.entry-category i{width:5px;height:5px;border-radius:50%;background:#8c9a77}.entry-card[data-category=舞台] .entry-category i{background:#a86e44}.entry-card[data-category=综艺] .entry-category i{background:#b89b53}.entry-number{font:10px var(--serif);color:#a8aea0;margin-left:auto}.entry-copy{margin-top:18px;flex:1}.series{font-size:9px;letter-spacing:.8px;color:#7e897b;margin:0 0 4px}.entry-card h3{font:500 17px/1.6 var(--serif);margin:0 0 9px;overflow-wrap:anywhere}.entry-card h3 a:after{content:' ↗';font:12px var(--sans);color:#a1ad99}.description{font-size:11px;line-height:1.9;color:var(--muted);margin:0}.entry-tags{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 20px}.entry-tags span{font-size:9px;background:#f0f2e9;padding:2px 7px;color:#7b8575}.entry-bottom{border-top:1px solid #e7e9df;min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:8px}.entry-bottom time{font:10px var(--sans);color:#8c9586;white-space:nowrap}.entry-bottom>div{display:flex;align-items:center;gap:11px}.source-link{display:inline-flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}.source-link>span:first-child{background:var(--wash);padding:1px 5px;font-size:9px}.source-link>span:last-child{font-size:12px}.source-link.compact{font-size:10px;gap:4px}.source-link.compact>span:first-child{display:none}.source-link.fansub{color:var(--orange)}.source-link.compact>span:last-child{font-size:10px}.collection-end{text-align:center;font-size:10px;letter-spacing:.5px;color:#939b8c;margin:36px 0 55px}.collection-end span{font:18px var(--serif);margin-right:8px}.empty{grid-column:1/-1;padding:70px 20px;text-align:center;border:1px dashed var(--line)}.empty>span{font:46px var(--serif);color:#9aaa93}.empty h3{font:22px var(--serif);margin:13px 0}.empty p{font-size:12px;color:var(--muted)}.text-button{font-size:12px;padding:8px 0;color:var(--green);text-decoration:underline;text-underline-offset:5px}footer{max-width:1312px;margin:0 auto;padding:25px 0 35px;border-top:1px solid var(--line);font-size:10px;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:9px 20px}footer>span{letter-spacing:.5px}footer>p{width:100%;margin:0;color:#939b8c;font-size:9px}.footer-dot{padding:0 10px}dialog{width:min(680px,calc(100% - 28px));max-height:88vh;max-height:88dvh;border:1px solid #c5cebd;padding:32px 35px;background:#fcfcf6;color:var(--ink);box-shadow:0 20px 80px #1b2e2733;border-radius:3px}dialog::backdrop{background:#1d302d66;backdrop-filter:blur(4px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dialog-top .eyebrow{margin:0}.close{font-size:29px;line-height:1;padding:2px 5px}.dialog-top~.series{font-size:11px}#detail-title{font:28px/1.5 var(--serif);margin:10px 0}.original-title{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.detail-facts{display:flex;gap:22px;flex-wrap:wrap;border-block:1px solid var(--line);padding:13px 0;margin:22px 0;font-size:10px;color:var(--muted)}.detail-facts strong{font-weight:400;color:var(--ink);margin-left:5px}.detail-description{font-size:13px;line-height:1.9}.detail-section-title{font-size:12px;font-weight:500;margin:28px 0 12px}.detail-source{border:1px solid var(--line);padding:17px;display:flex;gap:18px;justify-content:space-between;align-items:center;margin:9px 0}.detail-source>div{min-width:0}.detail-source p{font-size:12px;overflow-wrap:anywhere;margin:7px 0}.detail-source small{font-size:10px;color:var(--muted)}.badge{background:var(--wash);color:var(--green);padding:3px 6px;font-size:9px}.badge-fansub{background:#f4eadd;color:var(--orange)}.detail-note,.detail-hint{font-size:11px;color:var(--muted);line-height:1.9;margin:15px 0}.detail-note{background:#f1f0e5;padding:13px}.verification{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:17px;margin-top:24px}.verification summary{cursor:pointer}.verification a{text-decoration:underline;text-underline-offset:3px}.detail-actions{display:flex;justify-content:space-between;margin-top:20px;gap:20px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,10px);background:var(--green);color:white;padding:11px 23px;border-radius:3px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:10;max-width:90vw;width:max-content}.toast.visible{opacity:1;transform:translate(-50%,0)}.text-page{padding:70px 0;max-width:820px;margin:auto}.text-page h1{font-size:40px}.lead{font-size:14px;color:var(--muted);line-height:2;margin-top:25px}.prose{max-width:650px;margin-top:45px}.prose h2{font:22px var(--serif);margin:33px 0 13px}.prose p{font-size:13px;line-height:2.1;color:var(--muted)}.back-link{display:inline-block;font-size:12px;color:var(--green);margin-top:24px}.calendar-empty{border:1px dashed #bfcbb6;text-align:center;padding:60px 25px;margin:40px 0 80px}.calendar-glyph{font:52px var(--serif);color:#8ca07f}.calendar-empty h2{font:24px var(--serif)}.calendar-empty p{font-size:12px;color:var(--muted);line-height:2}.muted{color:var(--muted)}.small{font-size:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-80px;left:10px;background:var(--green);color:white;padding:10px;z-index:20}.skip:focus{top:10px}
@media(min-width:1500px){.header,main{padding-inline:80px}.intro{padding-top:74px}}
@media(max-width:1150px){.header,main{padding-inline:35px}footer{margin-inline:35px}.intro{grid-template-columns:1fr 310px;gap:30px}h1{font-size:43px}.filter-layout{grid-template-columns:145px 1fr;gap:25px}.entry-card{padding-inline:16px}.entry-bottom{flex-wrap:wrap;padding:10px 0;gap:7px}.personal{display:none}}
@media(max-width:800px){.header{height:83px;padding-inline:24px;gap:20px}.brand{font-size:15px;gap:9px;letter-spacing:1px}.brand-mark{width:37px;height:40px;font-size:36px}.brand small{font-size:8px;letter-spacing:2px}nav{gap:20px}nav a{font-size:11px}main{padding-inline:24px}.intro{padding:40px 0;grid-template-columns:1fr 240px;gap:20px}h1{font-size:35px}.intro-description{font-size:11px}.archive-note{padding:20px}.archive-note>p{font-size:17px}.note-stats{gap:10px}.note-stats strong{font-size:26px}.note-stats small{font-size:9px}.note-star{font-size:32px}.sample-note{font-size:8px}.filter-layout{display:block;margin-top:22px}.sidebar .filter-label,.sidebar-note{display:none}.category-list{flex-direction:row;overflow-x:auto;padding-bottom:10px;gap:6px}.category-list button{flex-shrink:0;gap:12px;font-size:11px;padding:8px 12px;border:1px solid var(--line)}.category-symbol{display:none}.collection{margin-top:15px}.results-grid{gap:13px}.entry-card h3{font-size:17px}footer{margin-inline:24px}.text-page{padding-top:45px}.results-meta{margin-top:16px}}
@media(max-width:560px){.header{height:auto;min-height:115px;flex-wrap:wrap;gap:0;padding-top:17px}.brand{width:100%}nav{width:100%;height:43px;justify-content:flex-start;gap:28px}nav a{font-size:12px}.intro{display:block;padding:36px 0 30px}h1{font-size:34px;line-height:1.5}.eyebrow{font-size:9px;margin-bottom:14px}.intro-description{font-size:12px}.archive-note{margin-top:27px;transform:none;padding:18px 21px}.note-star{position:absolute;right:25px;top:20px;font-size:37px}.archive-note>p{margin:0 0 3px;font-size:19px}.note-stats{margin-top:16px;padding-top:15px}.note-stats strong{font-size:30px}.note-stats small{font-size:10px;margin-top:5px}.sample-note{font-size:9px;margin-top:13px}.section-label h2{font-size:18px}.search-box{height:53px;padding-inline:14px}.search-box input{font-size:12px}.search-box kbd{display:none}.filter-bar{gap:10px}.filter-bar select{font-size:10px;padding:6px 20px 6px 8px}.checkbox-label{font-size:10px;gap:5px}.clear{font-size:10px}#active-summary{display:block;margin:3px 0 0;font-size:9px}.results-grid{grid-template-columns:1fr;gap:13px}.entry-card{padding:18px 20px 0}.entry-copy{margin-top:15px}.entry-card h3{font-size:20px}.description{font-size:12px}.entry-tags{margin:16px 0}.entry-tags span{font-size:10px}.entry-bottom{min-height:49px;flex-wrap:nowrap}.entry-bottom time{font-size:10px}.source-link.compact{font-size:11px}.results-meta{align-items:center}.collection-end{font-size:9px}footer{display:block;padding-bottom:30px}footer>a{display:block;margin:9px 0}dialog{padding:24px 21px}.detail-source{display:block}.detail-source>.source-link{margin-top:13px}.detail-facts{gap:10px}#detail-title{font-size:25px}.detail-actions{gap:10px}.detail-actions .text-button{font-size:11px}.text-page h1{font-size:32px}.calendar-empty{padding:35px 20px}.calendar-empty p br{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Library versions and grouped source links. */
.load-more{display:block;margin:28px auto 0;padding:12px 24px;border:1px solid #b9c8b1;font-size:11px}.load-more[hidden]{display:none}

.source-types{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.source-types button{padding:9px 18px;border:1px solid var(--line);font-size:12px;border-radius:2px}.source-types button.selected{background:var(--green);border-color:var(--green);color:var(--paper)}.source-types button:not(.selected):hover{background:var(--wash)}
.source-group{margin-top:24px}.source-group .detail-section-title{margin-top:0}.source-empty{font-size:12px;color:var(--muted);padding:13px 16px;background:var(--wash)}
.archive-references summary{cursor:pointer}.archive-references li{margin:8px 0}.detail-hint a{display:block;text-decoration:underline;margin-top:6px}
.source-found{font-size:9px;color:var(--green);background:#e8eedf;padding:1px 6px;margin-left:auto}.source-found+.entry-number{margin-left:3px}.source-original{font-size:10px!important;color:var(--muted);line-height:1.7}
@media(max-width:560px){nav{gap:21px}nav a{font-size:11px}.filter-bar{gap:8px}.source-types{gap:7px;margin-bottom:16px}.source-types button{font-size:11px;padding:8px 13px}.source-found{font-size:9px}}

.source-pending { font-size: 11px; color: #826f53; display: inline-block; padding: 5px 0; }
.entry-bottom > div { flex-wrap: wrap; }

/* UI Concepts: cream paper, indigo outlines, pink offset shadows. */
:root{--paper:#fff6e0;--ink:#1d1b5e;--muted:#4b4880;--line:#e4d9bd;--green:#32308f;--wash:#cfc9ff;--orange:#6b3480;--pink:#f6a5c6;--lime:#b4ea3a;--surface:#fffdf6}
body{font-weight:500;font-size:15px}html{scroll-behavior:smooth}button,a{transition:background .2s,color .2s,transform .2s}button:active,.primary-button:active{transform:translateY(2px)}
.header{max-width:none;height:76px;padding:0 max(32px,calc((100vw - 1328px)/2));background:var(--green);color:var(--paper);border:0;gap:24px}.brand{gap:14px;letter-spacing:0;white-space:nowrap;font:700 28px var(--serif)}.brand small{color:var(--pink);font:12px var(--sans);letter-spacing:3px;margin:0}.header nav{gap:28px}.header nav a{color:var(--paper);font-size:15px;white-space:nowrap}.header nav a.active{color:var(--paper)}nav a.active:after{bottom:16px;height:3px;background:var(--lime)}.profile{display:flex;align-items:center;gap:12px;font-size:14px;white-space:nowrap}.profile img{display:block;width:44px;height:44px;object-fit:cover;border-radius:50%;border:2px solid var(--paper)}.header a:hover{color:var(--lime)}.header a:focus-visible{outline-color:var(--lime)}
main{padding:0 56px;max-width:1440px}.library-section{padding-top:30px}.section-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.library-toolbar{display:flex;align-items:center;gap:34px;min-height:96px}.search-box{background:var(--surface);border:3px solid var(--green);border-radius:18px;box-shadow:5px 5px 0 var(--pink);height:70px;width:450px;padding:0 24px;max-width:100%}.search-box:focus-within{box-shadow:5px 5px 0 var(--lime)}.search-box input{font-size:17px}.search-box input::placeholder{color:var(--muted)}.search-box svg{color:var(--green)}.search-box kbd{color:var(--muted);border-color:var(--line)}.portrait{display:block;flex-shrink:0;border:3px dashed var(--green);background:var(--surface);border-radius:50%;padding:5px;width:96px;height:96px}.portrait img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.toolbar-note{font:18px var(--serif)}.toolbar-note span{display:block;font:12px var(--sans);color:var(--muted);margin-top:8px}.filter-layout{grid-template-columns:250px minmax(0,1fr);gap:40px;margin-top:30px}.filter-label{font-size:13px;letter-spacing:2px}.category-list button{font-size:16px;border-radius:12px;padding:11px 16px}.category-list small{font-size:14px;opacity:1;color:var(--muted);font-variant-numeric:tabular-nums}.category-list .selected small{color:var(--lime)}.category-symbol{display:none}.sidebar-note{font-size:13px}.sidebar-note p,.sidebar-note a,.sidebar-note>span{font-size:12px}.source-types{gap:12px;margin-bottom:18px}.source-types button{font-size:15px;font-weight:700;border:2px solid var(--green);border-radius:12px;background:var(--surface);padding:11px 24px}.source-types button.selected{background:var(--lime);color:var(--ink)}.filter-bar{border:0;padding:0;gap:10px}.filter-bar select{font-size:13px;background:var(--surface);border:2px solid var(--green);border-radius:10px;padding:10px 22px 10px 12px;max-width:205px}.clear{font-size:14px}.results-meta{margin:24px 0 16px;font-size:14px}.results-meta strong{font:700 34px var(--serif)}#active-summary{font-size:13px}.results-meta select{font-size:13px;max-width:160px}.results-grid{gap:26px}.entry-card{border:3px solid var(--green);border-radius:18px;background:var(--surface);box-shadow:5px 5px 0 var(--pink);padding:24px 26px 0}.entry-card:hover{border-color:var(--green);transform:translateY(-3px);box-shadow:5px 8px 0 var(--pink)}.entry-category{background:var(--pink);border-radius:30px;padding:3px 13px;font-size:13px;color:var(--ink);font-weight:700}.entry-category i{display:none}.entry-number{font:13px var(--sans);color:var(--muted)}.entry-copy{margin-top:14px}.series{font-size:12px;color:var(--muted);letter-spacing:.6px;margin-bottom:9px}.entry-card h3{font:700 23px/1.45 var(--serif);margin-bottom:12px}.entry-card h3 a:after{font-size:16px;color:var(--green)}.description{font-size:14px;line-height:1.8}.entry-tags{gap:7px;margin:18px 0}.entry-tags span{font-size:12px;background:var(--paper);border:1px solid var(--line);border-radius:30px;padding:3px 11px;color:var(--muted)}.entry-bottom{border-top:2px dashed var(--line);padding:14px 0;flex-wrap:wrap;gap:10px;min-height:65px}.entry-bottom time{font-size:13px;color:var(--muted)}.entry-bottom>div{gap:12px}.source-link.compact{font-size:13px;border-bottom:2px solid var(--lime);font-weight:700}.source-pending{font-size:11px;color:var(--ink);background:var(--lime);border-radius:6px;padding:2px 8px}.source-found{background:var(--wash);border-radius:6px}.load-more,.primary-button{background:var(--lime);border:3px solid var(--green);border-radius:12px;padding:12px 22px;font-size:15px;font-weight:700;box-shadow:4px 4px 0 var(--green);display:inline-block}.load-more{display:block}.collection-end{font-size:12px}.text-button{font-size:13px}.empty,.calendar-empty{border:2px dashed var(--green);border-radius:18px;background:var(--surface)}footer{max-width:1328px;font-size:12px;margin:0 auto;padding:28px 0}footer>p{font-size:11px;color:var(--muted)}
/* Home: two rotating category rings and a readable, static portrait. */
.home-hero{position:relative;min-height:820px;isolation:isolate;display:grid;grid-template-columns:40% 60%;align-items:center;padding-bottom:90px}.archive-outline{position:absolute;top:0;left:-30px;font:700 clamp(100px,20vw,290px)/1.3 var(--serif);color:transparent;-webkit-text-stroke:2px #dcd8f4;z-index:-1;pointer-events:none}.home-copy{z-index:1}.home-copy .eyebrow{font-size:14px;letter-spacing:3px;margin-bottom:12px}.home-copy h1{font:700 clamp(60px,6.4vw,92px)/1.08 var(--serif);letter-spacing:0}.home-copy h1 em{color:var(--green);background:linear-gradient(transparent 65%,var(--lime) 65%)}.home-copy>p:not(.eyebrow){font-size:18px;line-height:1.8;margin:22px 0;color:var(--muted)}.home-copy .search-box{width:440px}.home-actions{display:flex;align-items:center;gap:18px;margin-top:24px}.home-actions>span{font-size:12px;color:var(--muted)}.orbit-stage{position:relative;width:100%;aspect-ratio:1;max-width:790px}.orbit{position:absolute;left:50%;top:50%;border:2px dashed #b3b0e6;border-radius:50%;animation:orbit-turn 80s linear infinite}.orbit-inner{width:56%;height:56%;margin:-28% 0 0 -28%}.orbit-outer{width:87%;height:87%;margin:-43.5% 0 0 -43.5%;animation-duration:110s;animation-direction:reverse}.orbit-position{position:absolute;width:0;height:0;left:50%;top:50%}.orbit-link{display:flex;align-items:center;gap:10px;white-space:nowrap;border:3px solid var(--green);border-radius:15px;background:var(--surface);padding:9px 14px;box-shadow:4px 4px 0 var(--green);font:700 19px var(--serif);animation:orbit-counter 80s linear infinite}.orbit-link small{font:13px var(--sans)}.orbit-outer .orbit-link{animation-duration:110s;animation-direction:reverse;font-size:16px;padding:8px 12px}.orbit-position:nth-child(4n+2) .orbit-link{background:var(--pink)}.orbit-position:nth-child(4n+3) .orbit-link{background:var(--lime)}.orbit-position:nth-child(4n+4) .orbit-link{background:var(--wash)}.orbit-position-0{left:93.3%;top:75%}.orbit-position-1{left:50%;top:100%}.orbit-position-2{left:6.7%;top:75%}.orbit-position-3{left:6.7%;top:25%}.orbit-position-4{left:50%;top:0}.orbit-position-5{left:93.3%;top:25%}.orbit-outer .orbit-position-0{left:99%;top:60%}.orbit-outer .orbit-position-1{left:73%;top:94%}.orbit-outer .orbit-position-2{left:29%;top:95%}.orbit-outer .orbit-position-3{left:1.5%;top:62%}.orbit-outer .orbit-position-4{left:10%;top:19%}.orbit-outer .orbit-position-5{left:50%;top:0}.orbit-outer .orbit-position-6{left:89%;top:19%}.orbit-stage:hover .orbit,.orbit-stage:hover .orbit-link,.orbit-stage:focus-within .orbit,.orbit-stage:focus-within .orbit-link{animation-play-state:paused}.hero-portrait{position:absolute;width:34%;height:34%;left:33%;top:33%;padding:8px;border-width:4px}.orbit-sticker{position:absolute;z-index:2;border:3px solid var(--green);border-radius:14px;padding:7px 13px;box-shadow:4px 4px 0 var(--green);font-size:14px;font-weight:700}.total-sticker{left:56%;top:29%;background:var(--lime);transform:rotate(6deg)}.ins-sticker{left:24%;top:64%;background:var(--pink);transform:rotate(-6deg)}.marquee{position:absolute;bottom:36px;left:-56px;width:calc(100% + 112px);overflow:hidden;background:var(--green);border-block:4px solid var(--lime);transform:rotate(-3deg);z-index:-1}.marquee>div{display:flex;width:max-content;animation:marquee 40s linear infinite;line-height:58px;font-size:23px;font-weight:700;color:var(--paper);white-space:nowrap}.marquee span{margin:0 28px}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes orbit-counter{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
/* Source details use real links in place of the concept's empty media panel. */
dialog{width:min(1250px,calc(100% - 40px));max-height:92dvh;padding:28px 36px;background:var(--paper);border:3px solid var(--green);border-radius:20px;box-shadow:8px 8px 0 var(--pink)}dialog::backdrop{background:#1d1b5e88}.dialog-top{margin-bottom:22px}.dialog-top .eyebrow{font-size:13px}.close{background:var(--surface);border:2px solid var(--green);border-radius:50%;width:36px;height:36px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:36px}.detail-main{min-width:0}#detail-title{font:700 40px/1.3 var(--serif);margin:14px 0}.detail-description{font-size:16px;color:var(--muted)}.detail-facts{font-size:12px;border-block:2px dashed var(--line)}.detail-section-title{font:700 22px var(--serif)}.detail-source,.info-card{background:var(--surface);border:3px solid var(--green);border-radius:18px;padding:20px;box-shadow:5px 5px 0 var(--pink)}.detail-source{align-items:flex-start;flex-wrap:wrap}.detail-source p{font-size:14px}.detail-source small{font-size:12px}.detail-source .source-link{white-space:normal;overflow-wrap:anywhere;border-bottom:2px solid var(--lime);font-size:14px}.badge{border-radius:6px;font-size:11px;background:var(--lime)}.badge-fansub{background:var(--pink)}.detail-sidebar{display:flex;flex-direction:column;gap:24px}.info-card h3{font:700 23px var(--serif);margin:0 0 10px}.info-card dl{margin:0}.info-card dl>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-bottom:2px dashed var(--line);font-size:14px}.info-card dt{color:var(--muted);flex-shrink:0}.info-card dd{margin:0;text-align:right;overflow-wrap:anywhere}.info-card>.source-link{margin-top:18px;display:flex;justify-content:center;white-space:normal;text-align:center;background:var(--lime);border:3px solid var(--green);border-radius:12px;padding:12px;font-weight:700}.info-card>.source-link>span:first-child{display:none}.related>a{display:flex;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:2px dashed var(--line);font-size:14px}.detail-portrait{display:flex;align-items:center;gap:16px;font-size:14px}.detail-portrait small{display:block;font-size:12px;color:var(--muted);margin-top:6px}.detail-actions{margin:0;flex-wrap:wrap;gap:8px}.verification,.detail-note,.detail-hint{font-size:12px}.source-empty{background:var(--surface);border-radius:12px;border:1px dashed var(--green)}.text-page h1 em{color:var(--green)}.toast{border-radius:12px}
@media(min-width:1500px){main{padding-inline:56px}.header{padding-inline:max(56px,calc((100vw - 1328px)/2))}}
@media(max-width:1200px){.brand small{display:none}.header{padding-inline:32px}.header nav{gap:22px}.filter-layout{grid-template-columns:190px minmax(0,1fr);gap:28px}main{padding-inline:32px}.entry-card{padding:20px 20px 0}.source-types button{padding:10px 18px}.home-hero{min-height:720px}.orbit-link{font-size:16px;padding:7px 10px}.orbit-outer .orbit-link{font-size:14px;padding:7px 9px}.home-copy h1{font-size:70px}.hero-portrait{width:32%;height:32%;left:34%;top:34%}.orbit-sticker{font-size:12px;padding:5px 10px}.marquee{left:-32px;width:calc(100% + 64px)}footer{margin-inline:32px}.detail-layout{grid-template-columns:minmax(0,1fr) 290px;gap:24px}}
@media(max-width:900px){.profile>span{display:none}.header nav{gap:18px}.filter-layout{grid-template-columns:155px minmax(0,1fr);gap:22px}.category-list button{font-size:14px;padding:10px}.toolbar-note{display:none}.entry-card h3{font-size:21px}.results-grid{gap:18px}.home-hero{grid-template-columns:1fr;padding-top:48px}.home-copy{max-width:540px}.home-copy h1{font-size:72px}.orbit-stage{width:min(680px,100%);justify-self:center;margin:15px 0 30px}.home-copy>p:not(.eyebrow){font-size:17px}.detail-layout{grid-template-columns:minmax(0,1fr) 260px}.detail-source{padding:16px}.info-card{padding:16px}#detail-title{font-size:32px}}
@media(max-width:800px){.filter-layout{display:block}.category-list{gap:8px}.category-list button{border:1px solid var(--green);font-size:14px}.collection{margin-top:18px}.source-types button{font-size:14px}.filter-bar select{font-size:12px}.results-meta select{font-size:12px}.detail-layout{grid-template-columns:1fr}.detail-sidebar{display:grid;grid-template-columns:1fr 1fr;align-items:start}.detail-portrait{grid-column:1}.detail-actions{grid-column:2}.detail-main{grid-row:2}.detail-sidebar{grid-row:1}.detail-sidebar .related{display:none}.info-card{grid-column:1/-1}.info-card dl{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.info-card>.source-link{max-width:360px}.detail-portrait .portrait{width:64px;height:64px}.profile{margin-left:auto}.header{gap:18px}.header nav{gap:14px}.header nav a{font-size:13px}}
@media(max-width:560px){.header{padding:14px 20px 0;display:grid;grid-template-columns:1fr auto;height:auto;gap:10px}.brand{width:auto;font-size:25px}.brand small{display:block;font-size:9px;letter-spacing:2px}.profile{grid-column:2;grid-row:1}.profile img{width:38px;height:38px}.header nav{grid-column:1/-1;grid-row:2;justify-content:space-between;width:100%;height:43px;gap:12px}.header nav a{font-size:13px}nav a.active:after{bottom:4px}main{padding-inline:20px}.library-section{padding-top:24px}.library-toolbar{gap:16px;min-height:70px}.search-box{height:60px;padding:0 14px;border-radius:15px;min-width:0;flex:1}.search-box input{font-size:14px}.library-portrait{width:64px;height:64px;padding:3px;border-width:2px}.filter-layout{margin-top:22px}.source-types{gap:7px}.source-types button{font-size:12px;padding:9px 12px;border-radius:9px}.filter-bar{gap:8px}.filter-bar label{max-width:100%}.filter-bar select{font-size:12px;max-width:180px;padding:8px 20px 8px 9px}.results-meta{margin-top:20px;font-size:12px}.results-meta strong{font-size:30px}#active-summary{font-size:11px}.results-grid{grid-template-columns:1fr;gap:22px}.entry-card{padding:20px 20px 0}.entry-card h3{font-size:23px}.description{font-size:14px}.entry-bottom{flex-wrap:wrap}.entry-bottom time{font-size:12px}.source-link.compact{font-size:12px}.entry-tags span{font-size:11px}.home-hero{padding-top:36px;padding-bottom:70px;min-height:0}.archive-outline{font-size:110px;left:-10px;top:10px}.home-copy h1{font-size:66px}.home-copy .eyebrow{font-size:11px;letter-spacing:2px}.home-copy>p:not(.eyebrow){font-size:15px}.home-actions{gap:16px}.primary-button{font-size:14px;padding:10px 16px}.home-actions>span{font-size:11px}.orbit-stage{margin:34px auto 28px;width:100%;aspect-ratio:1}.orbit-link,.orbit-outer .orbit-link{font-size:11px;padding:5px 7px;gap:4px;border-width:2px;border-radius:9px;box-shadow:2px 2px 0 var(--green)}.orbit-link small{font-size:9px}.orbit-inner{width:57%;height:57%;margin:-28.5% 0 0 -28.5%}.orbit-outer{width:84%;height:84%;margin:-42% 0 0 -42%}.hero-portrait{padding:4px;border-width:2px}.orbit-sticker{font-size:10px;border-width:2px;border-radius:7px;padding:3px 6px;box-shadow:2px 2px 0 var(--green)}.total-sticker{top:30%;left:54%}.ins-sticker{left:23%;top:64%}.marquee{left:-20px;width:calc(100% + 40px);bottom:26px}.marquee>div{font-size:17px;line-height:40px}footer{margin-inline:20px;font-size:11px}footer>p{font-size:10px}dialog{padding:20px;width:calc(100% - 24px);border-radius:16px}.detail-sidebar{gap:16px;grid-template-columns:1fr}.detail-actions{grid-column:1}.detail-portrait{display:none}.info-card dl{display:block}#detail-title{font-size:29px}.detail-description{font-size:14px}.detail-facts{font-size:11px}.dialog-top .eyebrow{font-size:11px}.detail-source .source-link{font-size:13px}.source-found{font-size:8px}.entry-category{font-size:12px}.text-page{padding-top:36px}}
@media(prefers-reduced-motion:reduce){.orbit,.orbit-link,.marquee>div{animation:none!important}.orbit-link{transform:translate(-50%,-50%)}html{scroll-behavior:auto}}
/* Keep orbit labels intrinsic, and decorative bleed inside the viewport. */
body{overflow-x:clip}.orbit-link{width:max-content}.home-copy{min-width:0}.home-hero{grid-template-columns:minmax(0,40%) minmax(0,60%)}.home-copy .search-box{max-width:100%}.archive-outline{max-width:calc(100% + 30px);overflow:hidden}.ins-sticker{left:31%;top:64%}
@media(max-width:900px){.home-hero{grid-template-columns:minmax(0,1fr)}}
@media(max-width:800px){.detail-main,.detail-sidebar{grid-row:auto}}
@media(max-width:560px){.ins-sticker{left:30%;top:64%}}
.home-hero{overflow:clip;margin-inline:-56px;padding-inline:56px}.home-hero .marquee{left:0;width:100%}.home-hero .archive-outline{left:26px;max-width:calc(100% - 26px)}
@media(max-width:1200px){.home-hero{margin-inline:-32px;padding-inline:32px}.home-hero .archive-outline{left:2px}}
@media(max-width:560px){.home-hero{margin-inline:-20px;padding-inline:20px}.home-hero .archive-outline{left:10px;max-width:calc(100% - 10px)}}
@media(max-width:560px){.orbit-sticker{display:none}}
.orbit{pointer-events:none}.orbit-link{pointer-events:auto}.orbit-sticker{pointer-events:none}
/* Fit the landing composition to the available window, including its footer. */
body:has(.home-hero) footer{padding:14px 0 18px;gap:5px 16px;min-height:74px}
@media(min-width:901px){
 .home-hero{height:calc(100dvh - 150px);min-height:470px;padding-top:14px;padding-bottom:80px}
 .orbit-stage{width:min(100%,calc(100dvh - 250px));justify-self:center;margin:0}
 .home-copy h1{font-size:clamp(48px,9dvh,86px)}
 .home-copy .eyebrow{margin-bottom:10px;font-size:12px}
 .home-copy>p:not(.eyebrow){font-size:16px;line-height:1.7;margin:18px 0}
 .home-copy .search-box{height:58px}
 .home-actions{margin-top:18px}
 .orbit-link{font-size:17px;padding:8px 12px}
 .orbit-outer .orbit-link{font-size:14px;padding:7px 10px}
 .home-hero .marquee{bottom:26px;transform:rotate(-2deg)}
 .marquee>div{line-height:42px;font-size:20px}
 .home-hero .archive-outline{font-size:clamp(130px,26dvh,270px)}
}
@media(min-width:901px) and (max-height:750px){
 .orbit-link{font-size:14px;padding:6px 9px}.orbit-outer .orbit-link{font-size:12px;padding:6px 8px}
 .orbit-link small{font-size:11px}.orbit-sticker{font-size:11px;padding:4px 8px}
 .home-copy>p:not(.eyebrow){margin:12px 0}.home-copy .search-box{height:50px}.home-actions{margin-top:14px}
}
@media(max-width:900px){
 .home-hero{min-height:calc(100dvh - 150px);padding-top:24px;padding-bottom:66px;gap:16px}
 .home-copy{width:100%;max-width:none}.home-copy h1{font-size:54px}
 .home-copy>p:not(.eyebrow){font-size:15px;margin:14px 0}
 .orbit-stage{width:min(480px,100%);margin:8px auto 16px}
}
@media(max-width:560px){
 .home-hero{min-height:calc(100dvh - 215px);padding-top:20px;padding-bottom:58px;gap:14px}
 .home-copy h1{font-size:clamp(38px,5.4dvh,50px);line-height:1.08}
 .home-copy .eyebrow{font-size:10px;margin-bottom:8px}
 .home-copy>p:not(.eyebrow){font-size:13px;line-height:1.6;margin:12px 0}
 .home-copy .search-box{height:48px}.home-actions{margin-top:14px}
 .home-actions .primary-button{font-size:12px;padding:8px 12px}.home-actions>span{font-size:10px}
 .orbit-stage{width:min(100%,max(260px,calc(100dvh - 530px)));margin:6px auto 10px}
 .home-hero .marquee{bottom:14px;transform:rotate(-2deg)}.marquee>div{line-height:32px;font-size:15px}
 body:has(.home-hero) footer{padding:10px 0 12px;font-size:10px}body:has(.home-hero) footer>a{margin:4px 0}
}
@media(min-width:901px){.home-hero{height:calc(100dvh - 160px)}.total-sticker{left:43%;top:30%}.ins-sticker{left:43%;top:64%}}
/* Shared background wordmark: decorative on every route, clear of content. */
body{isolation:isolate}.site-watermark{position:fixed;inset:100px 0 auto;z-index:-1;pointer-events:none;user-select:none;text-align:center;overflow:hidden;color:transparent;-webkit-text-stroke:2px #dcd8f4;font:700 clamp(110px,25vw,360px)/1.15 var(--serif);letter-spacing:.035em;white-space:nowrap}
#detail-body{position:relative;isolation:isolate}#detail-body::before{content:'YUJIN';position:absolute;inset:35px 0 auto;z-index:-1;pointer-events:none;overflow:hidden;color:transparent;-webkit-text-stroke:1px #e2def1;font:700 clamp(80px,20vw,260px)/1.1 var(--serif);text-align:center;white-space:nowrap}
@media(max-width:560px){.site-watermark{top:145px;font-size:26vw;-webkit-text-stroke:1px #dcd8f4}}
body:not(:has(.home-hero)) .site-watermark{opacity:.45}
/* Concrete artist profile replaces the landing-page promotional copy. */
.home-profile{margin:18px 0 20px;max-width:450px;font-size:13px}.profile-basics,.profile-more dl{margin:0}.home-profile dl>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:10px;padding:5px 0}.home-profile dt{color:var(--muted)}.home-profile dd{margin:0;overflow-wrap:anywhere}.home-profile a{border-bottom:1px solid var(--green)}.profile-more{margin-top:10px;border-top:1px dashed #b3b0e6;padding-top:9px}.profile-more summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:700;list-style:none}.profile-more summary::-webkit-details-marker{display:none}.profile-more[open] summary span{transform:rotate(45deg)}.profile-more dl{margin-top:10px}.profile-provenance{font-size:11px;color:var(--muted);margin:12px 0 0}.support-color{display:inline-block;width:11px;height:11px;border-radius:50%;background:#567ace;margin-right:6px}.home-hero:has(.profile-more[open]){height:auto;min-height:calc(100dvh - 160px);padding-top:28px}.home-hero:has(.profile-more[open]) .orbit-stage{align-self:start;margin-top:28px}
@media(min-width:901px){.home-copy h1{font-size:clamp(44px,7.5dvh,70px)}.home-profile{margin:12px 0 16px}.home-profile dl>div{padding:3px 0}.home-hero{min-height:540px}}
@media(min-width:901px) and (max-height:760px){.home-copy h1{font-size:44px}.home-profile{font-size:12px;margin:10px 0 12px}.profile-more{margin-top:6px;padding-top:6px}.home-actions{margin-top:10px}.home-hero{padding-top:8px;padding-bottom:65px;min-height:530px}}
@media(max-width:560px){.home-profile{margin:14px 0;font-size:12px}.home-profile dl>div{grid-template-columns:100px minmax(0,1fr);padding:4px 0}.home-hero:has(.profile-more[open]) .orbit-stage{margin-top:6px}}
/* The artist's multilingual name is the homepage title. */
.home-copy h1.profile-name{font-size:clamp(22px,2.35vw,34px);line-height:1.5;letter-spacing:0}
.profile-name span{display:block}.profile-name span+span{font-size:.83em;margin-top:4px}
@media(max-width:560px){.home-copy h1.profile-name{font-size:clamp(19px,5.4vw,27px)}}
.schedule-page{padding:40px 0 60px;max-width:1100px;margin:auto}.schedule-page h1{font:700 42px var(--serif)}.schedule-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:28px 0 18px}.schedule-toolbar h2{font:700 24px var(--serif);margin:0}.schedule-toolbar button,.schedule-toolbar input{border:2px solid var(--green);background:var(--surface);border-radius:10px;padding:8px 14px}.schedule-toolbar input{margin-left:auto;max-width:180px}.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:2px solid var(--green);border-radius:16px;overflow:hidden;background:var(--surface)}.weekday{text-align:center;background:var(--green);color:var(--paper);padding:10px}.calendar-day,.day-blank{min-height:100px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:10px;min-width:0}.calendar-day time{font-variant-numeric:tabular-nums}.calendar-day a{display:block;font-size:12px;line-height:1.4;background:var(--pink);padding:5px;border-radius:5px;margin-top:6px;overflow-wrap:anywhere}.calendar-day.is-today{box-shadow:inset 0 0 0 2px var(--green)}.calendar-day.has-event{background:#f2f4d9}.day-blank{background:var(--paper)}.schedule-heading{font:700 25px var(--serif);margin:30px 0 18px}.schedule-heading small{font:13px var(--sans);color:var(--muted)}.schedule-event{display:grid;grid-template-columns:145px minmax(0,1fr);gap:24px;padding:24px;background:var(--surface);border:2px solid var(--green);border-radius:16px;box-shadow:4px 4px 0 var(--pink);margin-bottom:20px;scroll-margin-top:20px}.schedule-date time{display:block;font-weight:700}.schedule-date span{display:inline-block;font-size:12px;background:var(--lime);border-radius:5px;padding:2px 8px;margin-top:8px}.schedule-event h3{font:700 22px/1.5 var(--serif);margin:12px 0}.schedule-event p{font-size:14px;color:var(--muted);margin:7px 0}.schedule-event small{display:block;color:var(--muted);font-size:11px;margin-top:9px}.schedule-footnote{font-size:12px;color:var(--muted)}
@media(max-width:560px){.schedule-page{padding-top:28px}.schedule-page h1{font-size:32px}.schedule-toolbar{gap:10px}.schedule-toolbar h2{font-size:20px}.schedule-toolbar input{margin-left:0}.calendar-day,.day-blank{min-height:62px;padding:5px}.calendar-day a{font-size:10px;padding:3px}.weekday{padding:7px;font-size:12px}.schedule-event{grid-template-columns:1fr;gap:12px;padding:18px}.schedule-date{display:flex;align-items:center;gap:12px}.schedule-date span{margin:0}.schedule-event h3{font-size:20px}}


/* Floating Ganganji companion, outside the routed page. */
.web-pet{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));width:126px;z-index:30;user-select:none}.pet-body{position:relative}.pet-character{display:block;width:126px;height:140px;padding:0;border:0;background:none;cursor:grab;touch-action:none;-webkit-tap-highlight-color:transparent}.pet-character svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 3px 2px #32308f12)}.pet-dog{transform-origin:90px 183px;animation:pet-breathe 4s ease-in-out infinite}.pet-tail{transform-origin:125px 155px;animation:pet-wag 1.6s ease-in-out infinite}.pet-hide{position:absolute;right:0;top:0;width:30px;height:30px;border:1px solid var(--green);border-radius:50%;background:var(--paper);color:var(--green);font-size:20px;z-index:1;cursor:pointer}.pet-restore{display:block;width:44px;height:44px;margin-left:auto;border:2px solid var(--green);border-radius:50%;background:var(--paper);box-shadow:2px 2px 0 var(--pink);font-size:21px;cursor:pointer}.web-pet:has(.pet-body[hidden]){width:44px}.web-pet [hidden]{display:none!important}.pet-bubble{position:absolute;bottom:100%;right:0;width:170px;max-width:calc(100vw - 24px);padding:12px 14px;margin:0 0 8px;border:2px solid var(--green);border-radius:16px 16px 4px 16px;background:var(--paper);box-shadow:3px 3px 0 var(--pink);font:13px/1.6 var(--sans);pointer-events:none}.web-pet:has(.pet-bubble:not([hidden])){z-index:31}.pet-happy .pet-dog{animation:pet-hop .55s ease-in-out 2}.pet-happy .pet-tail{animation:pet-wag .2s ease-in-out infinite}.pet-dragging .pet-character{cursor:grabbing}.pet-dragging *{animation-play-state:paused!important}.pet-character:focus-visible,.pet-hide:focus-visible,.pet-restore:focus-visible{outline:3px solid var(--green);outline-offset:4px;border-radius:16px}@keyframes pet-breathe{50%{transform:translateY(-3px) rotate(-1deg)}}@keyframes pet-wag{50%{transform:rotate(-14deg)}}@keyframes pet-hop{50%{transform:translateY(-15px) rotate(5deg)}}@media(max-width:560px){.web-pet{width:94px;right:12px;bottom:12px}.pet-character{width:94px;height:105px}.pet-hide{width:28px;height:28px}}@media(prefers-reduced-motion:reduce){.web-pet *{animation:none!important}}body:has(dialog[open]) .web-pet{visibility:hidden}

.web-pet .pet-bubble{position:fixed;right:auto;bottom:auto;margin:0}

.pet-character svg{overflow:hidden;filter:none;mix-blend-mode:multiply}.pet-character{animation:pet-breathe 4s ease-in-out infinite}.pet-happy .pet-character{animation:pet-hop .55s ease-in-out 2}

.pet-character{mix-blend-mode:multiply}

.pet-character{mix-blend-mode:normal;animation:none}.pet-art{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.pet-happy .pet-character{animation:pet-hop .55s ease-in-out 2}

.pet-happy .pet-character{animation:none}


.pet-canvas{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}

/* A local photo album: taped paper prints, quiet spacing, original image ratios. */
.photo-wall{padding:42px 0 64px;min-height:70vh}.photo-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.photo-heading .eyebrow{font-size:11px;letter-spacing:3px;margin:0 0 12px}.photo-heading h1{font:700 clamp(32px,4vw,48px)/1.2 var(--serif);margin:0}.photo-heading h1 span{display:inline-block;font:14px var(--sans);font-weight:400;letter-spacing:1px;color:var(--muted);margin-left:24px}.photo-heading .primary-button{background:var(--pink);white-space:nowrap;cursor:pointer}.photo-drop{display:flex;align-items:center;gap:20px;padding:22px 26px;border:2px dashed #9990c4;border-radius:14px;cursor:pointer;background:#fffdf55c;transition:background .2s,border-color .2s}.photo-drop:hover,.photo-drop:focus-visible,.photo-drag-over .photo-drop{background:var(--wash);border-color:var(--green)}.photo-drop:focus-visible{outline:2px solid var(--green);outline-offset:4px}.photo-drop[aria-disabled=true]{opacity:.6;cursor:progress}.photo-drop-icon{display:grid;place-items:center;width:44px;height:44px;background:var(--lime);border-radius:50%;font-size:26px;flex-shrink:0}.photo-drop strong{display:block;font-size:15px;font-weight:600}.photo-drop small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.photo-drop-formats{margin-left:auto;color:var(--muted);font-size:11px;letter-spacing:1px}.photo-feedback{font-size:13px;line-height:1.7;overflow-wrap:anywhere;color:var(--green)}.photo-feedback:not(:empty){margin-top:16px}.photo-wall-tools{display:flex;justify-content:space-between;align-items:center;margin:28px 0 34px;font-size:13px}.photo-wall-tools strong{font:700 26px var(--serif);margin-right:5px}.photo-wall-tools label{color:var(--muted);display:flex;gap:10px;align-items:center}.photo-wall-tools select{border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--green);padding:6px;font:13px var(--sans)}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:32px;padding:10px 12px 24px}.photo-print{break-inside:avoid;position:relative;display:inline-block;width:100%;margin:8px 0 34px;background:#fffdf9;border:1px solid #d5cfd4;padding:12px 12px 0;box-shadow:2px 3px 0 #d4c9db,0 12px 20px #37306612;transform:rotate(-1.2deg);transition:transform .2s,box-shadow .2s}.photo-tilt-1{transform:rotate(1.1deg);margin-top:20px}.photo-tilt-2{transform:rotate(-.5deg)}.photo-tilt-3{transform:rotate(1.6deg)}.photo-print:hover,.photo-print:focus-within{transform:rotate(0) translateY(-4px);box-shadow:2px 3px 0 #d4c9db,0 18px 26px #37306620;z-index:1}.photo-tape{position:absolute;top:-13px;left:calc(50% - 26px);width:52px;height:25px;background:#c6b9e6b8;transform:rotate(-7deg);z-index:1;pointer-events:none;clip-path:polygon(3% 0,98% 3%,100% 95%,2% 100%,0 80%,3% 60%,0 40%)}.photo-tilt-1 .photo-tape,.photo-tilt-3 .photo-tape{background:#eab7c8ba;transform:rotate(6deg)}.photo-open{display:block;width:100%;padding:0;background:none;border:0;text-align:left;cursor:zoom-in;color:var(--green)}.photo-open:focus-visible{outline:3px solid var(--green);outline-offset:5px}.photo-open img{display:block;width:100%;height:auto;min-height:80px;background:var(--paper)}.photo-print-caption{display:block;padding:16px 6px 20px}.photo-print-caption strong{display:block;font:700 17px/1.5 var(--serif);overflow-wrap:anywhere}.photo-print-caption small{display:block;margin-top:8px;font-size:10px;letter-spacing:1.5px;color:var(--muted)}.photo-empty{grid-column:1/-1;text-align:center;padding:32px 0 50px}.empty-prints{display:flex;justify-content:center;align-items:center;height:140px;margin-bottom:28px}.empty-prints i{display:grid;place-items:center;width:85px;height:112px;border:7px solid #fffdf9;border-bottom-width:25px;box-shadow:0 6px 12px #32308f12;font:30px var(--serif);background:var(--wash);transform:rotate(-12deg);font-style:normal}.empty-prints i:nth-child(2){background:var(--pink);transform:rotate(5deg) translateY(-12px);margin:0 8px}.empty-prints i:nth-child(3){background:var(--lime);transform:rotate(14deg)}.photo-empty h2{font:700 25px var(--serif);margin:0 0 12px}.photo-empty p{font-size:13px;color:var(--muted)}.photo-empty .text-button{margin-top:10px;border-bottom:1px solid var(--green);cursor:pointer}.photo-loading,.photo-load-error{grid-column:1/-1;text-align:center;padding:60px 0}.photo-local-note{text-align:center;color:var(--muted);font-size:11px;line-height:1.8;border-top:1px dashed var(--line);padding-top:22px}.photo-undo{display:flex;align-items:center;gap:18px;padding:12px 16px;background:var(--lime);border-radius:8px;margin-top:16px;font-size:13px}.photo-undo[hidden]{display:none}.photo-undo button{border:0;background:none;text-decoration:underline;cursor:pointer}.photo-wall button:disabled{opacity:.55;cursor:progress}.photo-viewer{position:fixed;inset:0;width:min(1080px,92vw);max-width:none;max-height:90dvh;margin:auto;padding:0;border:2px solid var(--green);border-radius:18px;background:var(--paper);color:var(--green);overflow:auto}.photo-viewer[open]{display:grid;grid-template-columns:minmax(0,1fr) 280px}.photo-viewer::backdrop{background:#191338b3;backdrop-filter:blur(4px)}.photo-viewer-close{position:absolute;right:12px;top:12px;z-index:1;width:34px;height:34px;border:1px solid var(--green);border-radius:50%;background:var(--paper);font-size:24px;cursor:pointer}.photo-viewer-image{display:flex;align-items:center;justify-content:center;padding:26px;background:#ece7dc;min-height:350px}.photo-viewer-image img{display:block;max-width:100%;max-height:80dvh;object-fit:contain}.photo-editor{padding:64px 24px 26px;display:flex;flex-direction:column;gap:20px}.photo-editor .eyebrow{font-size:9px;letter-spacing:2px;margin:0}.photo-editor label{display:block;font-size:12px}.photo-editor label>span{color:var(--muted)}.photo-editor input{display:block;width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--line);border-radius:7px;background:var(--surface);margin-top:8px;font:14px var(--sans);color:var(--green)}.photo-editor input:focus{outline:2px solid var(--green)}.photo-editor .primary-button{font-size:13px;cursor:pointer;padding:10px 12px}.photo-editor-feedback{font-size:12px;margin:0}.photo-editor-feedback:empty{display:none}.photo-editor .text-button{text-align:center}.photo-remove{margin-top:auto;padding-top:20px;background:none;border:0;border-top:1px solid var(--line);font-size:12px;text-decoration:underline;cursor:pointer;color:var(--muted)}
@media(max-width:1000px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo-heading h1 span{display:block;margin:12px 0 0}.photo-drop-formats{display:none}.photo-viewer[open]{grid-template-columns:minmax(0,1fr) 250px}}
@media(max-width:560px){.header nav{gap:14px}.header nav a{font-size:11px}.photo-wall{padding-top:28px}.photo-heading{align-items:center;gap:12px;margin-bottom:24px}.photo-heading h1{font-size:32px}.photo-heading h1 span{font-size:11px;letter-spacing:0}.photo-heading .primary-button{font-size:12px;padding:9px 12px;border-width:2px}.photo-heading .eyebrow{font-size:9px;letter-spacing:2px}.photo-drop{padding:16px 12px;gap:12px}.photo-drop strong{font-size:13px}.photo-drop small{font-size:10px}.photo-drop-icon{width:32px;height:32px;font-size:22px}.photo-grid{gap:18px;padding-inline:4px}.photo-print{padding:7px 7px 0;margin-bottom:24px}.photo-tape{width:36px;height:18px;left:calc(50% - 18px);top:-9px}.photo-print-caption{padding:10px 2px 13px}.photo-print-caption strong{font-size:13px}.photo-print-caption small{font-size:9px;letter-spacing:.8px}.photo-wall-tools{margin-top:20px;margin-bottom:24px}.photo-viewer[open]{display:block}.photo-viewer-image{min-height:160px;padding:42px 16px 16px}.photo-viewer-image img{max-height:48dvh}.photo-editor{padding:20px;gap:16px}.photo-empty h2{font-size:21px}.photo-local-note{font-size:10px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.photo-print{transition:none}}
/* Geometric close marks avoid font baseline and glyph-shape differences. */
.photo-viewer-close,.close{display:grid;place-items:center;padding:0;font-size:0;line-height:1;flex-shrink:0;position:relative;color:var(--green)}
.photo-viewer-close{position:absolute}
.photo-viewer-close::before,.photo-viewer-close::after,.close::before,.close::after{content:"";position:absolute;width:15px;height:2px;background:currentColor;border-radius:2px;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg)}
.photo-viewer-close::after,.close::after{transform:translate(-50%,-50%) rotate(-45deg)}
.message-board{padding:42px 0 64px}.board-stamp{border:1px solid var(--green);padding:12px 18px;text-align:center;font-size:10px;letter-spacing:2px;transform:rotate(7deg)}.board-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(200px,1fr);gap:36px}.message-compose{background:#fffdf8;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:5px 5px 0 #ded4e9}.message-compose fieldset{border:0;padding:0;margin:0 0 24px;min-width:0}.message-compose legend,.message-label{font-size:12px;letter-spacing:.4px}.bead-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.bead-choice{cursor:pointer;min-width:0}.bead-choice input{position:absolute;opacity:0;width:1px;height:1px}.bead-choice>span{display:flex;flex-direction:column;align-items:center;border:2px solid transparent;border-radius:10px;padding:12px 4px;background:#f5f0f4}.bead-choice input:checked+span{border-color:var(--green);background:#ebe5f8;box-shadow:2px 2px 0 var(--green)}.bead-choice input:focus-visible+span{outline:3px solid var(--green);outline-offset:3px}.bead-avatar{width:86px;height:96px;display:block;flex-shrink:0}.bead-choice strong{font-size:11px;margin-top:9px}.bead-choice small{font-size:9px;color:var(--muted)}.message-label{display:block;margin-top:18px}.message-label>span{color:var(--muted)}.message-label input,.message-label textarea{display:block;width:100%;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:12px;margin-top:8px;font:14px/1.8 var(--sans);color:var(--green);resize:vertical}.message-label textarea:focus,.message-label input:focus{outline:2px solid var(--green)}.message-compose-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:12px}.message-counter{font-size:11px;color:var(--muted)}.message-compose .primary-button{font-size:13px;padding:10px 16px;background:var(--pink)}.message-compose button:disabled{opacity:.5;cursor:wait}.message-status{font-size:12px;margin:12px 0 0}.message-status:empty{display:none}.board-intro{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;background-image:radial-gradient(#c9bed9 1px,transparent 1px);background-size:13px 13px;border-radius:16px;padding:24px}.bead-parade{display:flex;gap:12px;align-items:center}.bead-parade svg{width:100px;height:115px}.bead-parade svg:nth-child(2){transform:translateY(18px)}.board-intro p{font:700 24px/1.8 var(--serif);margin:38px 0 16px}.board-intro small{line-height:2;color:var(--muted);background:var(--paper)}.message-divider{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin:44px 0 24px;padding-bottom:14px}.message-divider h2{font:700 22px var(--serif);margin:0}.message-total{font-size:12px;color:var(--muted)}.message-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-bottom:36px}.message-card{padding:20px;background:#f0eaf8;border:1px solid #d6cbe3;border-radius:4px 16px 16px 16px;box-shadow:3px 4px 0 #ddd3e6}.message-card:nth-child(3n+2){background:#f9e8ed}.message-card:nth-child(3n){background:#edf0d9}.message-card-top{display:flex;align-items:center;gap:14px}.message-card-top .bead-avatar{width:54px;height:64px}.message-card-top strong{font-size:13px;overflow-wrap:anywhere}.message-card-top time{display:block;font-size:10px;color:var(--muted);margin-top:4px}.message-card-top>span{margin-left:auto;font-size:23px}.message-card p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.9;margin:16px 0 4px}.message-empty{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:22px;padding:20px;font-size:13px;color:var(--muted)}
@media(max-width:1000px){.board-layout{grid-template-columns:1fr}.board-intro{display:none}.message-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.message-board{padding-top:28px}.message-compose{padding:18px}.bead-choices{grid-template-columns:repeat(2,minmax(0,1fr))}.message-grid{grid-template-columns:1fr}.board-stamp{display:none}.message-divider h2{font-size:19px}.header nav{flex-wrap:wrap;row-gap:5px}.message-empty{gap:12px}.message-empty p{max-width:180px}}
/* Large collectible bead portraits, with distinct silhouettes for each look. */
.board-layout{grid-template-columns:1fr}.board-intro{display:none}.message-compose{padding:30px}.bead-choices{gap:20px;margin-top:22px}.bead-choice>span{position:relative;padding:22px 10px 20px;border-radius:16px;background:#ececf7;transition:transform .18s,box-shadow .18s}.bead-choice:nth-child(2)>span{background:#f8e9ec}.bead-choice:nth-child(3)>span{background:#e8eee7}.bead-choice:nth-child(4)>span{background:#eee5f2}.bead-choice .bead-avatar{width:100%;height:270px;filter:drop-shadow(0 5px 0 #42345516)}.bead-choice strong{font:700 17px var(--serif);margin-top:18px}.bead-choice small{font-size:11px;margin-top:8px;letter-spacing:.3px}.bead-choice input:checked+span{background:#e9e3f5;box-shadow:4px 5px 0 var(--green);transform:translateY(-3px)}.bead-choice input:checked+span::after{content:'✓';position:absolute;right:12px;top:10px;background:var(--green);color:var(--paper);width:24px;height:24px;border-radius:50%;text-align:center;font-size:14px;line-height:24px}.message-card-top .bead-avatar{width:100px;height:124px}.message-card-top{align-items:center}.message-empty .bead-avatar{width:110px;height:136px}
@media(max-width:1000px){.bead-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.bead-choice .bead-avatar{height:280px}}
@media(max-width:560px){.message-compose{padding:16px}.bead-choices{gap:12px}.bead-choice>span{padding:20px 5px 16px}.bead-choice .bead-avatar{height:205px}.bead-choice strong{font-size:15px;margin-top:12px}.bead-choice small{font-size:9px;letter-spacing:0}.message-card-top .bead-avatar{width:88px;height:110px}}
@media(prefers-reduced-motion:reduce){.bead-choice>span{transition:none}}
.bead-single{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:28px;margin-bottom:28px;padding:26px;background:radial-gradient(ellipse at 28% 45%,#f4e4e5,transparent 65%),#f6f0e9;border:1px solid #e6d8df;border-radius:18px}.bead-single-art{display:flex;justify-content:center}.bead-single .bead-avatar{display:block;width:100%;max-width:430px;height:auto;max-height:490px;object-fit:contain;filter:drop-shadow(0 12px 8px #6a45551a)}.bead-single-caption .eyebrow{font-size:10px;letter-spacing:2px}.bead-single-caption h2{font:700 clamp(24px,3vw,36px)/1.5 var(--serif);margin:18px 0 12px}.bead-single-caption p{font-size:13px;color:var(--muted);line-height:1.9}.message-card-top .bead-avatar,.message-empty .bead-avatar{object-fit:contain}.message-card-top .bead-avatar{width:120px;height:140px}
@media(max-width:700px){.bead-single{grid-template-columns:1fr;gap:18px;padding:24px 16px;text-align:center}.bead-single .bead-avatar{max-width:350px;max-height:410px}.bead-single-caption h2{margin-top:12px}.bead-single-caption p{margin-bottom:0}}
.community-beads{padding:28px 30px;background:#fffaf0;border:1px solid #dfd5ed;border-radius:20px;margin-bottom:28px}.bead-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.bead-progress-title{font:700 30px var(--serif);margin:0}.bead-remaining{font-size:14px;color:#6b5dad}.bead-progress{display:block;appearance:none;border:0;width:100%;height:12px;border-radius:10px;overflow:hidden;margin:20px 0;background:#ded5f5}.bead-progress::-webkit-progress-bar{background:#ded5f5}.bead-progress::-webkit-progress-value{background:linear-gradient(90deg,#f4a5c5,#bcf145);border-radius:10px}.bead-progress::-moz-progress-bar{background:linear-gradient(90deg,#f4a5c5,#bcf145)}.bead-board-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.bead-round{font:inherit;color:var(--green);background:transparent;border:1px solid var(--line);border-radius:5px;padding:4px}.bead-reference{margin-left:auto;position:relative}.bead-reference summary{cursor:pointer;text-decoration:underline}.bead-reference img{position:absolute;right:0;top:25px;z-index:2;background:#fffcf6;padding:14px;border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 22px #30204e22}.community-pattern{max-width:680px;margin:28px auto 20px}.community-pattern svg{width:100%;height:auto;display:block}.community-bead .bead-base{fill-opacity:.07;stroke:#ddd1e4;stroke-width:.65}.community-bead .bead-hole{fill:#e2d6e4;fill-opacity:.8}.community-bead .bead-shine{fill:white;opacity:0}.community-bead.is-filled{cursor:pointer;outline:none}.community-bead.is-filled .bead-base{fill-opacity:1;stroke:#35245033;stroke-width:.5}.community-bead.is-filled .bead-hole{fill:#38264e;fill-opacity:.3}.community-bead.is-filled .bead-shine{opacity:.55}.community-bead.is-selected .bead-base,.community-bead.is-filled:focus-visible .bead-base{stroke:#8161d1;stroke-width:1.7}.community-bead.is-filled:hover .bead-base{stroke:#8161d1;stroke-width:1.5}.bead-message-preview{min-height:80px;border-top:1px dashed var(--line);padding-top:18px;font-size:13px}.bead-message-preview strong{font-size:12px}.bead-message-preview p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0}.message-bead-number{font-size:11px;color:#795bb4;white-space:nowrap}.bead-new .bead-base{animation:bead-light 1s ease-out 2}@keyframes bead-light{0%{stroke:#b8ea4a;stroke-width:4;fill-opacity:.3}100%{stroke-width:.5;fill-opacity:1}}@media(max-width:600px){.community-beads{padding:20px 14px}.bead-progress-heading{align-items:flex-start;flex-direction:column;gap:10px}.bead-progress-title{font-size:26px}.bead-remaining{font-size:12px}.community-pattern{margin-top:22px}.bead-board-toolbar{font-size:10px}.message-card-top{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.bead-new .bead-base{animation:none}}
.bead-preview-toggle{border:1px solid #a292c9;border-radius:20px;padding:5px 12px;background:#ede5fa;color:var(--green);font:inherit;cursor:pointer}.bead-preview-toggle[aria-pressed=true]{background:var(--green);color:var(--paper)}.bead-original[hidden],.bead-preview-label[hidden]{display:none}.is-previewing .bead-comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start;margin-top:24px}.bead-preview-label,.bead-original figcaption{text-align:center;font-size:12px;color:var(--muted);margin:0 0 12px}.bead-original{margin:0}.bead-original img{width:100%;height:auto;display:block;aspect-ratio:352/396;object-fit:contain}.is-previewing .community-pattern{margin:0 auto 20px}.is-previewing .community-bead.is-selected .bead-base{stroke:#35245033;stroke-width:.5}@media(max-width:600px){.is-previewing .bead-comparison{gap:10px}.bead-preview-label,.bead-original figcaption{font-size:10px}.is-previewing .community-beads{padding-inline:10px}}
/* Public photo gallery hides management controls. */
.photo-wall [hidden],.photo-viewer [hidden]{display:none!important}