@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";.legal-page{max-width:900px;padding-block:32px 64px;font-size:1rem;line-height:1.85;overflow-wrap:anywhere}.legal-page h1{font-size:clamp(1.5rem,5vw,2.1rem)}.legal-page h2{font-size:1.2rem;margin-top:2rem}.legal-page nav{display:grid;gap:.45rem;padding:1rem;border:1px solid #514567;border-radius:12px}.legal-page section{scroll-margin-top:100px}.policy-links a,.legal-page a{text-decoration:underline;text-underline-offset:3px}.legal-gate{display:grid;gap:18px;line-height:1.8}.legal-gate h2,.legal-gate p{margin:0}.legal-gate-copy{display:grid;gap:8px}.legal-gate-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding-top:2px}.legal-gate-exit{padding-top:2px}.legal-gate .primary{white-space:normal;height:auto;padding:12px 18px}.legal-accepted{font-size:.9rem;line-height:1.8}.legal-draft{padding:12px;border:1px solid #b18a47;border-radius:8px}.policy-dialog{color-scheme:only dark;box-sizing:border-box;width:min(760px,calc(100vw - 2rem));max-height:85dvh;overflow:auto;background:#1d1926;color:#eeebf5;border:1px solid #514165;border-radius:16px;padding:24px;line-height:1.8;white-space:normal;text-align:left}.policy-dialog::backdrop{background:#000b}.policy-dialog article{display:block}.policy-dialog section{margin:20px 0}.policy-dialog a{overflow-wrap:anywhere}.policy-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}@media(max-width:560px){.legal-gate{gap:16px}.legal-gate-copy{gap:10px}.legal-gate-actions,.legal-gate-actions .secondary-button{width:100%}.legal-gate-actions .secondary-button{justify-content:center;min-height:44px}}.stripe-wallet{--wallet-surface:#18151f;--wallet-surface-strong:#211b2c;--wallet-border:#453853;--wallet-text:#f1edf8;--wallet-muted:#aaa3b3;--wallet-accent:#b9a2f2;color-scheme:dark;padding-block:32px 60px;max-width:1000px;font-size:1rem;color:var(--wallet-text)}.stripe-wallet>header{display:flex;align-items:center;justify-content:space-between;gap:24px}.stripe-wallet h1{margin:0}.sandbox-label{color:#e3bd72}.coin-total{display:grid;text-align:right;gap:6px}.coin-total strong{font-size:2rem;color:var(--wallet-accent)}.coin-total strong span{font-size:1rem}.topup-card{position:relative;padding-bottom:34px}.history-link{font-size:.95rem}.coin-packages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:26px auto 14px;max-width:720px}.coin-packages button{display:grid;gap:8px;min-height:92px;align-content:center;padding:18px 12px;border:1px solid var(--wallet-border);border-radius:14px;background:var(--wallet-surface-strong);color:var(--wallet-text);transition:border-color .15s,background .15s,transform .15s}.coin-packages button:hover{transform:translateY(-2px);border-color:#806aa0}.coin-packages button[aria-pressed=true]{background:#4f3b70;border:2px solid #c4aff8;box-shadow:0 0 0 3px #bda5f226}.coin-packages button strong{font-size:1.18rem}.custom-coin-amount{display:flex;align-items:center;justify-content:space-between;gap:18px;max-width:720px;margin:0 auto 10px;padding:14px 16px;border:1px solid var(--wallet-border);border-radius:14px;background:var(--wallet-surface-strong)}.custom-coin-amount>span:first-child{display:grid;gap:3px}.custom-coin-amount small{color:var(--wallet-muted)}.custom-coin-input{display:flex;align-items:center;gap:10px}.custom-coin-input input{width:180px;min-height:46px;padding:10px 12px;border:1px solid #655175;border-radius:9px;background:#100d15;color:var(--wallet-text);font:inherit}.custom-coin-input input:focus{outline:2px solid var(--wallet-accent);outline-offset:2px}.custom-amount-error{max-width:720px;margin:8px auto;color:#ff98a8}.exchange-rate{text-align:center;color:var(--wallet-muted)}.topup-summary{display:grid;grid-template-columns:1fr 1fr;gap:1px;max-width:720px;margin:24px auto;border:1px solid var(--wallet-border);border-radius:14px;overflow:hidden;background:var(--wallet-border)}.topup-summary span{display:grid;gap:10px;padding:22px;background:var(--wallet-surface-strong)}.topup-summary span:last-child{text-align:right}.topup-summary strong{font-size:1.35rem;color:var(--wallet-accent)}.topup-warning{max-width:720px;margin-inline:auto;line-height:1.75}.topup-consent-bar{position:fixed;z-index:20;left:50%;bottom:max(16px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(920px,calc(100vw - 32px));display:grid;grid-template-columns:minmax(0,1fr) minmax(170px,auto);align-items:center;gap:18px;padding:16px 18px;border:1px solid #705b88;border-radius:16px;background:color-mix(in srgb,var(--wallet-surface-strong) 94%,transparent);box-shadow:0 18px 50px #0009;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.consent-copy{display:grid;gap:5px;min-width:0}.consent-copy>span{color:var(--wallet-muted);font-size:.9rem}.consent-copy p{margin:0}.consent-copy .secondary-button{justify-self:start}.proceed-button{min-height:48px;font-size:1rem}.stripe-wallet:has(.topup-consent-bar){padding-bottom:170px}.stripe-checkout{text-align:center;display:grid;justify-items:center;gap:14px}.promptpay-qr{width:min(280px,100%);height:auto;background:#fff;padding:12px;border-radius:12px}.order-reference{overflow-wrap:anywhere}.checkout-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.cancel-payment-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #a75665;background:#451f28;color:#ffdbe2;border-radius:7px;padding:11px 18px;font-weight:600}.cancel-payment-button:hover{background:#5b2733}.wallet-history-scroll{height:430px;overflow:auto}.payment-history-row{display:flex;width:100%;text-align:left;align-items:center;justify-content:space-between;gap:16px;background:none;color:inherit;border:0;border-bottom:1px solid var(--wallet-border);padding:18px 8px}.payment-history-row small{display:block;overflow-wrap:anywhere;margin-top:5px}.wallet-history nav{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.coin-success-dialog{color-scheme:dark;background:var(--wallet-surface-strong,#211b2e);color:var(--wallet-text,white);border:1px solid var(--wallet-accent,#bfa8f3);border-radius:16px;padding:30px;max-width:calc(100% - 32px)}.coin-success-dialog::backdrop{background:#000a}.stripe-wallet .check-row{display:flex;align-items:flex-start;gap:12px;margin:0}.stripe-wallet .check-row input{width:20px;height:20px;flex-shrink:0;accent-color:var(--wallet-accent)}.stripe-wallet .primary{white-space:normal}@media(max-width:640px){.stripe-wallet{padding-top:22px}.stripe-wallet>header{align-items:flex-start;flex-direction:column;gap:14px}.coin-total{text-align:left}.topup-card{padding-inline:16px}.coin-packages{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.coin-packages button{min-height:80px;padding:14px 8px}.custom-coin-amount{align-items:stretch;flex-direction:column;gap:10px}.custom-coin-input{display:grid;grid-template-columns:minmax(0,1fr) auto}.custom-coin-input input{width:100%;min-width:0}.stripe-wallet .card-title-row{align-items:flex-start;flex-direction:column}.topup-summary span{padding:16px 12px}.topup-summary strong{font-size:1.12rem}.topup-consent-bar{bottom:max(8px,env(safe-area-inset-bottom));width:calc(100vw - 16px);grid-template-columns:1fr;gap:12px;padding:14px;border-radius:14px}.consent-copy .secondary-button,.proceed-button{width:100%}.stripe-wallet:has(.topup-consent-bar){padding-bottom:255px}.wallet-history-scroll{height:55dvh}.checkout-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.checkout-actions button{min-width:0;padding-inline:10px}}.consent-links{padding-left:32px}.stripe-wallet,.stripe-wallet button,.stripe-wallet input,.stripe-wallet dialog,.coin-success-dialog{color-scheme:only dark}.stripe-wallet button{forced-color-adjust:none}.coin-success-dialog{width:min(400px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto;box-sizing:border-box;padding:28px;text-align:center;position:fixed;border-color:#6d587f;background:radial-gradient(ellipse at top,#392d47 0,#211b2c 65%);box-shadow:0 24px 80px #0008;color:#f1edf8}.coin-success-dialog::backdrop{background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.coin-success-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:#ffffff09;color:#c4bbce;cursor:pointer}.coin-success-close:hover{background:#ffffff15;color:#fff}.coin-success-close:focus-visible{outline:2px solid #c4aff8;outline-offset:2px}.coin-success-emblem{position:relative;display:grid;place-items:center;width:80px;height:80px;margin:0 auto 16px;border:1px solid #f1c96b55;border-radius:50%;color:#f5ce78;background:radial-gradient(circle,#f6cc6d20,#f6cc6d05);box-shadow:0 0 32px #f5ce7812;animation:coin-success-pop .4s ease-out}.coin-success-emblem>span{position:absolute;right:-2px;bottom:1px;display:grid;place-items:center;width:25px;height:25px;border:3px solid #2c2337;border-radius:50%;background:#73d6a7;color:#143c2b}.coin-success-dialog h2{margin:0;font-size:1.4rem;line-height:1.4}.coin-success-dialog .coin-success-amount{margin:12px 0;color:#f5ce78;font-size:3.2rem;font-weight:800;line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.coin-success-amount>span{display:block;margin-top:6px;font-size:.9rem;font-weight:500;color:#d2c3a5}.coin-success-dialog .coin-success-description{margin:0;color:#b9afc5;font-size:.9rem;line-height:1.65}.coin-success-balance{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;padding:12px 14px;border:1px solid #4b3c5b;border-radius:10px;background:#17121f80;font-size:.9rem}.coin-success-balance>span{color:#b9afc5}.coin-success-balance>strong{color:#d1baff}.coin-success-actions{display:grid;gap:10px;margin-top:20px}.coin-success-actions a,.coin-success-actions button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin:0;padding:11px 14px;text-decoration:none;line-height:1.4;box-sizing:border-box;width:100%}.coin-success-sandbox{display:block;margin-top:16px;color:#978aa5;font-size:.72rem;line-height:1.5}@keyframes coin-success-pop{0%{opacity:0;transform:scale(.8) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.coin-success-emblem{animation:none}}@media(max-width:480px){.coin-success-dialog{padding:24px 20px}.coin-success-emblem{width:72px;height:72px;margin-bottom:12px}.coin-success-dialog .coin-success-amount{font-size:2.8rem}}.chapter-purchase-dialog{width:min(28rem,calc(100vw - 2rem));max-height:85dvh;overflow:auto;background:#1d1926;color:#eeebf5;border:1px solid #514165;border-radius:16px;padding:24px;box-sizing:border-box;overflow-wrap:anywhere}.chapter-purchase-dialog::backdrop{background:#000b}.chapter-purchase-dialog h2{margin:0;font-size:1.5rem;line-height:1.35}.chapter-purchase-dialog .purchase-story{margin:12px 0 18px;line-height:1.6;color:#c9c2d4}.purchase-story span{display:block;font-size:.9rem;color:#a69caf;margin-top:2px}.purchase-summary{margin:0;display:grid;background:#14111b;border:1px solid #3c3349;border-radius:12px;padding:4px 16px}.purchase-summary>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:10px 0}.purchase-summary>div+div{border-top:1px solid #352c40}.purchase-summary dt{color:#c9c2d4;font-size:.95rem}.purchase-summary dd{margin:0;font-size:1.15rem;font-weight:700;text-align:right}.purchase-summary dd small{font-size:.85rem;font-weight:400}.purchase-summary .purchase-shortfall dt,.purchase-summary .purchase-shortfall dd{color:#c4b0ff}.chapter-purchase-dialog .purchase-sandbox{margin:14px 0 0;color:#a69caf;font-size:.85rem;line-height:1.6}.purchase-sandbox span{font-size:.7rem;border:1px solid #514165;border-radius:4px;padding:2px 5px;margin-right:4px}.chapter-purchase-dialog .error{margin:14px 0 0;line-height:1.6}.purchase-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.purchase-actions button,.purchase-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px 12px;text-align:center;text-decoration:none;box-sizing:border-box;line-height:1.4}@media(max-width:480px){.chapter-purchase-dialog{padding:20px;border-radius:14px}.chapter-purchase-dialog h2{font-size:1.35rem}.purchase-actions{gap:8px}.purchase-actions button,.purchase-actions a{font-size:.9rem;padding:10px 8px}}.confirmation-dialog{box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:28px;border:1px solid #66517e;border-radius:18px;background:#211a2c;color:#f0e9f8;box-shadow:0 24px 90px #0009;font-family:inherit;position:fixed}.confirmation-dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.confirmation-dialog h2{font-size:1.35rem;margin:16px 36px 12px 0;line-height:1.4}.confirmation-dialog .confirmation-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#443256;color:#c9aff8;border-radius:14px}.confirmation-dialog.danger .confirmation-icon{background:#472733;color:#f09bae}.confirmation-dialog .confirmation-close{position:absolute;right:16px;top:16px;display:flex;align-items:center;justify-content:center;background:transparent;border:0;color:#bdafca;width:36px;height:36px;padding:0}.confirmation-content{font-size:.9rem;line-height:1.7;color:#bcafc9;display:grid;gap:14px}.confirmation-content p{margin:0}.confirmation-content .confirmation-subject{color:#f0e9f8;font-weight:700;overflow-wrap:anywhere}.confirmation-dialog footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding:0;border:0;background:none}.confirmation-dialog footer button{font:inherit;border-radius:9px;padding:12px 18px;min-height:46px;display:flex;align-items:center;justify-content:center}.confirmation-cancel{background:#2a2135;color:#e4dbea;border:1px solid #51405e}.confirmation-submit{background:#b9a2f2;color:#20172e;border:0;font-weight:700}.danger .confirmation-submit{background:#aa4158;color:#fff}.confirmation-dialog button:disabled{opacity:.5;cursor:not-allowed}.confirmation-dialog button:focus-visible{outline:2px solid #c2a6f1;outline-offset:3px}.confirmation-error{background:#4a2533;color:#ffa8bc;border-radius:8px;padding:10px 12px;font-size:.85rem}.confirmation-content label{display:grid;gap:8px;color:#e1d5ed}.confirmation-content input{box-sizing:border-box;width:100%;background:#15101d;border:1px solid #584467;color:#f0e9f8;padding:12px;border-radius:9px;font:inherit;min-height:46px}.withdrawal-breakdown{display:grid;gap:10px;background:#17121f;border:1px solid #3b2e48;border-radius:12px;padding:16px}.withdrawal-breakdown>div{display:flex;justify-content:space-between;gap:14px}.withdrawal-breakdown strong{text-align:right;white-space:nowrap}.withdrawal-breakdown .withdrawal-net{border-top:1px solid #433350;padding-top:12px;color:#e8dafb}.withdrawal-net strong{font-size:1.1rem;color:#c9b0fc}@media(max-width:640px){.confirmation-dialog{padding:22px;width:calc(100vw - 28px)}.confirmation-dialog footer button{flex:1;min-width:0;padding:12px 10px}.confirmation-dialog footer{gap:10px}.confirmation-dialog h2{font-size:1.2rem}}.confirmation-dialog footer{width:auto;margin-left:0;margin-right:0;font-size:1rem;color:inherit}.confirmation-dialog{width:min(480px,calc((100vw - 32px)/var(--ui-scale,1)))}@media(max-width:640px){.confirmation-dialog{width:calc((100vw - 28px)/var(--ui-scale,1))}}.manga-pages-zone{min-width:0;margin-top:20px;padding:16px;border:1px solid #403448;border-radius:14px;background:#151119}.manga-page-upload{display:grid;gap:16px;border:1px dashed #7b6296;border-radius:12px;padding:20px;background:#211a2a;color:#eee7f7}.manga-page-upload.drag-over{outline:3px solid #b8a0ef;background:#332742}.manga-page-upload-heading{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.manga-page-upload-heading>div{flex:1 1 240px;min-width:0}.manga-page-upload-heading strong{font-size:16px}.manga-page-upload p{margin:6px 0 0;font-size:14px;line-height:1.6;color:#bcb0c9}.manga-page-empty{padding:16px;text-align:center;border-radius:8px;background:#17121e}.manga-page-queue{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.manga-page-queue figure{position:relative;min-width:0;margin:0;padding:8px;border:1px solid #5a456f;border-radius:10px;background:#130f18}.manga-page-queue img{width:100%;height:170px;object-fit:contain;background:#09070c}.manga-page-queue figure>button{position:absolute;top:8px;right:8px;width:32px;height:32px;min-width:0;padding:0;background:#6a293d;color:#fff;border:1px solid #a6566d}.manga-page-queue figcaption{margin-top:8px;font-size:14px}.manga-page-queue small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a99ab7;font-size:12px}.manga-page-upload>button{justify-self:start}@media(max-width:760px){.manga-pages-zone{padding:10px}.manga-page-upload{padding:14px}.manga-page-upload-heading>button{width:100%}.manga-page-queue{grid-template-columns:repeat(2,minmax(0,1fr))}}.manga-pages-zone{display:flex;flex-direction:column;gap:20px;padding:20px}.manga-pages-zone>.page-toolbar{margin:0}.manga-pages-zone>.page-grid{margin:0;gap:20px}.manga-pages-zone>.page-reorder-status{margin:0;color:#c5b0f4;font-size:14px}.manga-pages-zone>.page-edit-note{margin:0}.manga-pages-zone .page-grid>div{position:relative;min-width:0}.manga-pages-zone .page-grid>div:focus-visible{outline:2px solid #c5a6ff;outline-offset:3px}.manga-pages-zone .page-grid>.drop-before:before,.manga-pages-zone .page-grid>.drop-after:after{content:"";position:absolute;top:-4px;bottom:-4px;width:4px;border-radius:4px;background:#c5a6ff;box-shadow:0 0 0 2px #271c35,0 0 12px #b18bee;z-index:3;pointer-events:none}.manga-pages-zone .page-grid>.drop-before:before{left:-12px}.manga-pages-zone .page-grid>.drop-after:after{right:-12px}.manga-pages-zone .page-drop-label{position:absolute;top:6px;left:6px;right:6px;z-index:4;padding:6px 8px;border-radius:6px;background:#bca2ef;color:#20152c;font-size:12px;font-weight:700;text-align:center;pointer-events:none}.manga-pages-zone .page-grid.is-reordering{opacity:.65;pointer-events:none}.manga-pages-zone .page-grid a{display:block}.manga-pages-zone .page-grid img{display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@media(max-width:760px){.manga-pages-zone{gap:16px;padding:14px}.manga-pages-zone>.page-grid{gap:16px}.manga-pages-zone .page-grid>.drop-before:before{left:-10px}.manga-pages-zone .page-grid>.drop-after:after{right:-10px}}.translator-shell.creator-workspace-page{max-width:1500px;zoom:calc(1 / var(--ui-scale))}.creator-story-editor{display:grid;gap:20px;min-width:0;font-size:16px}.creator-story-editor .panel{min-width:0;padding:26px;border:1px solid #342b40;border-radius:16px;background:#1c1823}.creator-story-editor .panel h2{margin-bottom:18px;font-size:22px}.creator-story-editor .section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.creator-story-editor .section-title h2{margin:0}.creator-story-editor>button{justify-self:start}.creator-story-editor button,.creator-story-editor .page-tool-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid transparent;border-radius:10px;padding:11px 17px;background:#b8a0ef;color:#211631;font-weight:600;cursor:pointer}.creator-story-editor button:disabled{opacity:.5;cursor:not-allowed}.creator-story-editor label{display:grid;gap:8px;min-width:0;font-size:14px;color:#c9c0d3}.creator-story-editor label>span:not(.story-age-toggle>span){display:inline-flex;align-items:baseline;gap:3px}.creator-story-editor input:not([type=file]):not([type=checkbox]),.creator-story-editor select,.creator-story-editor textarea{width:100%;min-width:0;min-height:46px;border:1px solid #41384d;border-radius:10px;padding:12px 13px;background:#17151e;color:#f7f2fb;font:inherit}.creator-story-editor .muted{color:#a99ab7;font-size:14px;line-height:1.6}.creator-story-editor .story-status-row{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.creator-story-editor .story-status-row label{min-width:280px}.creator-story-editor .story-status p{margin-top:12px}.creator-story-editor .chapter-controls{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.creator-story-editor .chapter-controls input{flex:1 1 180px;width:auto!important}.creator-story-editor .chapter-controls select{width:auto}.creator-story-editor .chapter-table-scroll{overflow-x:auto}.creator-story-editor table{width:100%;border-collapse:collapse;font-size:14px;white-space:nowrap}.creator-story-editor th,.creator-story-editor td{padding:14px 12px;text-align:left;border-bottom:1px solid #342b40}.creator-story-editor th{color:#aa9bb9}.creator-story-editor .chapter-selected{background:#31253f}.creator-story-editor .chapter-pages{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.creator-story-editor .page-grid>a{display:block}.creator-story-editor .badge{display:inline-block;border-radius:5px;padding:4px 9px;background:#332c3d;color:#afa0c0;font-size:11px;margin-top:9px}.creator-story-editor .badge.published{background:#1d3b32;color:#92d5b9}.creator-story-editor .badge.scheduled{background:#403522;color:#e2c889}.creator-story-editor .badge.completed{background:#25354a;color:#9bc7ef}.creator-story-editor .badge.licensed{background:#4a2930;color:#efabb8}.creator-story-editor .form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.creator-story-editor .wide{grid-column:1/-1}.creator-story-editor .form button{justify-self:start}.creator-story-editor .admin-story-form{grid-template-columns:1fr;gap:18px}.creator-story-editor .story-settings-layout{min-width:0}.creator-story-editor .story-settings-layout.categories-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px}.creator-story-editor .story-details-fields{min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}.creator-story-editor .story-age-toggle{display:flex;align-items:center;gap:11px;padding:13px 15px;border:1px solid #473a50;border-radius:11px;background:#18131d;color:#ddd4e5;cursor:pointer}.creator-story-editor .story-age-toggle input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.creator-story-editor .story-age-toggle>span{width:42px;height:23px;flex:none;padding:3px;border-radius:999px;background:#554b5e;transition:background .15s}.creator-story-editor .story-age-toggle>span i{display:block;width:17px;height:17px;border-radius:50%;background:#eee9f2;transition:transform .15s}.creator-story-editor .story-age-toggle.active{border-color:#a74655;background:#351a21;color:#ffe2e7}.creator-story-editor .story-age-toggle.active>span{background:#c24e60}.creator-story-editor .story-age-toggle.active>span i{transform:translate(19px)}.creator-story-editor .story-category-trigger{width:100%;min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid #41384d;background:#17151e;color:#f7f2fb;padding:12px 13px;text-align:left}.creator-story-editor .story-category-trigger span{display:flex;align-items:center;gap:8px}.creator-story-editor .story-category-trigger small{color:#9e94a8}.creator-story-editor .story-category-panel{min-width:0;max-height:540px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #41384d;border-radius:12px;background:#100d14}.creator-story-editor .story-category-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid #352d40}.creator-story-editor .story-category-panel>header span,.creator-story-editor .story-category-panel>header>div{display:flex;align-items:center;gap:8px}.creator-story-editor .story-category-panel>header small{color:#978da1}.creator-story-editor .story-category-panel>header button{display:grid;place-items:center;border:0;background:transparent;color:#cfc7d7;padding:4px}.creator-story-editor .story-category-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.creator-story-editor .story-category-options button{position:relative;min-width:0;width:100%;height:52px;display:flex;align-items:center;justify-content:center;border:1px solid #3a3244;border-radius:9px;background:#17131c;color:#cfc7d7;padding:7px 8px;text-align:center;font-weight:500}.creator-story-editor .story-category-options button svg{position:absolute;top:6px;left:6px;padding:2px;border-radius:50%;background:#b9a1ef;color:#17131c;opacity:0}.creator-story-editor .story-category-options button span{min-width:0;line-height:1.25;overflow-wrap:anywhere}.creator-story-editor .story-category-options button.selected{border-color:#aa8ee9;background:#47365f;color:#fff;box-shadow:inset 3px 0 #bda4f5}.creator-story-editor .story-category-options button.selected svg{opacity:1}.creator-story-editor .story-category-dialog{width:min(650px,calc(100vw - 24px));max-height:min(82dvh,760px);padding:0;overflow:hidden;border:1px solid #574568;border-radius:16px;background:#17131d;color:#f5eff9;box-shadow:0 24px 70px #000c}.creator-story-editor .story-category-dialog::backdrop{background:#070509cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.creator-story-editor .story-category-dialog>header,.creator-story-editor .story-category-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;background:#1f1928}.creator-story-editor .story-category-dialog>header{border-bottom:1px solid #3c3049}.creator-story-editor .story-category-dialog>header h2,.creator-story-editor .story-category-dialog>header p{margin:0}.creator-story-editor .story-category-dialog>header p{margin-top:3px;color:#a49aaa;font-size:12px}.creator-story-editor .story-category-dialog>header>button{border:0;background:transparent;color:#ddd4e5;padding:7px}.creator-story-editor .story-category-dialog>.story-category-options{max-height:calc(82dvh - 138px)}.creator-story-editor .story-category-dialog>footer{border-top:1px solid #3c3049}.creator-story-editor .story-category-dialog>footer span{color:#aaa0b2;font-size:13px}.creator-story-editor .ghost{color:#bbaec8;background:#26202f;border-color:#403448}.creator-story-editor .danger{background:#40252c;color:#efb0b9;border-color:#653441}.creator-story-editor .actions{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.creator-story-editor .publication{flex:1 1 320px;display:grid;gap:12px}.creator-story-editor .publication button{justify-self:start}.creator-story-editor .publication-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.creator-story-editor .cover-preview{max-height:230px;max-width:180px;object-fit:contain;display:block}.creator-story-editor .cover-editor-preview{position:relative;display:inline-block;margin:20px 0}.creator-story-editor .cover-delete-button{position:absolute;top:8px;right:8px;min-width:36px;width:36px;height:36px;padding:0;border-radius:9px;box-shadow:0 4px 14px #0009}.creator-story-editor .file-label{display:block}.creator-story-editor .inline{display:flex;gap:10px;align-items:center}.creator-story-editor .inline input{margin:0;max-width:180px}.creator-story-editor .chapters{display:flex;gap:10px;flex-wrap:wrap;max-height:280px;overflow:auto}.creator-story-editor .chapters button{font-size:12px}.creator-story-editor .chapter-editor{border-top:1px solid #3d3148;margin-top:24px;padding-top:12px}.creator-story-editor .upload-box{border:1px dashed #594567;border-radius:12px;margin:24px 0;padding:24px;background:#231d2c}.creator-story-editor .upload-box ol{max-height:150px;overflow:auto;font-size:12px}.creator-story-editor .page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:15px;margin-top:24px}.creator-story-editor .page-preview-button{margin-left:auto}.creator-story-editor .reading-preview{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;justify-content:center;padding:20px;background:#09070ce6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.creator-story-editor .reading-preview-panel{width:min(980px,100%);height:100%;overflow-y:auto;border:1px solid #453752;border-radius:16px;background:#121015}.creator-story-editor .reading-preview-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 18px;border-bottom:1px solid #3d3148;background:#18141df5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.creator-story-editor .reading-preview-header div,.creator-story-editor .reading-preview-header span{display:block}.creator-story-editor .reading-preview-header span{margin-top:3px;color:#978aa5;font-size:12px}.creator-story-editor .reading-preview-pages{width:min(760px,100%);margin:0 auto;background:#080709}.creator-story-editor .reading-preview-pages figure{margin:0}.creator-story-editor .reading-preview-pages img{display:block;width:100%;height:auto}.creator-story-editor .reading-preview-pages figcaption{padding:5px 10px;color:#817689;font-size:11px;text-align:center;background:#121015}.creator-story-editor .page-grid>div{background:#110f15;padding:9px;border-radius:10px;display:flex;flex-direction:column;gap:10px;font-size:12px;transition:opacity .15s,outline-color .15s,transform .15s}.creator-story-editor .page-grid>div[draggable=true]{cursor:grab}.creator-story-editor .page-grid>div[draggable=true]:active{cursor:grabbing}.creator-story-editor .page-grid>div.dragging{opacity:.35;transform:scale(.97)}.creator-story-editor .page-grid>div.selected{outline:2px solid #c3a9ff;background:#2b2235}.creator-story-editor .page-grid img{width:100%;height:170px;object-fit:contain;background:#222}.creator-story-editor .page-grid button{font-size:11px;padding:6px}.creator-story-editor .page-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:20px 0 4px}.creator-story-editor .page-tool-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border-radius:10px;background:#b8a0ef;color:#211631;font-weight:600;cursor:pointer}.creator-story-editor .page-tool-button:hover{filter:brightness(1.1)}.creator-story-editor .page-tool-button.disabled{opacity:.45;pointer-events:none}.creator-story-editor .page-unlock-button{background:#8f73ca;color:#fff}.creator-story-editor .page-edit-note{margin:10px 0 18px;padding:10px 12px;border-left:3px solid #8f73ca;color:#a99db4;background:#251f2d;font-size:11px}.creator-story-editor .page-drag-hint{display:inline-flex;align-items:center;gap:5px;color:#92869f;font-size:11px}.creator-story-editor .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.creator-story-editor .page-select{position:relative;display:block;width:100%;padding:0!important;border:0;border-radius:5px;overflow:hidden;background:transparent}.creator-story-editor .page-check{position:absolute;top:7px;right:7px;display:grid;place-items:center;width:27px;height:27px;border:2px solid #d6c6fb;border-radius:7px;background:#17121dcc;color:#fff}.creator-story-editor .page-select[aria-pressed=true] .page-check{background:#8e6fca}.creator-story-editor .page-caption{display:flex;justify-content:space-between;align-items:center;gap:8px}.creator-story-editor .page-caption svg{color:#8f819b}.creator-story-editor .story-age-toggle{display:flex}.creator-story-editor .story-age-toggle>span{display:block}.creator-story-editor .page-tool-button{display:inline-flex;color:#211631}.creator-story-editor .manga-page-queue figure>button{background:#6a293d;color:#fff;min-height:32px}.creator-story-editor .story-category-options button{min-height:52px;padding:7px 8px;background:#17131c;color:#cfc7d7}.creator-story-editor .story-category-options button.selected{background:#47365f;color:#fff}.creator-story-editor .story-category-panel>header button{min-height:32px;padding:4px;background:transparent}.creator-story-editor .story-category-trigger{align-self:end;min-height:49px;background:#17151e;color:#f7f2fb;border-color:#41384d}.creator-story-editor .story-category-trigger span{white-space:nowrap}.creator-story-editor .story-category-trigger small{text-align:right}.creator-story-editor .reading-preview{height:calc(100dvh / var(--ui-scale))}.creator-story-editor .story-category-dialog[open]{display:flex;flex-direction:column}.creator-story-editor .story-category-dialog>header,.creator-story-editor .story-category-dialog>footer{flex:none;margin:0;width:100%;font-size:14px}.creator-story-editor .story-category-dialog>.story-category-options{flex:1 1 auto;min-height:0;max-height:none}@media(max-width:1050px)and (min-width:761px){.creator-story-editor .categories-open .story-details-fields{grid-template-columns:1fr}}@media(max-width:760px){.creator-story-editor .panel{padding:18px}.creator-story-editor .story-details-fields{grid-template-columns:1fr}.creator-story-editor .story-settings-layout.categories-open{display:block}.creator-story-editor .story-category-panel{display:none}.creator-story-editor .story-category-dialog>.story-category-options{grid-template-columns:repeat(3,minmax(0,1fr))!important}.creator-story-editor .inline{width:100%;flex-wrap:wrap}.creator-story-editor .inline input{max-width:none;flex:1}.creator-story-editor .story-status-row label{min-width:0;width:100%}.creator-story-editor .page-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.creator-story-editor .reading-preview{padding:8px}.creator-story-editor .reading-preview-header{gap:8px;padding:12px}}.creator-story-library{min-width:0}.creator-library-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.creator-library-heading h2{margin:0;font-size:22px}.creator-library-heading p{margin:6px 0 0;color:#a99ab7;font-size:14px}.creator-library-heading>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:auto;min-height:44px}.creator-library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,180px));gap:16px;justify-content:start}.creator-library-grid>.creator-library-card{display:block;width:100%;min-width:0;padding:9px;text-align:left;border:1px solid #342b40;border-radius:12px;background:#1c1823;color:#eee9f5;cursor:pointer}.creator-library-card:hover{border-color:#a98ad6;background:#251d30}.creator-library-card:focus-visible{outline:2px solid #b8a0ef;outline-offset:3px}.creator-library-cover{aspect-ratio:3/4;overflow:hidden;border-radius:9px;background:#282130;display:grid;place-items:center;color:#b8a0ef}.creator-library-cover img{display:block;width:100%;height:100%;object-fit:cover}.creator-library-details{padding-top:10px}.creator-library-card h3{margin:9px 0 6px;font-size:13px;line-height:1.55;overflow-wrap:anywhere}.creator-library-card p{margin:0;font-size:10px;color:#a99ab7;line-height:1.6}.creator-library-badge{display:inline-block;border-radius:5px;padding:4px 9px;background:#332c3d;color:#c1b0d5;font-size:11px;line-height:1.3}.creator-library-badge.published,.creator-library-badge.completed{background:#1b4937;color:#9ae3c0}.creator-library-badge.scheduled{background:#4a3922;color:#ebc690}.creator-library-badge.licensed{background:#522737;color:#efadc4}@media(max-width:760px){.creator-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.creator-library-heading{align-items:flex-start;flex-wrap:wrap}.creator-library-heading h2{font-size:20px}}.writer-income{--income-muted:#a99cb8;--income-line:#403448;--income-accent:#c5adff;color:#f2edf7;display:grid;gap:24px;margin-top:24px}.income-panel{padding:24px;border:1px solid var(--income-line);border-radius:16px;background:#1c1723;min-width:0}.income-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.income-heading h2{margin:0;font-size:1.3rem;line-height:1.5;overflow-wrap:anywhere}.income-heading p,.income-note{color:var(--income-muted);font-size:.85rem;line-height:1.6;margin:6px 0 0}.income-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.income-summary-grid article{padding:16px;border:1px solid var(--income-line);border-radius:12px;display:grid;gap:9px;background:#231c2c}.income-summary-grid article>span:first-child{font-size:.9rem;color:#d4cadd}.income-summary-grid article>small{font-size:.75rem;color:var(--income-muted)}.income-amount{display:grid;gap:4px;white-space:nowrap}.income-amount strong{font-size:1rem;color:var(--income-accent);font-variant-numeric:tabular-nums}.income-amount small{color:var(--income-muted);font-size:.8rem;font-weight:400}.income-withdrawable{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;margin:16px 0 10px;border:1px solid #6d5686;border-radius:12px;background:linear-gradient(110deg,#352743,#251c31)}.income-withdrawable>div{display:grid;gap:7px}.income-withdrawable .income-amount strong{font-size:1.45rem}.income-withdrawable small{color:var(--income-muted);font-size:.8rem}.income-primary{border:0;border-radius:9px;background:#b9a2f2;color:#20172e;min-height:44px;padding:12px 28px;font-weight:700;cursor:pointer}.income-primary:disabled{opacity:.45;cursor:not-allowed}.income-history-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px}.income-history-heading h3{margin:0;font-size:1rem}.income-history-heading label,.income-sort{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--income-muted)}.writer-income select{background:#15101d;border:1px solid #584467;color:#e7deef;padding:8px 10px;border-radius:8px;font:inherit;min-height:36px;width:auto}.income-history-scroll{height:340px;overflow-y:auto;overscroll-behavior:contain;margin-top:14px;border:1px solid var(--income-line);border-radius:12px;background:#15111b;scrollbar-color:#675278 #15111b}.income-history-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid #302737}.income-history-row:last-child{border-bottom:0}.income-history-row>img{width:38px;height:54px;object-fit:cover;border-radius:5px;flex-shrink:0}.income-history-row>div{min-width:0;flex:1;display:grid;gap:3px}.income-history-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem}.income-history-row span:not(.income-history-credit),.income-history-row small{font-size:.75rem;color:var(--income-muted)}.income-history-credit{display:grid;text-align:right;gap:3px;color:#8edab0;font-weight:700;font-size:1.05rem;white-space:nowrap}.income-empty{padding:26px;text-align:center;color:var(--income-muted);font-size:.9rem}.income-story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.income-story-card{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--income-line);border-radius:12px;background:#241c2d;color:inherit;text-align:left;cursor:pointer;min-width:0;width:100%}.income-story-card:hover{border-color:#9272b1;background:#2c2237}.income-story-card>img{width:60px;height:84px;object-fit:cover;border-radius:7px;flex-shrink:0}.income-story-card>span{display:grid;gap:6px;min-width:0;flex:1}.income-story-card>span>strong{font-size:.95rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.income-story-card>span>small{font-size:.75rem;color:var(--income-muted)}.income-story-card>svg{flex-shrink:0;color:#907e9f}.income-story-card .income-amount strong{font-size:.9rem}.income-story-card .income-amount small{font-size:.7rem}.income-back{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:6px 0;color:var(--income-accent);font-size:.85rem;cursor:pointer;white-space:nowrap}.income-panel>.income-back{margin-bottom:18px}.income-table-scroll{overflow-x:auto;border:1px solid var(--income-line);border-radius:10px;margin-top:16px}.income-table-scroll table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:.85rem}.income-table-scroll th,.income-table-scroll td{text-align:left;padding:14px;border-bottom:1px solid #352a40}.income-table-scroll th{font-weight:500;color:var(--income-muted);background:#231b2c}.income-table-scroll tr:last-child td{border-bottom:0}.income-total-line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:20px;margin-top:4px}.income-total-line>span{color:#c6bace;font-size:.9rem}.writer-income button:focus-visible,.writer-income select:focus-visible,.income-history-scroll:focus-visible{outline:2px solid var(--income-accent);outline-offset:3px}@media(max-width:1100px){.income-summary-grid,.income-story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.income-panel{padding:18px}.income-heading{align-items:flex-start;flex-wrap:wrap}.income-summary-grid{gap:9px}.income-summary-grid article{padding:12px}.income-amount strong{font-size:.9rem}.income-summary-grid article>span:first-child{font-size:.8rem}.income-history-heading{align-items:flex-start;flex-direction:column;gap:10px}.income-history-heading label{width:100%}.income-history-heading select{flex:1;min-width:0}.income-story-grid{grid-template-columns:1fr}.income-withdrawable{padding:16px;gap:12px}.income-withdrawable .income-amount strong{font-size:1.15rem}.income-primary{padding-inline:20px}.income-history-scroll{height:300px}.income-history-row{padding:12px;gap:10px}}.income-withdraw-form{display:grid;gap:12px;padding:16px;border:1px solid #6d5686;border-radius:12px;margin-bottom:14px;background:#211a2b}.income-withdraw-form label{display:grid;gap:8px;font-size:.9rem}.income-withdraw-form input{background:#15101d;border:1px solid #584467;color:#e7deef;padding:10px 12px;border-radius:8px;max-width:240px;font:inherit;min-height:44px;box-sizing:border-box}.income-withdraw-form p{margin:0;font-size:.85rem;color:#b7a9c4;line-height:1.6}.income-withdraw-form>div{display:flex;gap:18px;align-items:center}.income-withdraw-message{padding:12px 16px;background:#1b332c;color:#9bdfba;border-radius:9px;font-size:.85rem;line-height:1.6}.income-mode{display:grid;gap:6px;color:var(--income-muted);font-size:.8rem;min-width:180px}.income-mode select{min-width:0}.income-amount{white-space:normal}.income-amount strong,.income-amount small{overflow-wrap:anywhere}.income-mode select:focus-visible{outline:2px solid var(--income-accent);outline-offset:2px}.income-history-tabs{display:flex;gap:8px;margin-top:14px}.income-history-tabs button{padding:9px 14px;border:1px solid var(--income-line);border-radius:9px;background:#211a29;color:#d3c8dd;font:inherit;font-size:.85rem;cursor:pointer}.income-history-tabs button[aria-pressed=true]{background:#b9a2f2;border-color:#b9a2f2;color:#20172e;font-weight:700}.income-history-tabs button:focus-visible{outline:2px solid var(--income-accent);outline-offset:2px}.income-history-debit{display:grid;gap:4px;text-align:right;white-space:nowrap;color:#f1d5df!important;font-weight:700;font-size:.95rem!important}.income-history-debit small{font-weight:400;white-space:normal}.income-withdrawal-status.pending{color:#e8c27a!important}.income-withdrawal-status.paid{color:#8edab0!important}.income-withdrawal-status.rejected{color:#f1a4af!important}@media(max-width:640px){.income-withdrawal-row{align-items:flex-start;flex-direction:column}.income-history-debit{text-align:left;white-space:normal}}.income-withdraw-input{display:grid;gap:8px}.income-withdraw-input input{width:100%;max-width:220px;min-height:42px;border:1px solid #584467;border-radius:8px;background:#15101d;color:#fff;padding:8px 12px;font:inherit;box-sizing:border-box}.income-policy-check{display:flex;align-items:flex-start;gap:9px;font-size:.85rem;line-height:1.5}.income-policy-check input{margin-top:4px;flex:none}.income-fee-tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;margin-top:8px}.income-note details{margin-top:8px}.income-note summary{cursor:pointer;color:#d4bdff}@media(max-width:640px){.income-fee-tiers{grid-template-columns:1fr}}:root{--ui-scale: .75;color-scheme:only dark;font-family:Manrope,IBM Plex Sans Thai,sans-serif;color:#efedf5;background:#141418;font-synthesis:none;font-weight:400;--muted: #96939f;--accent: #b5a0ee;--border: #2b2932;--panel: #1c1b21}*{box-sizing:border-box}body{margin:0;zoom:var(--ui-scale);min-height:calc(100vh / var(--ui-scale));color:#efedf5;background:#141418;color-scheme:only dark}#root{display:flex;min-height:calc(100vh / var(--ui-scale));flex-direction:column}#root>main{display:flex;width:100%;flex:1 0 auto;flex-direction:column}#root>main:has(>footer):after{content:"";order:1;flex:1 0 0}#root>main>footer{order:2}button,input,select,textarea,dialog{font:inherit;color-scheme:only dark}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{opacity:.35;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}.topbar{border-bottom:1px solid var(--border);height:85px;background:#18171c}.nav{height:100%;width:100%;margin:auto;display:flex;align-items:center;gap:54px;padding:0 36px;position:relative}.brand{display:flex;align-items:center;font-size:34px;letter-spacing:-2px;font-weight:800}.brand-mark{width:48px;height:48px;margin-right:8px;border-radius:12px;object-fit:cover;mix-blend-mode:normal;filter:none!important;forced-color-adjust:none;isolation:isolate}.brand-icon{display:grid;place-items:center;width:39px;height:39px;background:var(--accent);border-radius:11px;color:#231b37;margin-right:10px}.brand-dot{color:var(--accent)}.shell.home-page{padding-top:32px}.content-tabs{display:flex;align-self:stretch;align-items:stretch;gap:28px;flex:none}.content-tabs .home-link>span{display:inline-flex;align-items:center;gap:6px;transform:translateY(3px);transition:transform .15s,color .15s}.content-tabs .home-link.active>span{color:#fff;transform:translateY(-3px)}.weekly-section{margin-top:36px}.weekly-period{font-size:11px}.weekly-track{display:flex;gap:22px;overflow-x:auto;padding:18px 18px 20px;border:1px solid var(--border);border-radius:14px;background:var(--panel);scrollbar-color:#68527f transparent;scroll-snap-type:x proximity}.weekly-card{flex:0 0 180px;min-width:0;scroll-snap-align:start}.weekly-rank{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;color:var(--accent);font-size:12px;font-weight:800}.weekly-rank>span{color:var(--muted);font-size:10px;font-weight:500}@media(max-width:900px){.topbar:has(.content-tabs){height:auto}.topbar .nav{height:auto;flex-wrap:wrap;gap:4px 20px;padding-top:10px}.content-tabs{order:3;flex-basis:100%;height:38px;gap:28px}.shell.home-page{padding-top:20px}.weekly-card{flex-basis:165px}.weekly-section .section-heading{flex-wrap:wrap;gap:8px}}.home-link{font-size:13px;height:100%;display:flex;align-items:center;position:relative}.home-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent)}.nav-right{margin-left:auto;display:flex;gap:25px;align-items:center}.search-form{position:relative}.search{display:flex;align-items:center;gap:12px;border:1px solid #35323d;border-radius:8px;padding:10px 12px;color:var(--muted);width:300px;background:#201f25}.search input{background:none;border:0;color:inherit;outline:0;min-width:0;width:100%;font-size:12px}.search kbd{font-size:11px;border:1px solid #45414d;padding:0 5px;border-radius:4px}.search-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:45;width:min(340px,calc(100vw - 36px));max-height:360px;overflow-y:auto;padding:6px;border:1px solid #3c3448;border-radius:9px;background:#17141e;box-shadow:0 16px 34px #0009}.search-suggestion,.search-history-item{display:flex;align-items:center;min-width:0;gap:10px;padding:7px;border-radius:6px;color:#ded7e5}.search-suggestion:hover,.search-history-item:hover{background:#2b2435}.search-suggestion img{width:34px;height:48px;flex:0 0 auto;border-radius:4px;object-fit:cover}.search-suggestion span,.search-history-item span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-suggestion span{display:grid;gap:3px}.search-suggestion strong{overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:500}.search-suggestion small,.search-dropdown-title,.search-empty{color:var(--muted);font-size:9px}.search-suggestion small{overflow:hidden;text-overflow:ellipsis}.search-dropdown-title,.search-empty{padding:8px}.search-history-item{font-size:11px}.search-history-item svg{flex:0 0 auto;color:var(--muted)}.icon-button{background:none;border:0;display:grid;place-items:center;padding:8px;border-radius:8px}.icon-button:hover{background:#2a2732}.shell{max-width:1280px;padding:0 36px;margin:0 auto}.welcome{padding:45px 0 42px;display:flex;align-items:center;justify-content:space-between}.eyebrow{font-size:9px;letter-spacing:2.6px;color:var(--accent);font-weight:700;margin-bottom:12px}h1{font-size:30px;font-weight:600;letter-spacing:-.5px;line-height:1.5}h1>span{color:var(--accent)}.welcome .muted{font-size:12px;margin-top:7px}.muted{color:var(--muted)}.quiet-label{display:flex;gap:9px;align-items:center;color:#86818f;font-size:11px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px;gap:12px}.section-heading h2{font-size:20px;display:flex;align-items:center;gap:12px;letter-spacing:-.4px}.section-mark{width:4px;height:21px;background:var(--accent);border-radius:5px}.section-mark.secondary{background:#756784}.heading-thai{font-size:12px;font-weight:400;color:var(--muted);letter-spacing:0;margin-left:3px}.view-all{display:flex;gap:6px;align-items:center;color:#bdb8ca;font-size:11px}.view-all:hover{color:var(--accent)}.updates-panel{border:1px solid var(--border);border-radius:14px;background:linear-gradient(115deg,#222029,#1b1a20 65%);padding:24px}.update-track{display:flex;overflow:auto;gap:24px;scroll-snap-type:x mandatory}.update-card{width:166px;flex:none;scroll-snap-align:start}.cover-wrap{position:relative;aspect-ratio:.697;border-radius:7px;overflow:hidden;background:#292530;box-shadow:0 5px 15px #0002}.cover-wrap img{transition:transform .25s}a:hover .cover-wrap img{transform:scale(1.035)}.cover-tag{position:absolute;left:9px;bottom:9px;font-size:10px;padding:4px 9px;background:#111018dc;border:1px solid #ffffff20;border-radius:4px}.update-card h3,.manga-card h3{font-size:12px;font-weight:500;line-height:1.65;min-height:3.3em;margin-top:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.time{display:flex;gap:5px;align-items:center;color:#9890a4;font-size:10px}.story-credit{color:#c9c2d2;font-size:10px;line-height:1.5;margin-top:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8f879a;font-size:9px;margin-top:6px;min-width:0}.story-card-meta>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-card-meta .time{flex:none;font-size:inherit}.library{margin-top:38px}.count{color:#aaa1b7;border:1px solid #393240;border-radius:5px;padding:1px 6px;font-size:10px;font-weight:500}.manga-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:25px}.manga-card .muted{font-size:10px;margin-top:7px}.cover-count{position:absolute;bottom:9px;left:9px;padding:3px 8px;border-radius:4px;background:#16121fde;font-size:10px}.cover-badges{position:absolute;z-index:2;top:8px;right:8px;display:grid;justify-items:end;gap:5px}.story-badge,.cover-badges .completed-tag,.cover-badges .inactive-tag{position:static;width:max-content;padding:4px 7px;border-radius:5px;font-size:8px;font-weight:800;line-height:1;letter-spacing:.07em;box-shadow:0 3px 10px #0008}.story-badge.new{border:1px solid #8df1d3aa;background:#126a59ed;color:#d8fff4}.story-badge.original{border:1px solid #ffc277aa;background:#9a4d16ed;color:#fff1da}.licensed-card{cursor:default;opacity:.72}.licensed-card .cover-wrap img{filter:grayscale(.65) brightness(.72)}.licensed-tag{position:absolute;inset:auto 8px 8px;padding:4px 7px;border:1px solid #e29aaa55;border-radius:4px;background:#321c24e8;color:#efb5c0;font-size:9px;text-align:center}.completed-tag{position:absolute;top:8px;right:8px;padding:4px 7px;border:1px solid #a2caef55;border-radius:4px;background:#182b3de8;color:#acd3f4;font-size:9px}.inactive-tag{position:absolute;top:8px;right:8px;padding:4px 7px;border:1px solid #e1b64c66;border-radius:4px;background:#3a2d13eb;color:#f0cf78;font-size:9px}footer{width:calc(100vw / var(--ui-scale));margin-left:calc(50% - (50vw / var(--ui-scale)));margin-right:calc(50% - (50vw / var(--ui-scale)));margin-top:60px;padding:24px 36px;border-top:1px solid var(--border);display:flex;align-items:center;gap:22px;color:#77717f;font-size:10px}footer .brand{font-size:24px;color:#9c91af}footer .brand-mark{width:30px;height:30px;margin-right:5px;border-radius:8px}.footer-right{margin-left:auto}.search-submit{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border:0;padding:0;background:transparent;color:inherit}.footer-brand-links{display:flex;align-items:center;gap:10px;min-width:0}.footer-brand-links>.brand{flex-shrink:0}.footer-facebook{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:220px;max-width:100%;min-width:0;height:30px;padding:0 10px;border:1px solid #493754;border-radius:6px;color:var(--accent);background:#25212d}.footer-facebook svg{flex-shrink:0}.footer-facebook-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.footer-facebook:hover{background:#3d2c4b}.menu-pop{position:absolute;right:35px;top:72px;border:1px solid #3c3448;background:#25212d;border-radius:10px;padding:8px;min-width:190px;z-index:30;box-shadow:0 15px 30px #0005}.menu-pop a,.menu-pop button{display:flex;gap:12px;padding:12px;border-radius:5px;font-size:13px;background:none;border:0;width:100%;text-align:left}.menu-pop a:hover,.menu-pop button:hover{background:#383041}.error{padding:16px;border:1px solid #844b57;color:#ffc1c1;background:#38212a;border-radius:9px;margin-bottom:20px}@media(min-width:1125px){.shell{max-width:1400px}.manga-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media(max-width:600px){.nav{padding:0 22px;gap:28px}.shell{padding:0 22px}footer{padding-inline:22px}.quiet-label{display:none}.manga-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.search{width:230px}.nav-right{gap:12px}}@media(max-width:405px){.topbar{height:70px}.nav{padding:0 18px;gap:20px}.brand{font-size:29px}.brand-mark{width:38px;height:38px;margin-right:6px;border-radius:10px}.brand-icon{width:32px;height:32px;margin-right:7px}.home-link{font-size:11px}.nav-right{gap:6px}.search{width:38px;padding:8px;border-color:transparent;background:none}.search input,.search kbd{display:none}.search:focus-within{position:absolute;left:18px;right:61px;width:auto;background:#25212d;z-index:5}.search:focus-within input{display:block}.shell{padding:0 18px}footer{padding-inline:18px}.welcome{padding:30px 0}.eyebrow{font-size:8px}h1{font-size:23px}.welcome .muted{font-size:11px}.heading-thai{font-size:10px}.section-heading h2{font-size:18px;gap:8px}.view-all{font-size:10px}.updates-panel{padding:16px}.update-card{width:143px}.manga-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.manga-card h3{font-size:10px}.manga-card .muted,.story-credit{font-size:9px}.story-card-meta{gap:5px;font-size:8px}.story-card-meta .time svg{width:10px;height:10px}.cover-count{font-size:8px;padding:2px 5px;left:5px;right:auto;bottom:5px}.cover-badges{top:5px;right:5px;gap:4px}.story-badge,.cover-badges .completed-tag,.cover-badges .inactive-tag{padding:3px 5px;font-size:7px}.library{margin-top:28px}footer{gap:12px;margin-top:40px}footer span{font-size:9px}.footer-right{display:none}}select{background:#25222d;border:1px solid #403849;color:#ded8e9;border-radius:7px;padding:9px 12px;font-size:12px;color-scheme:dark}.primary,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:7px;padding:11px 18px;border:1px solid transparent;font-size:12px;font-weight:600}.primary{background:var(--accent);color:#241934}.primary:hover{background:#c6b3fa}.primary:disabled{opacity:.72;border-color:#66557d;background:#55466d;color:#aaa0b5}.secondary-button{background:#25212d;border-color:#42364f;color:#d3c8df}.secondary-button:hover{background:#32283f}.secondary-button:disabled{opacity:.68;border-color:#3d3547;background:#211d27;color:#77717f}.is-saved{color:#c6adff;border-color:#8c70ba}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--accent);background:none;border:0;font-size:12px;padding:12px 0}.breadcrumb{display:flex;align-items:center;gap:10px;padding:26px 0;color:#a59bac;font-size:11px}.breadcrumb span{color:#574e61;margin:0 5px}.detail{display:flex;gap:40px;padding:12px 0 36px;position:relative}.story-report-button{position:absolute;top:12px;right:0;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #493754;border-radius:7px;color:#b8aac1;background:#1b1920;font-size:11px}.story-report-button:hover{color:var(--accent);background:#25212d}.detail-cover{width:235px;flex-shrink:0;align-self:flex-start;aspect-ratio:.697;border-radius:10px;overflow:hidden;box-shadow:0 15px 40px #0005}.detail-copy{max-width:750px;padding:6px 0}.pill{display:inline-block;color:var(--accent);border:1px solid #554269;border-radius:4px;padding:3px 7px;font-size:9px;letter-spacing:1px}.detail h1{margin:12px 0 6px;font-size:29px}.sensitive-content-warning{display:flex;align-items:flex-start;gap:10px;margin:18px 0 20px;padding:12px 14px;border:1px solid #a44250;border-radius:10px;background:linear-gradient(120deg,#481c25,#32171d);color:#ffd9df;box-shadow:inset 3px 0 #e35f70}.sensitive-content-warning svg{flex:none;margin-top:2px;color:#ff8190}.sensitive-content-warning p{margin:0;font-size:11px;line-height:1.7}.sensitive-content-warning strong{color:#ff9fac}.story-tags{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 18px}.story-tags span,.story-tags button,.story-tags-dialog>div span{display:inline-flex;align-items:center;min-height:27px;box-sizing:border-box;border:1px solid #554467;border-radius:7px;background:#211a29;color:#d9cdea;padding:5px 9px;font-size:10px;line-height:1.2}.story-tags button{border-color:#987aca;background:#493663;color:#fff;cursor:pointer;font-weight:700}.story-tags button:hover{background:#5a4278}.story-tags-dialog{width:min(560px,calc(100vw - 28px));max-height:min(78dvh,650px);padding:0;overflow:hidden;border:1px solid #5e4a70;border-radius:15px;background:#17131d;color:#f5eff9;box-shadow:0 25px 70px #000c}.story-tags-dialog::backdrop{background:#070509cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.story-tags-dialog>header,.story-tags-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;background:#201927}.story-tags-dialog>header{border-bottom:1px solid #3b3046}.story-tags-dialog>header span{display:flex;align-items:center;gap:9px}.story-tags-dialog>header h2{margin:0;font-size:18px}.story-tags-dialog>header>button{display:grid;place-items:center;padding:6px;border:0;background:transparent;color:#ddd3e5}.story-tags-dialog>div{display:flex;flex-wrap:wrap;align-content:flex-start;gap:9px;max-height:calc(78dvh - 132px);overflow:auto;padding:18px}.story-tags-dialog>div span{font-size:12px;padding:7px 11px}.story-tags-dialog>footer{justify-content:flex-end;border-top:1px solid #3b3046}.subtitle{color:#8f849b;font-size:13px}.facts{display:flex;gap:40px;margin:24px 0}.story-stats{display:flex;flex-wrap:wrap;gap:12px 24px;color:var(--muted);font-size:12px}.story-stats>span{display:inline-flex;align-items:center;gap:6px}.story-stats svg,.story-stats strong{color:var(--accent)}.story-stats strong{font-variant-numeric:tabular-nums}.story-stats-note{color:var(--muted);font-size:10px;margin:12px 0 24px;line-height:1.7}.facts>div{display:flex;flex-direction:column;gap:6px}.facts span{font-size:10px;color:var(--muted)}.facts strong{font-size:12px;font-weight:500}.synopsis-label{font-size:12px;margin-bottom:7px}.synopsis{font-size:12px;color:#a69eaf;line-height:1.9}.official{display:flex;align-items:center;gap:7px;font-size:10px;margin-top:14px}.detail-actions{display:flex;gap:10px;margin-top:25px;flex-wrap:wrap}.reading-progress{display:flex;gap:7px;align-items:center;margin-top:18px;line-height:1.7;color:#95899e;font-size:10px}.chapters-section{margin-top:18px}.chapters-box{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#1b1920}.chapter-tools{display:flex;gap:10px;padding:18px;border-bottom:1px solid var(--border);align-items:center}.chapter-tools .secondary-button{padding:9px 12px;font-weight:400}.chapter-search{margin-left:auto;display:flex;align-items:center;gap:9px;background:#242029;border:1px solid #403849;border-radius:7px;padding:9px 12px;color:#9b8da8}.chapter-search input{border:0;background:none;color:#ded8e9;font-size:12px;width:135px;outline:none}.chapter-scroll{max-height:490px;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#655271 #201c26;scrollbar-width:thin}.chapter-row{display:grid;grid-template-columns:64px 78px minmax(0,1fr) auto 16px;align-items:center;gap:18px;padding:18px 24px;border-bottom:1px solid #29232f;border-left:3px solid transparent;font-size:12px}.chapter-label{white-space:nowrap}.chapter-credit{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.chapter-row .chapter-credit small{margin-left:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chapter-row:hover{background:#292130}.chapter-row.current{background:#292033}.chapter-number{font-family:Manrope,sans-serif;font-size:11px;color:#9983af;width:64px;min-width:64px;flex-shrink:0;text-align:center;padding:9px 4px;border:1px solid #45344f;border-radius:8px}.chapter-row small{font-size:9px;color:var(--accent);background:#3b294e;border-radius:4px;padding:3px 6px;margin-left:10px}.chapter-date{display:grid;grid-template-columns:80px 46px 100px;align-items:center;gap:12px;text-align:right;white-space:nowrap;margin-left:auto;font-size:10px;color:#93889e}.chapter-date.free{grid-template-columns:46px 100px}.chapter-row .chapter-date span{padding:0}.chapter-date span{padding:0 8px}.chapter-row>svg{color:#6e5d7f}.pagination{display:flex;gap:7px;padding:15px 20px;align-items:center}.pagination button{border:1px solid #403449;border-radius:5px;width:31px;height:31px;background:#251e2c}.pagination button.selected{background:var(--accent);color:#21182d}.pagination>span{font-size:10px;color:#918498;margin-left:auto}.listing-header{padding-bottom:35px}.listing-header-with-action{display:flex;align-items:center;justify-content:space-between;gap:16px}.listing-header-with-action h1{margin:0}.listing-header .muted{font-size:12px;margin-top:9px}.bookmark-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.bookmark-filters a{padding:7px 14px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:11px}.bookmark-filters a:hover,.bookmark-filters a[aria-current=page]{border-color:#8e73bd;background:#30253e;color:#d2c1f4}.listing-body{min-height:400px}.empty{padding:50px 20px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:15px;color:var(--muted);font-size:13px}.empty h3{font-weight:500;color:#d7cbe5}.loading{height:70vh;display:flex;align-items:center;justify-content:center;gap:15px;color:var(--muted)}.spinner{display:inline-block;width:22px;height:22px;border:2px solid #4f3d61;border-top-color:var(--accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-dialog{background:#211c28;color:#eee7f5;border:1px solid #493754;border-radius:16px;padding:36px;width:420px;max-width:calc(100% - 30px);box-shadow:0 30px 100px #0008}.auth-dialog::backdrop{background:#09060dcc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.auth-dialog .dialog-close{position:absolute;right:12px;top:12px}.dialog-brand{font-size:32px;color:var(--accent);gap:9px;margin-bottom:18px}.dialog-brand .brand-mark{width:42px;height:42px;margin-right:0;border-radius:11px}.auth-dialog h2{font-size:22px;margin-bottom:7px}.auth-dialog>.muted{font-size:12px}.auth-dialog form{display:flex;flex-direction:column;gap:16px;margin-top:24px}.auth-dialog label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#b9a8c9}.auth-dialog input{background:#17131d;color:#fff;border:1px solid #48374f;border-radius:7px;padding:10px 12px}.auth-dialog .text-button{width:100%;margin-top:8px}.menu-name{display:flex;align-items:center;gap:7px;padding:9px 12px;font-size:11px;color:#b7a2ca;border-bottom:1px solid #423247;max-width:220px;overflow-wrap:anywhere}.menu-name span{display:grid;gap:2px}.menu-name small{color:var(--muted);font-size:.7rem;font-weight:500}.menu-wallet-label{display:flex;flex-direction:column;gap:3px}.menu-wallet-label small{color:var(--accent,#bba3ff);font-size:.7rem;line-height:1.4}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%);background:#3d2c4b;color:#ede0f9;border:1px solid #7c6091;border-radius:9px;padding:13px 24px;font-size:12px;z-index:60;box-shadow:0 8px 30px #0008;max-width:90vw}.scroll-edge-button{position:fixed;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));z-index:40;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid #7c6091;border-radius:50%;background:#292232;color:var(--accent);box-shadow:0 4px 16px #0006;cursor:pointer}.scroll-edge-button:hover{background:#3d2c4b}.scroll-edge-button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.reader{background:#0d0b10;min-height:calc(100vh / var(--ui-scale))}html:has(.reader){overscroll-behavior-y:none}.next-swipe{touch-action:pan-x pinch-zoom}.reader-controls{position:sticky;top:0;z-index:20;display:flex;gap:14px;align-items:center;padding:10px 24px;background:#201b27f5;border-bottom:1px solid #3a2f46;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:64px}.reader-title{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}.reader-controls-right{margin-left:auto;display:flex;align-items:center;gap:8px}.page-picker{display:flex;gap:8px;align-items:center;font-size:10px;color:#a28daf}.reading-strip{max-width:820px;margin:0 auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.reader-page{position:relative;width:100%;scroll-margin-top:64px;background:#211e24;overflow:hidden}.reader-page canvas{display:block;width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0}.page-shield{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.page-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:14px;z-index:2;color:#a79aae;font-size:12px}.reader-end{max-width:820px;margin:0 auto;padding:16px 18px 24px;display:flex;align-items:center;flex-direction:column;gap:14px;background:#18121e;color:#ac91c1}.comments-dialog,.report-dialog{width:min(680px,calc(100vw / var(--ui-scale) - 24px));max-height:calc(100dvh / var(--ui-scale) - 32px);padding:0;background:#17141e;color:#eee7f5;border:1px solid #493754;border-radius:14px}.comments-dialog[open]{display:flex;flex-direction:column}.comments-dialog::backdrop,.report-dialog::backdrop{background:#09060dbb}body:has(dialog[open]){overflow:hidden}body:has(.translator-chat-page),body:has(.creator-chat-page){overflow-y:auto}.comments-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border-bottom:1px solid #393043}.comments-header h2{display:flex;align-items:center;gap:8px;margin:0;font-size:16px}.comments-list{overflow-y:auto;overscroll-behavior:contain;min-height:120px;padding:16px;flex:1 1 auto}.comment-thread+.comment-thread{border-top:1px solid #393043;margin-top:14px;padding-top:14px}.comment-item{display:flex;gap:10px;padding:12px 8px;border-radius:8px}.comment-reply{margin-left:22px;border-left:2px solid #493754}.comment-focused{background:#28203a;outline:1px solid var(--accent)}.comment-avatar{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:6px;background:#30273d}.comment-content{min-width:0;flex:1}.comment-content strong{font-size:14px;overflow-wrap:anywhere}.comment-content time{display:block;font-size:12px;color:var(--muted);margin:3px 0 8px}.comment-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:16px;line-height:1.6;margin:8px 0}.comment-spoiler-cover{display:block;width:100%;min-height:54px;margin:8px 0;padding:12px;border:1px solid #4c4058;border-radius:8px;background:#08070b;color:#c5b6d6;font:inherit;font-size:14px;text-align:center;cursor:pointer}.comment-spoiler-cover:hover,.comment-spoiler-cover:focus-visible{border-color:var(--accent);outline-offset:2px}.comment-compose-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.comment-spoiler-toggle{display:inline-flex;align-items:center;gap:8px;color:#d9cde5;font-size:14px;cursor:pointer}.comment-spoiler-toggle input{width:18px;height:18px;margin:0;accent-color:var(--accent);cursor:pointer}.comment-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px}.comment-actions button,.comments-footer button{border:0;background:none;color:var(--accent);padding:6px;font-size:14px;cursor:pointer}.comment-votes{display:inline-flex;align-items:center;border:1px solid #493754;border-radius:20px}.comment-votes button{display:grid;place-items:center;padding:7px;border-radius:20px}.comment-votes button[aria-pressed=true]{background:var(--accent);color:#211c28}.comment-compose{border-top:1px solid #393043;padding:12px 18px}.comment-input-label{display:block;font-size:14px}.comment-compose textarea,.report-dialog textarea,.report-dialog input{display:block;width:100%;margin:6px 0 8px;padding:10px;background:#0f0d14;color:#eee7f5;border:1px solid #493754;border-radius:8px;font:inherit}.comment-compose textarea,.report-dialog textarea{min-height:70px;max-height:160px;resize:vertical}.comments-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:0;padding:10px 18px;border-top:1px solid #393043;font-size:14px}.comments-footer a{color:var(--accent)}.comments-header,.comment-compose,.comments-footer{flex-shrink:0}.comment-compose .primary,.report-dialog .primary{font-size:14px}.comment-content small{font-size:12px}.comment-input-label textarea:focus-visible,.report-dialog textarea:focus-visible,.report-dialog input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.comments-dialog>.error{padding:0 18px}.report-dialog{padding:28px}.report-dialog h2{margin:0 36px 18px 0;font-size:18px}.report-dialog .modal-close{position:absolute;top:10px;right:10px}.report-dialog label{display:block;margin-top:14px;font-size:13px}.report-kind{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.report-kind button{min-height:38px;border-radius:7px;border:1px solid #493754;color:#bbaec5;background:#25212d}.report-kind button.active{color:#211c28;border-color:var(--accent);background:var(--accent)}.copyright-choices{max-height:220px;overflow-y:auto;border:1px solid #493754;border-radius:8px;padding:5px;background:#0f0d14}.copyright-choice{display:flex;align-items:center;gap:10px;width:100%;min-width:0;padding:7px;border:0;border-radius:6px;color:#eee7f5;background:transparent;text-align:left}.copyright-choice:hover{background:#28203a}.copyright-choice.selected{margin:8px 0 12px;border:1px solid #493754;background:#25212d}.copyright-choice img{width:36px;height:50px;flex-shrink:0;border-radius:4px;object-fit:cover}.copyright-choice span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copyright-choice.selected span{display:grid;gap:3px}.copyright-choice small{color:var(--muted);font-size:10px}.bottom-controls{flex-wrap:wrap;justify-content:center}.next-swipe{display:grid;justify-items:center;gap:5px;color:var(--accent);font-size:11px;padding:8px 12px}.next-swipe>svg{transform:translateY(calc(var(--swipe-progress) * -10px));opacity:calc(.5 + var(--swipe-progress) * .5);transition:transform 80ms linear,opacity 80ms linear}.next-swipe-track{width:110px;height:3px;overflow:hidden;border-radius:3px;background:#3d2c4b}.next-swipe-track>span{display:block;height:100%;background:var(--accent);transform:scaleX(var(--swipe-progress));transform-origin:left;transition:transform 80ms linear}.next-swipe.is-advancing>svg{animation:next-chapter-lift .22s ease-out forwards}@keyframes next-chapter-lift{to{transform:translateY(-20px);opacity:0}}@media(prefers-reduced-motion:reduce){.next-swipe>svg,.next-swipe-track>span{transition:none}.next-swipe.is-advancing>svg{animation:none}}.bottom-controls{display:flex;gap:12px;align-items:center;margin:8px 0 2px}.reading-strip:empty{min-height:70vh}@media(max-width:600px){.detail{gap:26px}.detail-cover{width:200px}.detail h1{font-size:24px}.sensitive-content-warning{padding:10px 12px}.story-tags{gap:6px}.reader-title{max-width:190px}.reader-controls{gap:8px;padding:10px 14px}.nav-right{gap:9px}}@media(min-width:406px)and (max-width:600px){.detail{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:start}.detail-copy{display:contents}.detail-summary{grid-column:2;min-width:0;padding-top:6px}.detail-description{grid-column:1 / -1;min-width:0}}@media(max-width:405px){.desktop-bookmark{display:none}.detail{gap:20px;flex-direction:column;padding-top:5px}.detail-cover{width:160px;margin:auto}.detail-copy{padding:0}.detail h1{font-size:23px}.sensitive-content-warning p{font-size:10px}.story-tags span,.story-tags button{min-height:25px;padding:4px 8px;font-size:9px}.facts{margin:20px 0;gap:35px}.chapter-tools{padding:12px;flex-wrap:wrap;gap:8px}.chapter-tools .secondary-button,.chapter-tools select{font-size:10px;flex:1}.chapter-search{width:100%;margin-left:0}.chapter-search input{width:100%}.chapter-row{grid-template-columns:48px 70px minmax(0,1fr) 12px;padding:17px 12px;gap:10px;font-size:11px}.chapter-date{grid-column:2 / 4;grid-row:2;justify-self:start;margin-left:0;gap:10px;font-size:9px}.chapter-row .chapter-number{width:48px;min-width:48px;grid-row:1 / 3}.chapter-row>.chapter-label{grid-column:2}.chapter-row>.chapter-credit{grid-column:3}.chapter-row>svg{grid-column:4;grid-row:1 / 3}.chapter-date span{padding:0 3px}.chapter-row small{margin-left:0;font-size:8px}.reader-controls{height:60px;padding:8px;gap:6px}.reader-title{display:none}.reader-controls select{font-size:11px;padding:8px 6px;max-width:105px}.reader-controls-right{gap:1px}.page-picker{gap:5px}.page-picker>span{display:none}.reader-page{scroll-margin-top:60px}.reader-controls .icon-button{padding:8px 5px}.bottom-controls{gap:8px;width:100%;justify-content:center}.bottom-controls button{padding:10px 9px;font-size:10px;gap:3px}.bottom-controls select{padding:9px 7px;font-size:10px;max-width:100px}.auth-dialog{padding:30px 24px}.menu-pop{right:18px;top:62px}.listing-body{min-height:330px}.update-card{max-width:100%}}@media print{.reader{display:none}body:after{content:"CCharem — เปิดอ่านผ่านเว็บไซต์";display:block;text-align:center;padding:50px}}@media(max-width:405px){.search{position:relative}.search input{display:block;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;cursor:text}.search:focus-within input{position:static;opacity:1}.search:focus-within{position:absolute}}.google-login{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin:28px 0 20px;padding:12px 16px;border:1px solid #dadce0;border-radius:7px;background:#fff;color:#1f1f1f;font-size:14px;font-weight:500}.google-login:hover{background:#f2f4f8}.google-login:disabled{opacity:.65}.chapter-row.was-read{color:#aaa3b8;background:#ffffff04}.chapter-row.was-read .chapter-number{opacity:.6}.chapter-row.was-read .chapter-date{color:#958caa}.chapter-row.was-read:not(.current) small{color:#aaa3b8}.chapter-row.current{border-left:3px solid #b6a0ff;background:#b6a0ff1a}.chapter-row.current small{color:#cfbfff;font-weight:600}.history-list{display:grid;gap:8px}.history-entry{display:flex;align-items:center;gap:12px;padding:10px;border:1px solid var(--border, #332d40);border-radius:10px;background:#ffffff06}.history-entry>a{flex-shrink:0}.history-entry img{display:block;width:44px;aspect-ratio:2 / 3;object-fit:cover;border-radius:5px}.history-entry>div{min-width:0}.history-entry h2{font-size:.875rem;line-height:1.4;margin:0 0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-entry p{font-size:.75rem;line-height:1.4;margin:0 0 2px}.history-entry time{display:inline;font-size:.6875rem}.history-entry .text-button{display:inline-flex;align-items:center;margin:0 0 0 10px;padding:2px 0;font-size:.75rem}@media(max-width:405px){.history-entry{gap:10px}}.translator-shell{max-width:1280px}.translator-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;margin-top:8px}.translator-meta p{min-width:0;font-size:.875rem;line-height:1.6}.translator-facebook-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;margin-top:16px;padding:10px 16px;border:1px solid #685184;border-radius:8px;background:#2a2235;color:#d8c8ff;font-size:.875rem;font-weight:600;transition:background .2s,border-color .2s,transform .2s}.translator-facebook-button:hover{border-color:#9a7bc1;background:#392c49;transform:translateY(-1px)}.translator-facebook-button svg{flex-shrink:0}.translator-work-heading{margin-top:30px;font-size:1.35rem}.public-creator-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.public-creator-heading h1{flex:1;min-width:0}.creator-report-button{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:1px solid #493754;border-radius:8px;background:#1b1920;color:#b8aac1;font-size:12px;white-space:nowrap;cursor:pointer}.creator-report-button:hover{color:var(--accent);background:#25212d;border-color:var(--accent)}.creator-report-button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.translator-story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,170px));gap:24px;margin-top:18px}.translator-story-card{min-width:0;width:100%;max-width:170px}.translator-story-card h3{display:-webkit-box;margin-top:12px;overflow:hidden;font-size:.875rem;font-weight:500;line-height:1.6;min-height:3.2em;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.translator-panel{padding:24px;margin:18px 0;border:1px solid var(--border, #332d40);border-radius:16px;background:#ffffff06}.translator-panel h2{font-size:1.2rem;margin:12px 0}.translator-panel p{line-height:1.8;overflow-wrap:anywhere}.translator-form{display:grid;gap:20px}.translator-form label{display:grid;gap:9px}.field-label{display:flex;align-items:baseline;gap:4px;min-width:0}.translator-form input,.translator-form textarea{width:100%;padding:12px 14px;border:1px solid #51485f;border-radius:9px;background:#17141e;color:#eeeaf5;font:inherit}.translator-form textarea{resize:vertical}.translator-form input:focus,.translator-form textarea:focus{outline:2px solid #b6a0ff;outline-offset:2px}.translator-form .primary{justify-self:start}.profile-account-type{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px;border-radius:10px;background:#ffffff08}.profile-page{max-width:980px}.profile-common-form{margin-bottom:16px}.profile-role-tabs{display:flex;gap:8px;margin:18px 0;padding:5px;width:fit-content;border:1px solid var(--border);border-radius:12px;background:#17141e}.profile-role-tabs button{min-width:120px;padding:10px 18px;border:0;border-radius:8px;background:transparent;color:var(--muted)}.profile-role-tabs button[aria-pressed=true]{background:#4a3762;color:#f1eaff}.creator-profile-form>header{display:flex;align-items:center;justify-content:space-between;gap:16px}.creator-profile-form>header h2{margin:2px 0 0}.creator-profile-form fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px;border:1px solid var(--border);border-radius:12px}.creator-profile-form legend{padding:0 8px;color:#d8ccff;font-weight:600}.creator-profile-form fieldset>small,.creator-profile-form fieldset>p{grid-column:1 / -1}.profile-private-fields{background:#241d292b}.profile-pending{padding:10px 12px;border:1px solid #98783d;border-radius:8px;background:#3c2d16;color:#f0cf78}.translator-follow-popup{position:relative;width:fit-content;margin-top:22px}.translator-follow-popup summary{list-style:none;cursor:pointer}.translator-follow-popup summary::-webkit-details-marker{display:none}.translator-follow-popup>div{position:absolute;z-index:8;top:calc(100% + 8px);left:0;display:grid;min-width:220px;padding:8px;border:1px solid #59476c;border-radius:10px;background:#211c29;box-shadow:0 14px 36px #0008}.translator-follow-popup>div a{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px;border-radius:7px}.translator-follow-popup>div a:hover{background:#ffffff0c}.account-role-badge{display:inline-flex;align-items:center;padding:5px 10px;border:1px solid #74658d;border-radius:999px;color:#d8ccff;font-size:.78rem;white-space:nowrap}.translator-document-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.translator-upload{min-height:132px;align-content:center;justify-items:center;padding:18px;border:1px dashed #756788;border-radius:12px;background:#ffffff05;text-align:center;cursor:pointer}.translator-upload input{font-size:.75rem;padding:8px}.translator-upload small{color:var(--muted);overflow-wrap:anywhere}.translator-document-preview{position:relative;min-width:0;margin:0;overflow:hidden;border:1px solid #756788;border-radius:12px;background:#0e0c12}.translator-document-preview img{display:block;width:100%;height:260px;object-fit:contain;background:#09080b}.translator-document-preview figcaption{display:grid;gap:3px;padding:12px 14px;font-weight:600}.translator-document-preview figcaption small{color:var(--muted);font-weight:400}.translator-document-delete{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:38px;height:38px;padding:0;border-color:#8e4659;border-radius:50%;background:#542c38e8;color:#ffe0e8;box-shadow:0 4px 16px #0008}.translator-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.translator-dashboard-grid a,.translator-dashboard-grid>span{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;align-items:center;padding:20px;border:1px solid var(--border);border-radius:14px;background:#ffffff05}.translator-dashboard-grid a:hover{border-color:#75658f;background:#ffffff0b}.translator-dashboard-grid svg{grid-row:1 / span 2;color:#b8a4f5}.translator-dashboard-grid a>span,.translator-dashboard-grid small{color:var(--muted);font-size:.85rem}.translator-dashboard-grid.is-restricted>span{cursor:not-allowed;opacity:.42;filter:saturate(.35)}.creator-access-restricted{border-color:#8e4659}.creator-access-restricted>svg{color:#e45268}.studio-story-list h2{display:flex;align-items:center;gap:9px}.studio-story-list>a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid var(--border)}.studio-story-list>a span:first-child{display:grid;gap:4px}.studio-story-list small{color:var(--muted)}.studio-manage-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.studio-manage-list{display:grid;gap:14px}.studio-manage-list .translator-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 18px;margin:0}.studio-manage-list h2{margin:0}.studio-status{padding:5px 10px;border:1px solid #74658d;border-radius:999px;color:#d8ccff;font-size:.78rem}.studio-status.draft{border-color:#997939;color:#f0cf78}.studio-status.licensed{border-color:#8e4659;color:#efb5c0}.studio-manage-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:9px}.translator-chat-page{max-width:none;height:calc(100dvh / var(--ui-scale) - 85px);min-height:0;overflow:hidden}.translator-chat{width:100%;flex:1;min-height:0;margin:0;display:flex;flex-direction:column}.translator-chat-log{display:flex;flex:1;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior:contain;gap:12px;padding:18px;border:1px solid var(--border);border-radius:14px;background:#100e15}.translator-chat-log article{align-self:flex-start;width:fit-content;min-width:0;max-width:min(80%,620px);padding:12px 14px;border-radius:12px 12px 12px 2px;background:#2a2533;overflow-wrap:anywhere}.translator-chat-log article.mine{align-self:flex-end;margin-inline-start:auto;margin-inline-end:0;border-radius:12px 12px 2px;background:#4c3f67;text-align:right}.translator-chat-log article.theirs{align-self:flex-start;margin-inline-start:0;margin-inline-end:auto}.translator-chat-log article{flex-shrink:0}.translator-chat-log article p{margin:5px 0;white-space:pre-wrap}.translator-chat-log time,.translator-report-list time{color:var(--muted);font-size:.75rem}.chat-message-meta{display:flex;align-items:center;gap:8px;width:auto;min-height:0;margin:0;padding:0;border:0}.translator-chat-log article.mine .chat-message-meta,.creator-chat-log article.mine .chat-message-meta{justify-content:flex-end}.chat-read-status{color:#d7c8ff;font-size:.75rem;white-space:nowrap}.chat-read-status.is-unread{color:#aaa0b2}.translator-chat form{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin-top:12px}.translator-chat textarea{width:100%;resize:vertical;padding:12px;border:1px solid #51485f;border-radius:10px;background:#17141e;color:inherit;font:inherit}.translator-report-list{display:grid;gap:14px}.translator-report-list .translator-panel{margin:0}.status-approved{border-color:#7a699c}.notification{display:flex;align-items:flex-start;gap:14px}.notification>svg{flex-shrink:0;margin-top:7px}.notification p{margin-top:0}.notification.unread{border-left:3px solid #b6a0ff}.notification-actions{display:flex;flex-wrap:wrap;gap:20px;margin-top:15px}.notification-count{padding:1px 7px;background:#b6a0ff;color:#1b1425;border-radius:20px}.icon-button{position:relative}.notification-dot{position:absolute;right:5px;top:5px;width:8px;height:8px;border-radius:50%;background:#b6a0ff}@media(max-width:405px){.creator-profile-form fieldset{grid-template-columns:1fr}.profile-role-tabs{width:100%}.profile-role-tabs button{flex:1;min-width:0}.translator-meta{gap:10px 16px}.translator-meta p{font-size:.75rem}.translator-story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.translator-story-card h3{font-size:.75rem}.translator-panel{padding:18px}.translator-document-grid,.translator-dashboard-grid,.translator-chat form{grid-template-columns:1fr}.translator-chat form .primary{justify-self:end}}.comment-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.comment-menu{position:relative;flex-shrink:0;margin-top:-5px}.comment-menu summary{list-style:none;display:grid;place-items:center;width:32px;height:32px;border-radius:8px;color:var(--muted);cursor:pointer}.comment-menu summary::-webkit-details-marker{display:none}.comment-menu summary:hover,.comment-menu[open] summary{color:var(--accent);background:#ffffff0a}.comment-menu-items{position:absolute;right:0;top:34px;z-index:3;min-width:160px;padding:5px;background:#25212d;border:1px solid #463a54;border-radius:10px;box-shadow:0 10px 30px #0006}.comment-menu-items button{display:flex;align-items:center;gap:10px;width:100%;padding:10px;border:0;border-radius:6px;text-align:left;color:#e4ddec;background:transparent;font:inherit;font-size:13px;cursor:pointer}.comment-menu-items button:hover{background:#ffffff09}.comment-menu-items .danger{color:#f0a4ad}.comment-actions{gap:14px;margin-top:12px}.comment-votes{gap:2px;padding:3px;border:1px solid #44394e;border-radius:12px;background:#100e1533}.comment-votes button{width:34px;height:32px;padding:0;border-radius:8px;color:#a99fb8;transition:background .15s,color .15s}.comment-votes button:hover{background:#b6a0ff18;color:#d7caff}.comment-votes button[aria-pressed=true]{background:#b6a0ff24;color:#c8b4ff}.comment-votes button[aria-pressed=true] svg{fill:#b6a0ff30}.vote-score{min-width:25px;text-align:center;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.comment-actions .reply-trigger{display:inline-flex;align-items:center;gap:6px;color:#aca0bd;padding:8px 10px;border-radius:8px;font-size:13px}.reply-trigger:hover{background:#ffffff08;color:#d7caff}.comment-avatar{border-radius:50%;background:linear-gradient(145deg,#443551,#2c2338);font-weight:600;color:#d1bde8}.comment-compose .primary,.reply-dialog .primary{display:inline-flex;align-items:center;gap:8px}.reply-dialog h2{padding-right:28px;font-size:17px}.reply-dialog blockquote{margin:16px 0;padding:8px 12px;border-left:2px solid #716087;color:var(--muted);font-size:13px;max-height:90px;overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap}.reply-dialog textarea{min-height:110px}.notifications-list{display:grid;gap:8px}.notification-row{display:flex;align-items:center;gap:6px;min-height:74px;padding:8px 10px;border:1px solid #332d40;border-radius:10px;background:#ffffff06}.notification-row.unread{border-color:#625074;background:#b6a0ff08}.notification-open{flex:1;min-width:0;display:flex;align-items:center;gap:12px;padding:2px;color:inherit;text-decoration:none}.notification-symbol{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:10px;color:#ac9bc2;background:#b6a0ff0d}.notification-copy{display:grid;gap:3px;min-width:0}.notification-message{font-size:.875rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-copy time{font-size:.6875rem;color:var(--muted)}.notification-delete{flex-shrink:0;color:#92869f}.notification-delete:hover,.notification-clear:hover{color:#f0a4ad;background:#f0a4ad10}.notification-confirm{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px;margin-bottom:12px;border:1px solid #625074;border-radius:10px;font-size:13px}.comment-menu summary:focus-visible,.notification-open:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.notification-filters{display:flex;gap:6px;margin:-12px 0 20px}.notification-filters button{border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);padding:8px 15px;font:inherit;font-size:13px;cursor:pointer}.notification-filters button:hover{background:#ffffff08}.notification-filters button[aria-pressed=true]{background:#b6a0ff18;border-color:#b6a0ff33;color:#d4c4ff}.creator-page{max-width:1120px;padding-top:46px;padding-bottom:80px}.creator-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.creator-heading h1{margin:5px 0 0;font-size:clamp(30px,5vw,52px);letter-spacing:-.04em}.creator-kicker{color:#d0bcff;font-size:11px;font-weight:800;letter-spacing:.18em}.creator-card{background:linear-gradient(145deg,#18141f,#110f16);border:1px solid #30283b;border-radius:18px;padding:clamp(20px,4vw,34px);margin-bottom:18px;box-shadow:0 18px 50px #0003}.creator-card h2{margin:0 0 8px}.creator-card.warning{border-color:#8a6b2d;background:linear-gradient(145deg,#241d11,#15120e)}.creator-card.danger{border-color:#7d3440;background:linear-gradient(145deg,#271319,#160f12)}.creator-form,.creator-form fieldset{display:grid;gap:18px}.creator-form fieldset{border:1px solid #352e40;border-radius:12px;padding:18px}.creator-form legend{color:#b5a9c3;padding:0 7px}.creator-form label,.wallet-layout label{display:grid;gap:7px;color:#c9c0d3;font-size:13px}.creator-form input,.creator-form textarea,.wallet-layout input,.wallet-layout select,.creator-page select,.creator-page textarea{width:100%;box-sizing:border-box;border:1px solid #41384d;border-radius:10px;background:#0e0c12;color:#f7f2fb;padding:12px 13px;font:inherit}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.socials-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.socials-grid.three-socials{grid-template-columns:repeat(3,minmax(0,1fr))}.form-draft-note{margin:0;color:#a89caf;font-size:13px}.document-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.document-grid label{border:1px dashed #756788;border-radius:12px;padding:15px;background:#ffffff05}.document-grid input{padding:8px 0;border:0;background:transparent}.document-grid small{color:#8f839d;overflow-wrap:anywhere}.writer-documents .translator-upload{min-height:132px}.terms-box{background:#0d0b10;border:1px solid #342d3e;border-radius:12px;padding:18px}.terms-box p{color:#a99eaf;line-height:1.7}.check-row{display:flex!important;grid-template-columns:auto 1fr;align-items:flex-start}.check-row input{width:19px;height:19px;flex:0 0 19px;margin:2px 12px 0 0;accent-color:#b5a0ee;color-scheme:only dark}.policy-dialog{width:min(760px,calc(100vw - 28px));max-width:760px;max-height:min(82dvh,760px);margin:auto;padding:24px;overflow:auto;border:1px solid #554663;border-radius:14px;background:#1b1722;color:#f1ebf6;box-shadow:0 24px 80px #000c;color-scheme:only dark}.policy-dialog::backdrop{background:#050407c9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.policy-dialog article{color:#e7e0ec}.policy-dialog h1,.policy-dialog h2,.policy-dialog h3,.policy-dialog strong{color:#fff}.policy-dialog p,.policy-dialog li{color:#d7cfdf;line-height:1.75}.policy-dialog a{color:#c9b2ff;text-decoration:underline;text-underline-offset:3px}.policy-dialog .check-row{position:sticky;bottom:-24px;z-index:2;margin:36px -24px 0;padding:20px 24px 16px;border-top:1px solid #4b3e58;background:#1b1722f5;color:#f3edf7}.policy-actions{position:sticky;bottom:-24px;z-index:3;display:flex;gap:10px;margin:0 -24px -24px;padding:0 24px 18px;background:#1b1722f5}.policy-actions button{min-height:42px}@media(max-width:560px){.policy-dialog{padding:18px}.policy-dialog .check-row{bottom:-18px;margin-top:30px;margin-inline:-18px;padding:18px 18px 14px}.policy-actions{bottom:-18px;margin:0 -18px -18px;padding:0 18px 14px;display:grid;grid-template-columns:1fr}.policy-actions button{width:100%}}.inline-button{display:inline-flex;margin-top:10px;text-decoration:none}.creator-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.creator-stats article{padding:22px;border-radius:16px;background:#17131d;border:1px solid #31283b}.creator-stats small,.creator-stats strong{display:block}.creator-stats small{color:#998da5;margin-bottom:8px}.creator-stats strong{font-size:26px;color:#f4eaff}.card-title-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px}.card-title-row p{margin:0;color:#8f8498}.earning-table>div,.topup-row,.action-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #2b2532;padding:15px 0}.earning-table span,.topup-row span{display:grid;gap:3px}.earning-table small,.topup-row small,.action-row small{color:#8f8498}.wallet-balance{font-size:24px;color:#d9c8ff}.wallet-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:18px}.wallet-layout .creator-card{display:grid;align-content:start;gap:15px}.topup-row b[data-status=approved]{color:#75d5a0}.topup-row b[data-status=rejected]{color:#ef8999}.topup-row b[data-status=pending]{color:#e7c46b}.action-row{display:block}.action-row p{margin:5px 0;color:#b7adbd}.follow-link,.follow-popup summary{display:block;margin-top:5px;color:#bca8f2;font-size:12px;cursor:pointer}.follow-popup{position:relative}.follow-popup>div{position:absolute;z-index:5;top:100%;left:0;min-width:170px;padding:8px;border:1px solid #413650;border-radius:10px;background:#15111b;box-shadow:0 12px 30px #0008}.follow-popup a{display:block;padding:8px 10px;color:#e8ddf5;text-decoration:none;border-radius:7px}.follow-popup a:hover{background:#ffffff0b}.access-status-dot{width:9px;height:9px;margin-left:auto;border-radius:50%;box-shadow:0 0 0 3px #ffffff0a}.access-status-dot.suspended{background:#e1b64c}.access-status-dot.revoked{background:#e45268}.creator-chat-log{display:grid;min-height:0;overflow-y:auto;overscroll-behavior:contain;gap:12px}.creator-chat-log article{width:fit-content;min-width:0;max-width:min(78%,620px);padding:12px 14px;border-radius:12px;background:#24202b;overflow-wrap:anywhere}.creator-chat-log article.mine{justify-self:end;margin-left:auto;margin-right:0;background:#4a3762;text-align:right}.creator-chat-log p{margin:5px 0;white-space:pre-wrap}.creator-chat-log small{color:#a99daf}.creator-chat-compose{display:grid;gap:12px}@media(max-width:405px){.studio-manage-heading{align-items:flex-start}.studio-manage-list .translator-panel{grid-template-columns:1fr}.studio-manage-list .studio-status{justify-self:start}}@media(max-width:760px){.translator-chat-page{width:100%;height:calc(100dvh / var(--ui-scale) - 85px);margin:0;padding:0}.translator-chat-page>.breadcrumb,.creator-chat-page>.breadcrumb{display:flex;align-items:center;gap:7px;flex:0 0 40px;margin:0;padding:0 22px;font-size:14px}.translator-chat-page>.listing-header{flex:0 0 58px;display:flex;align-items:center;padding:0 22px;border-bottom:1px solid var(--border)}.translator-chat-page>.listing-header h1{font-size:20px;line-height:1.3}.translator-chat{flex:1;height:auto;min-height:0;max-width:none}.translator-chat-log{min-height:0;padding:16px 14px;border:0;border-radius:0}.translator-chat-log{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.translator-chat-log article{max-width:80%}.translator-chat form{position:fixed;z-index:30;left:0;right:0;bottom:0;grid-template-columns:minmax(0,1fr) auto;margin:0;padding:10px 14px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--border);background:#121017f2;box-shadow:0 -12px 30px #09070dcc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.translator-chat textarea{min-height:48px;max-height:120px;resize:none}.translator-chat form .primary{align-self:end;height:48px;justify-self:stretch;padding-inline:16px}.creator-chat-page{width:100%;height:calc(100dvh / var(--ui-scale) - 85px);min-height:0;max-width:none;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden}.creator-chat-page .creator-heading{flex:0 0 58px;margin:0;padding:0 22px;align-items:center;flex-direction:row;border-bottom:1px solid var(--border)}.creator-chat-page .creator-heading .creator-kicker{display:none}.creator-chat-page .creator-heading h1{font-size:20px}.creator-chat-page>.error{margin-inline:14px}.creator-chat-page .creator-chat-log{flex:1;min-height:0;max-height:none;margin:0;overflow-y:auto;border-inline:0;border-radius:0}.creator-chat-page .creator-chat-log{padding-bottom:calc(104px + env(safe-area-inset-bottom))}.creator-chat-page .creator-chat-compose{position:fixed;z-index:30;left:0;right:0;bottom:0;grid-template-columns:minmax(0,1fr) auto;align-items:end;margin:0;padding:10px 14px max(10px,env(safe-area-inset-bottom));border:0;border-top:1px solid var(--border);border-radius:0;background:#121017f2;box-shadow:0 -12px 30px #09070dcc;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.creator-chat-page .creator-chat-compose textarea{min-height:48px;max-height:120px;resize:none}.creator-chat-page .creator-chat-compose .primary{height:48px}.creator-heading{align-items:flex-start;flex-direction:column}.form-grid,.socials-grid,.socials-grid.three-socials,.document-grid,.creator-stats,.wallet-layout{grid-template-columns:1fr}.card-title-row{align-items:flex-start;flex-direction:column}}@media(max-width:405px){.translator-chat-page,.creator-chat-page{height:calc(100dvh / var(--ui-scale) - 70px)}.translator-chat-page>.listing-header,.creator-chat-page .creator-heading{padding-inline:18px}}.translator-story-workspace{display:grid;gap:16px}.workspace-back{justify-self:start;display:inline-flex;align-items:center;gap:7px}.translator-story-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.translator-story-status strong{margin-right:auto}.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #7b4050;border-radius:9px;background:#502735;color:#ffe0e7;padding:10px 13px;font:inherit;cursor:pointer}.translator-story-form{display:grid;gap:16px}.translator-story-form label,.translator-price-form label{display:grid;gap:7px;color:#c9c0d3;font-size:14px}.translator-story-form input,.translator-story-form select,.translator-story-form textarea,.translator-chapter-manager input{width:100%;box-sizing:border-box;border:1px solid #41384d;border-radius:10px;background:#0e0c12;color:#f7f2fb;padding:12px 13px;font:inherit}.creator-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.story-settings-layout{min-width:0}.story-settings-layout.categories-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:stretch}.story-details-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0}.required-mark,.story-details-fields label em{color:#e98a9a;font-style:normal;font-weight:800;margin-left:2px}.story-age-toggle{display:flex!important;grid-template-columns:none!important;align-items:center;gap:11px!important;padding:13px 15px;border:1px solid #473a50;border-radius:11px;background:#151119;color:#d9d0df!important;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.translator-story-form .story-age-toggle input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.story-age-toggle>span{width:42px;height:23px;flex:none;padding:3px;box-sizing:border-box;border-radius:999px;background:#554b5e;transition:background .15s}.story-age-toggle>span i{display:block;width:17px;height:17px;border-radius:50%;background:#eee9f2;transition:transform .15s}.story-age-toggle.active{border-color:#a74655;background:#351a21;color:#ffe2e7!important}.story-age-toggle.active>span{background:#c24e60}.story-age-toggle.active>span i{transform:translate(19px)}.story-category-panel{min-width:0;max-height:500px;display:flex;flex-direction:column;overflow:hidden;border:1px solid #41384d;border-radius:12px;background:#100d14}.story-category-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid #352d40}.story-category-panel>header span{display:flex;align-items:center;gap:8px}.story-category-panel>header>div{display:flex;align-items:center;gap:8px}.story-category-panel>header small{color:#978da1}.story-category-panel>header button{display:grid;place-items:center;border:0;background:transparent;color:#cfc7d7;padding:4px}.story-category-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.story-category-options button{position:relative;min-width:0;height:52px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid #3a3244;border-radius:9px;background:#17131c;color:#cfc7d7;padding:7px 8px;text-align:center;font:inherit;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.story-category-options button svg{position:absolute;left:6px;top:6px;flex:none;opacity:0;color:#17131c;padding:2px;border-radius:50%;background:#b9a1ef;transition:opacity .15s}.story-category-options button span{min-width:0;line-height:1.25;overflow-wrap:anywhere}.story-category-options button:hover{border-color:#725f8c;background:#211a2a}.story-category-options button.selected{border-color:#aa8ee9;background:#47365f;color:#fff;box-shadow:inset 3px 0 #bda4f5}.story-category-options button.selected svg{opacity:1}.story-category-trigger{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;border:1px solid #41384d;border-radius:10px;background:#0e0c12;color:#f7f2fb;padding:12px 13px;text-align:left}.story-category-trigger span{display:flex;align-items:center;gap:8px}.story-category-trigger small{color:#9e94a8}.story-category-dialog{width:min(600px,calc(100vw - 24px));max-height:min(82dvh,760px);padding:0;overflow:hidden;border:1px solid #574568;border-radius:16px;background:#17131d;color:#f5eff9;box-shadow:0 24px 70px #000c}.story-category-dialog::backdrop{background:#070509cc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.story-category-dialog>header,.story-category-dialog>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;background:#1f1928}.story-category-dialog>header{border-bottom:1px solid #3c3049}.story-category-dialog>header h2,.story-category-dialog>header p{margin:0}.story-category-dialog>header h2{font-size:19px}.story-category-dialog>header p{margin-top:3px;color:#a49aaa;font-size:12px}.story-category-dialog>header>button{display:grid;place-items:center;border:0;background:transparent;color:#ddd4e5;padding:7px}.story-category-dialog>.story-category-options{max-height:calc(82dvh - 138px)}.story-category-dialog>footer{border-top:1px solid #3c3049}.story-category-dialog>footer span{color:#aaa0b2;font-size:13px}.translator-cover-editor>div{display:flex;align-items:flex-start;gap:14px}.translator-cover-editor img{width:min(210px,45%);aspect-ratio:2/3;object-fit:cover;border-radius:10px}.translator-chapter-manager{display:grid;gap:16px}.translator-chapter-manager .studio-manage-heading form,.translator-price-form{display:flex;align-items:end;gap:9px}.translator-chapter-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:5px}.translator-chapter-list button{min-width:150px;display:grid;gap:4px;text-align:left;border:1px solid #3d3349;border-radius:10px;background:#141119;color:#f4edf8;padding:11px}.translator-chapter-list button.active{border-color:#a990e8;background:#2d2440}.translator-chapter-list small{color:#9b8fa5}.translator-chapter-editor{display:grid;gap:16px;padding-top:16px;border-top:1px solid #332b3d}.translator-chapter-actions,.translator-page-upload{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.translator-page-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.translator-page-grid figure{margin:0;overflow:hidden;border:1px solid #392f45;border-radius:10px;background:#0d0b10}.translator-page-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}.translator-page-grid figcaption{padding:8px 10px;color:#b9adbf}.translator-page-grid figure>div{display:flex;gap:5px;padding:0 8px 8px}.translator-page-grid figure>div button{flex:1;padding:7px}@media(max-width:760px){body:has(.translator-chat-page),body:has(.creator-chat-page){min-height:0;overscroll-behavior-y:auto}#root:has(.translator-chat-page),#root:has(.creator-chat-page){height:var(--chat-viewport-height, calc(100dvh / var(--ui-scale)));min-height:0}#root>.translator-chat-page,#root>.creator-chat-page{flex:1 1 0;height:0;min-height:0;overflow:hidden}#root:has(.translator-chat-page)>header,#root:has(.creator-chat-page)>header{flex-shrink:0}.translator-chat form,.creator-chat-page .creator-chat-compose{position:static;flex-shrink:0;box-shadow:none}.translator-chat-log,.creator-chat-page .creator-chat-log{padding-bottom:16px;overscroll-behavior-y:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}.creator-chat-page .creator-chat-log{display:flex;flex-direction:column}.creator-chat-page .creator-chat-log article{flex-shrink:0}}@media(max-width:760px){.creator-form-grid,.story-settings-layout,.story-details-fields{grid-template-columns:1fr}.story-settings-layout.categories-open{display:block}.story-category-panel{display:none}.story-category-dialog>.story-category-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}.translator-chapter-manager .studio-manage-heading form,.translator-price-form{align-items:stretch;flex-direction:column}.translator-story-status>*{width:100%}.translator-story-status strong{width:auto}}.history-tabs{display:flex;gap:8px;margin:16px 0 12px;flex-wrap:wrap}.history-tabs button{padding:10px 16px;border:1px solid var(--border);border-radius:8px;background:var(--panel,#211b2c);color:var(--muted);font:inherit}.history-tabs button[aria-selected=true]{background:#4e396c;border-color:#b9a2f2;color:#f0e8ff}.purchase-history-entry{gap:18px}.purchase-history-entry>img{width:70px;height:98px;object-fit:cover;border-radius:8px;flex-shrink:0}.purchase-history-entry>div:first-of-type{flex:1;min-width:0}.purchase-history-entry h2{overflow-wrap:anywhere}.purchase-history-mode{display:block;color:#ac96c6;font-size:.75rem;margin-top:8px}.purchase-history-payment{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:12px;min-width:130px}.purchase-history-payment strong{font-size:1rem;color:#cab1ff}.purchase-history-pages{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:24px}.purchase-history .error button{margin-left:12px}@media(max-width:640px){.purchase-history-entry{flex-wrap:wrap;gap:12px}.purchase-history-entry>img{width:54px;height:76px}.purchase-history-payment{width:100%;flex-direction:row;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--border)}.purchase-history-payment strong{font-size:.9rem}}