@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--bg:#faf8fc;--surface:#fff;--surface2:#f3edf7;--text:#292336;--muted:#746b7f;--line:#e9e1ee;--purple:#7647a7;--purple2:#5d328a;--pink:#e7a4c8;--shadow:0 12px 38px rgba(66,36,84,.08)}:root[data-theme=dark]{--bg:#17131d;--surface:#221b2a;--surface2:#30263a;--text:#f7f0fa;--muted:#b5aabe;--line:#3d3148;--purple:#bd91ed;--purple2:#d1b3f4;--pink:#e8a3c5;--shadow:0 12px 38px rgba(0,0,0,.24)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 'DM Sans',system-ui,sans-serif;transition:background .25s,color .25s}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--pink);outline-offset:2px}[hidden]{display:none!important}.site-header{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 94%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.header-inner{max-width:1260px;padding:15px 24px;margin:auto;display:flex;align-items:center;gap:36px}.brand{font:700 1.5rem 'Playfair Display',Georgia,serif;white-space:nowrap;color:var(--purple2)}.brand-mark{color:var(--pink);font:2rem/0 Georgia;vertical-align:-.08em;margin-right:5px}.nav{display:flex;align-items:center;gap:5px;flex:1}.nav-link{border:0;background:none;padding:9px 12px;color:var(--muted);border-radius:9px;font-size:.9rem;font-weight:700}.nav-link:hover,.nav-link.active{background:var(--surface2);color:var(--purple2)}.header-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.admin-link{color:var(--purple2);font-size:.9rem;font-weight:700;white-space:nowrap}.icon-button{height:40px;width:40px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);font-size:1.3rem}.shell{max-width:1260px;margin:auto;padding:30px 24px 90px}.intro{min-height:195px;border-radius:26px;background:linear-gradient(120deg,var(--surface2),var(--surface) 72%);border:1px solid var(--line);padding:35px 44px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:.76rem;font-weight:700;letter-spacing:.15em;color:var(--purple2)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;line-height:1.2}h1{font-size:clamp(2rem,4vw,3rem);margin:10px 0}h2{font-size:1.45rem;margin:0}.intro p,.admin-heading p{color:var(--muted);margin:0}.intro-flower{font:10rem/1 Georgia;color:var(--pink);opacity:.38;transform:rotate(-19deg);margin-right:7%;user-select:none}.toolbar{display:flex;gap:12px;margin:26px 0}.search{display:flex;align-items:center;gap:8px;min-width:0;flex:1;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0 15px;color:var(--muted)}.search span{font-size:1.5rem}.search input{width:100%;background:none;border:0;color:var(--text);outline:none;padding:13px 0}.toolbar select{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:10px 14px}.section-line{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:28px 0 17px}.section-line span{color:var(--muted);font-size:.9rem}.section-line h2 span{font:500 .9rem 'DM Sans',sans-serif}.grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:var(--shadow);transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(66,36,84,.14)}.cover-hit{display:block;border:0;padding:0;width:100%;background:none}.cover{aspect-ratio:2/3;background:linear-gradient(145deg,#dbc8e8,#f3d8e6);position:relative;overflow:hidden;display:grid;place-items:center}.cover img{width:100%;height:100%;object-fit:cover}.cover-fallback{font:6rem Georgia;color:#fff9;line-height:1}.cover-type{position:absolute;top:10px;left:10px;background:#322040cf;color:#fff;padding:3px 9px;border-radius:30px;font-size:.75rem;font-weight:700}.card-info{padding:13px 14px 16px}.card-top{display:flex;align-items:center;justify-content:space-between;color:var(--purple2);font-size:.76rem;font-weight:700}.heart{border:0;background:none;color:var(--purple2);font-size:1.35rem;line-height:1}.card-title{display:block;text-align:left;border:0;background:none;color:var(--text);font-weight:700;font-size:1rem;padding:4px 0;line-height:1.3}.card-info p,.card-info small{display:block;color:var(--muted);font-size:.78rem;margin:3px 0}.empty{text-align:center;padding:65px 20px;color:var(--muted);border:1px dashed var(--line);border-radius:18px;background:var(--surface)}.empty>span{display:block;font:5rem Georgia;color:var(--pink)}.empty h3{color:var(--text);font-size:1.5rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 17px;border-radius:10px;font-weight:700;border:1px solid var(--line);font-size:.9rem;white-space:nowrap}.button.primary{background:var(--purple);border-color:var(--purple);color:white}.button.primary:hover{background:var(--purple2)}.button.secondary{background:var(--surface);color:var(--purple2)}.button.secondary:hover{background:var(--surface2)}.text-button{border:0;background:none;color:var(--purple2);font-weight:700;padding:8px 0}.text-button.danger{color:#b65071}.muted{color:var(--muted)}.detail-panel{display:grid;grid-template-columns:235px 1fr;gap:36px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:28px;margin-top:20px}.detail-cover{aspect-ratio:2/3;max-height:360px;background:linear-gradient(145deg,#dbc8e8,#f3d8e6);border-radius:13px;overflow:hidden;display:grid;place-items:center}.detail-cover img{width:100%;height:100%;object-fit:cover}.detail-panel h1{margin:10px 0 4px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.tags span{background:var(--surface2);color:var(--purple2);border-radius:20px;padding:5px 10px;font-size:.8rem;font-weight:700}.synopsis{white-space:pre-line;max-width:680px}.detail-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:23px}.chapter-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:8px 25px 22px;margin-top:20px}.chapter-row{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;border:0;border-top:1px solid var(--line);padding:16px 3px;background:none;color:var(--purple2)}.chapter-row strong{display:block;color:var(--text)}.chapter-row small{display:block;color:var(--muted);margin-top:4px}.chapter-row:hover{background:var(--surface2)}.reader-view{min-height:100vh;background:#16131a;color:white}.reader-light .reader-view{background:#eeeaf2;color:#292336}.reader-bar{position:sticky;top:0;z-index:9;background:#211b28ed;color:white;border-bottom:1px solid #ffffff25;display:flex;align-items:center;gap:16px;padding:12px 22px;backdrop-filter:blur(12px)}.reader-label{display:flex;flex-direction:column;min-width:0;margin-right:auto}.reader-label strong,.reader-label span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reader-label span{font-size:.8rem;color:#c9b8d4}.reader-control,.reader-bar select{background:#392d44;color:white;border:1px solid #685772;border-radius:9px;padding:9px 12px}.reader-bar select{max-width:190px}.reader-progress{height:3px;background:#453650;position:sticky;top:64px;z-index:8}.reader-progress div{height:100%;width:0;background:var(--pink)}.pages{max-width:900px;margin:auto;min-height:55vh}.pages img{display:block;width:100%;height:auto;margin:0 auto}.reader-empty{text-align:center;padding:70px 20px}.reader-footer{display:flex;align-items:center;justify-content:center;gap:20px;padding:35px 15px 80px}.reader-footer span{font-size:.85rem;color:#aaa}.admin-shell{padding-top:36px}.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-heading h1{margin:8px 0}.local-notice{margin:27px 0;border:1px solid var(--line);background:var(--surface2);border-radius:12px;padding:14px 18px;color:var(--muted);font-size:.9rem}.local-notice strong{color:var(--text)}.admin-layout{display:grid;grid-template-columns:minmax(245px,300px) minmax(0,1fr);align-items:start;gap:20px}.work-sidebar,.editor{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.work-sidebar .section-line,.editor .section-line{margin:3px 0 16px}.work-sidebar .search{margin-bottom:15px}.work-item{width:100%;text-align:left;background:none;color:var(--text);border:1px solid var(--line);padding:11px 12px;border-radius:10px;margin-bottom:8px}.work-item.selected,.work-item:hover{background:var(--surface2);border-color:var(--purple)}.work-item strong,.work-item small{display:block}.work-item small{color:var(--muted);font-size:.75rem}.data-actions{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.data-actions .button{font-size:.8rem}.editor form>label,.form-grid label{display:block;font-weight:700;font-size:.86rem;margin-bottom:15px}.editor input:not([type=file]),.editor select,.editor textarea{display:block;width:100%;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text);padding:10px 11px;margin-top:6px}.editor input[type=file]{display:block;margin:8px 0;color:var(--muted);max-width:100%}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.cover-preview{width:108px;aspect-ratio:2/3;object-fit:cover;border-radius:9px;margin-bottom:12px}.form-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.form-actions span,.hint{color:var(--muted);font-size:.8rem}.chapters-heading{border-top:1px solid var(--line);padding-top:24px;margin-top:30px!important}.admin-chapter{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.admin-chapter strong,.admin-chapter small{display:block}.admin-chapter small{color:var(--muted)}.admin-chapter>div{display:flex;gap:12px}.chapter-editor{background:var(--surface2);padding:20px;border-radius:13px;margin-top:17px}.chapter-editor h3{margin-bottom:16px}.chapter-editor .form-grid{grid-template-columns:130px 1fr}#pending-pages{font-size:.8rem;color:var(--purple2);word-break:break-word;margin-bottom:15px}#toast{position:fixed;bottom:22px;right:22px;z-index:100;background:#342440;color:white;border-radius:10px;padding:12px 17px;max-width:min(390px,90vw);opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s}#toast.show{opacity:1;transform:none}#petals{position:fixed;inset:0;pointer-events:none;z-index:19;overflow:hidden}.petal{position:absolute;top:-30px;color:var(--pink);opacity:.45;animation:fall linear forwards}@keyframes fall{to{transform:translate(80px,110vh) rotate(430deg);opacity:0}}@media(max-width:1050px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.header-inner{gap:14px}.nav-link{padding:8px}}@media(max-width:760px){.header-inner{flex-wrap:wrap}.nav{order:3;width:100%;overflow:auto}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-layout{grid-template-columns:1fr}.work-sidebar{order:0}.editor{order:1}.intro-flower{margin:0}.reader-bar{gap:7px;padding:9px}.reader-label{max-width:33vw}.reader-bar select{max-width:115px}}@media(max-width:530px){.shell{padding:18px 14px 70px}.header-inner{padding:11px 14px}.brand{font-size:1.25rem}.admin-link{font-size:.78rem}.intro{padding:25px 22px;min-height:155px}.intro-flower{font-size:5rem;position:absolute;right:0;bottom:-12px}.intro p{max-width:230px;font-size:.88rem}.toolbar{flex-wrap:wrap}.toolbar .search{flex-basis:100%}.toolbar select{flex:1;min-width:0;font-size:.82rem}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-panel{grid-template-columns:1fr;padding:18px}.detail-cover{width:175px}.form-grid,.chapter-editor .form-grid{grid-template-columns:1fr}.admin-heading{align-items:flex-start;flex-direction:column}.reader-label span{display:none}.reader-bar select{max-width:95px}.reader-control{padding:8px;font-size:.8rem}.reader-footer{gap:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}#petals{display:none}}
/* Transiciones de navegación: cubierta compartida, página y lector. */
@keyframes viewFadeUp{from{opacity:0;transform:translateY(20px) scale(.985)}to{opacity:1;transform:none}}
@keyframes viewFadeDown{from{opacity:1;transform:none}to{opacity:0;transform:translateY(14px) scale(.985)}}
@keyframes readerReveal{from{opacity:0;transform:translateY(32px);filter:blur(5px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes coverBloom{from{filter:brightness(1.12) saturate(1.15)}to{filter:none}}
@keyframes chapterRise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes petalBurst{from{opacity:0;transform:translate(-50%,-50%) scale(.7) rotate(-15deg)}45%{opacity:.7}to{opacity:0;transform:translate(-50%,-50%) scale(2.7) rotate(28deg)}}
.view-enter{animation:viewFadeUp .38s cubic-bezier(.18,.8,.25,1) both}
::view-transition-old(root){animation:viewFadeDown .25s ease-in both}
::view-transition-new(root){animation:viewFadeUp .38s cubic-bezier(.18,.8,.25,1) both}
:root[data-route-motion="detail-to-reader"]::view-transition-old(root),:root[data-route-motion="catalog-to-reader"]::view-transition-old(root){animation:viewFadeDown .3s ease-in both}
:root[data-route-motion="detail-to-reader"]::view-transition-new(root),:root[data-route-motion="reader-to-reader"]::view-transition-new(root){animation:readerReveal .52s cubic-bezier(.17,.77,.2,1) both}
:root[data-route-motion="reader-to-detail"]::view-transition-new(root),:root[data-route-motion="detail-to-catalog"]::view-transition-new(root){animation:viewFadeUp .46s cubic-bezier(.18,.8,.25,1) both}
::view-transition-group(story-cover){animation-duration:.55s;animation-timing-function:cubic-bezier(.18,.8,.25,1)}
.detail-cover{animation:coverBloom .65s ease-out both}.detail-panel{position:relative}.detail-panel::after{content:'✿';position:absolute;top:45%;left:32%;color:var(--pink);font:3rem Georgia;pointer-events:none;animation:petalBurst .8s ease-out both}
.chapter-row{transition:background .25s,padding .25s,transform .25s}.chapter-row:hover{padding-left:13px;transform:translateX(2px)}
.pages img{animation:chapterRise .5s both;animation-timeline:view();animation-range:entry 0% entry 28%}
.reader-bar{transition:background .3s}.reader-footer .reader-control:hover:not(:disabled){background:#60436f;transform:translateY(-2px)}.reader-footer .reader-control{transition:background .2s,transform .2s}
@media(prefers-reduced-motion:reduce){.view-enter,.detail-cover,.detail-panel::after,.pages img{animation:none!important}.chapter-row,.reader-footer .reader-control{transition:none!important}::view-transition-old(root),::view-transition-new(root),::view-transition-group(story-cover){animation-duration:.01ms!important}}
@keyframes chapterSwitch{from{opacity:.25;transform:translateY(25px) scale(.985)}to{opacity:1;transform:none}}
.pages.chapter-switch{animation:chapterSwitch .6s cubic-bezier(.18,.8,.25,1) both}
@media(prefers-reduced-motion:reduce){.pages.chapter-switch{animation:none!important}}
/* Cortina floral visible en cada recorrido, incluso sin View Transitions API. */
#route-curtain{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;pointer-events:none;opacity:0;visibility:hidden;background:radial-gradient(circle at 50% 45%,#a579ce 0,#6d4694 52%,#382346 100%);color:#fff;transform:translateY(100%)}#route-curtain[data-target=reader]{background:radial-gradient(circle at 50% 45%,#624778 0,#30243b 60%,#17131d 100%)}#route-curtain[data-target=catalog]{background:radial-gradient(circle at 50% 45%,#e9bbd7 0,#9668b6 56%,#503167 100%)}#route-curtain.curtain-in{visibility:visible;animation:curtainIn .31s cubic-bezier(.65,0,.2,1) forwards}#route-curtain.curtain-out{visibility:visible;animation:curtainOut .52s cubic-bezier(.6,0,.25,1) forwards}.curtain-flower{font:clamp(7rem,22vw,14rem)/1 Georgia;color:#ffd8ea;text-shadow:0 0 45px #f4b9dcaa;animation:flowerTurn .7s ease-out both}.curtain-name{font:700 1.4rem 'Playfair Display',Georgia,serif;letter-spacing:.08em}@keyframes curtainIn{from{opacity:.7;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes curtainOut{from{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(-100%)}}@keyframes flowerTurn{from{transform:scale(.45) rotate(-70deg);opacity:.2}to{transform:scale(1) rotate(18deg);opacity:1}}.view-enter .detail-panel{animation:readerReveal .58s .08s both}.view-enter .chapter-panel{animation:chapterRise .56s .2s both}.view-enter .card{animation:chapterRise .5s both}.view-enter .card:nth-child(2){animation-delay:.06s}.view-enter .card:nth-child(3){animation-delay:.12s}.view-enter .card:nth-child(4){animation-delay:.18s}.view-enter .card:nth-child(5){animation-delay:.24s}.view-enter .reader-bar{animation:viewFadeUp .5s .07s both}.view-enter .pages{animation:readerReveal .63s .14s both}.grid .card{animation:chapterRise .52s both}.sample-page{min-height:900px;padding:90px 12%;background:linear-gradient(145deg,#f8f0fa,#e7d7ee);color:#37253f;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.sample-page>span{font-size:.8rem;letter-spacing:.22em;color:#77518b;font-weight:700}.sample-page h2{font-size:clamp(2.5rem,6vw,5rem);margin:25px 0;max-width:600px}.sample-page p{font-size:clamp(1.1rem,2.4vw,1.55rem);max-width:540px;line-height:1.8}.sample-flower{font:8rem Georgia;color:#c792bc;opacity:.4;animation:flowerFloat 5s ease-in-out infinite alternate}.sample-page-two{background:linear-gradient(160deg,#eee2f6,#f9e6ef)}.sample-page-three{background:linear-gradient(160deg,#efdef0,#d8c4ed)}@keyframes flowerFloat{to{transform:translateY(-22px) rotate(24deg)}}@media(max-width:600px){.sample-page{min-height:70vh;padding:60px 9%}.sample-flower{font-size:5rem}}@media(prefers-reduced-motion:reduce){#route-curtain,.sample-flower,.view-enter .detail-panel,.view-enter .chapter-panel,.view-enter .card,.view-enter .reader-bar,.view-enter .pages,.grid .card{animation:none!important}}
.sample-page h2,.sample-page p,.sample-page .sample-flower{animation:chapterRise .65s both;animation-timeline:view();animation-range:entry 0% entry 42%}@media(prefers-reduced-motion:reduce){.sample-page h2,.sample-page p,.sample-page .sample-flower{animation:none!important}}
.pages img,.cover img,.detail-cover img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}
.comments-panel{max-width:900px;margin:0 auto;padding:30px 24px 50px;background:#211b28;color:#fff;border-top:1px solid #ffffff2b}.reader-light .comments-panel{background:#f8f4fb;color:#292336}.comments-panel .section-line{margin-top:0}.comment-item{border-top:1px solid #ffffff2c;padding:18px 0}.reader-light .comment-item{border-color:#d9cbe3}.comment-item strong{color:#e6b7db}.comment-item small{margin-left:10px;color:#b7a7c4}.comment-item p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.comments-panel textarea{display:block;width:100%;margin:8px 0 12px;padding:12px;border:1px solid #776483;border-radius:10px;background:#31283a;color:white;resize:vertical}.reader-light .comments-panel textarea{background:#fff;color:#292336}.comments-panel label{font-weight:700}.comments-panel #comment-signin{margin:18px 0}.comments-panel .text-button{color:#eabfe5}.auth-dialog{width:min(420px,calc(100vw - 30px));border:1px solid var(--line);border-radius:20px;background:var(--surface);color:var(--text);padding:32px;box-shadow:0 30px 80px #170b2966}.auth-dialog::backdrop{background:#150c1dab;backdrop-filter:blur(5px)}.auth-dialog h2{margin:10px 0}.auth-dialog p{color:var(--muted)}.auth-dialog form label,.admin-auth label{display:block;font-weight:700;font-size:.9rem;margin:14px 0}.auth-dialog input,.admin-auth input{display:block;width:100%;margin-top:5px;padding:10px;border:1px solid var(--line);background:var(--bg);color:var(--text);border-radius:9px}.auth-dialog form .button,.admin-auth form .button{width:100%;margin-top:13px}.auth-close{float:right;border:0;background:none;color:var(--text);font-size:1.6rem}.admin-auth{min-height:75vh;display:grid;place-items:center;padding:30px 15px}.auth-card{width:min(440px,100%);background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:32px;box-shadow:var(--shadow)}.auth-card h1{font-size:2rem}.auth-card p{color:var(--muted)}#auth-error,#admin-auth-error{color:#c45672!important;font-size:.9rem}.admin-chapter .text-button{padding:6px}.work-sidebar .muted{margin:12px 0}
.invite-panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px;margin:18px 0 24px;box-shadow:var(--shadow)}.invite-panel p{color:var(--muted);max-width:740px}.invite-panel form{display:flex;align-items:end;gap:12px;flex-wrap:wrap}.invite-panel label{font-weight:700;font-size:.9rem;flex:1;min-width:230px}.invite-panel input{display:block;width:100%;padding:10px;margin-top:5px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text)}#invite-result{margin:18px 0;background:var(--surface2);padding:15px;border-radius:12px}#invite-result .button{margin-top:10px}#invite-list{margin-top:15px}.admin-auth #invite-toggle{margin-top:10px}
.live-demo-notice{position:relative;z-index:30;background:#452c59;color:white;text-align:center;padding:9px 16px;font-size:.88rem;font-weight:700}

/* Sakura rosa oscuro, con modo claro opcional. */
:root{--bg:#fff5f8;--surface:#fff;--surface2:#fce6ee;--text:#442432;--muted:#896373;--line:#efd0dc;--purple:#b83d6c;--purple2:#942d54;--pink:#ef9cbd}
:root[data-theme=dark]{--bg:#211019;--surface:#321b27;--surface2:#482535;--text:#fff0f5;--muted:#d7acbe;--line:#603448;--purple:#cc527f;--purple2:#ee83a9;--pink:#f2a6c5}
.header-inner{flex-wrap:wrap;gap:14px}.nav{flex-wrap:wrap}.nav a{display:inline-flex;align-items:center}.header-actions{margin-left:auto}#account-button{border:0;background:transparent;cursor:pointer}.intro h1{max-width:760px}.community{padding-top:0}.community-panel{scroll-margin-top:160px;background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:30px;margin:24px 0;box-shadow:var(--shadow)}.community-panel h2{margin:10px 0 22px}.community-panel h3{font-size:1.2rem;margin:24px 0 12px}.community-panel p{white-space:pre-line;color:var(--muted)}.staff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.staff-member{padding:20px;background:var(--surface2);border-radius:15px;overflow-wrap:anywhere}.staff-member span{display:block;font-size:2rem;color:var(--pink)}.community-panel label{display:block;margin:14px 0;font-weight:700}.community-panel input,.community-panel textarea{display:block;width:100%;margin-top:7px;padding:12px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--text)}.community-panel textarea{resize:vertical}.site-footer{text-align:center;padding:35px 20px;background:var(--surface);border-top:1px solid var(--line);color:var(--muted)}.site-footer p{margin:0 0 8px}.site-footer small{font-size:.75rem}.site-settings summary{cursor:pointer;font-weight:700;color:var(--purple2)}.view-count{font-size:.85rem;color:var(--muted)}#route-curtain{background:radial-gradient(circle,#ce6e98,#763048 65%,#321623)}#route-curtain[data-target=catalog]{background:radial-gradient(circle,#efa4c5,#9d4667 56%,#4c2335)}.comments-panel{background:#321b27}.reader-view{background:#211019}.reader-bar{background:#321b27ed}.cover{background:linear-gradient(145deg,#cc7697,#f3bed3)}@media(max-width:760px){.nav{flex-wrap:nowrap}.community-panel{padding:22px}.header-actions{gap:9px}.intro h1{font-size:2rem}}
/* Entradas y salidas de todas las páginas. */
@keyframes pageArrive{from{opacity:.25;transform:translateY(22px)}to{opacity:1;transform:none}}
.page-arrive>main:not([hidden]),.page-arrive>.community:not([hidden]){animation:pageArrive .65s .12s both}.page-arrive .site-header{animation:pageArrive .55s both}.page-leaving>main:not([hidden]),.page-leaving>.community:not([hidden]){transition:opacity .25s,transform .25s;opacity:.35;transform:translateY(-10px)}.page-back{display:inline-block;margin-top:25px}.community:has(.page-back){padding-top:20px;min-height:65vh}.nav-link[aria-current=page]{background:var(--surface2);color:var(--purple2)}
@media(prefers-reduced-motion:reduce){.page-arrive>main,.page-arrive>.community,.page-arrive .site-header{animation:none!important}.page-leaving>main,.page-leaving>.community{opacity:1;transform:none;transition:none}}

/* Identidad de Yuri Island: imagen original, sin recortes. */
.brand-logo{width:52px;height:52px;object-fit:contain;border-radius:12px;flex-shrink:0;box-shadow:0 0 16px #ff26b43b}.brand{gap:10px}.intro{background:radial-gradient(ellipse at 82% 0%,#4b236c,transparent 65%),linear-gradient(120deg,#190c24,#08060c);border:1px solid #d5319666;border-radius:24px;padding:28px 36px;margin:28px 0;color:#fff;overflow:hidden;gap:28px}.intro h1{color:#fff}.intro p{color:#e4c9e3}.intro .eyebrow{color:#ff85d0}.banner-logo{display:block;width:clamp(220px,30vw,360px);height:auto;max-width:100%;object-fit:contain;border-radius:20px;flex-shrink:0;box-shadow:0 0 32px #f41fb92b}.curtain-brand{width:clamp(140px,28vw,220px);height:auto;object-fit:contain;border-radius:24px;box-shadow:0 0 45px #ff20ac66;animation:brandReveal .65s ease both}@keyframes brandReveal{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:700px){.intro{flex-direction:column;padding:24px 20px;align-items:flex-start}.banner-logo{align-self:center;width:min(100%,320px)}.brand-logo{width:42px;height:42px}}@media(prefers-reduced-motion:reduce){.curtain-brand{animation:none}}