.doodles-page{padding-block:3.5rem 5rem}.doodle-replay-preview{aspect-ratio:1;width:min(100%,30dvh);margin-inline:auto;position:relative}.doodle-replay-canvas{aspect-ratio:1;pointer-events:none;z-index:2;border-radius:.5rem;width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.doodle-replay-options{border:1px solid var(--color-line);border-radius:.65rem;margin:.5rem 0;padding:.5rem .75rem}.doodle-replay-options summary{cursor:pointer;align-content:center;min-height:44px;font-size:.85rem}.doodle-replay-controls{border-top:1px solid var(--color-line);padding-top:.5rem}.doodle-replay-controls .doodle-tools{gap:.25rem}.doodle-replay-controls output{font:.65rem var(--font-mono);color:var(--color-muted);margin-left:auto}.doodle-replay-controls input[type=range]{width:100%;min-height:28px;accent-color:var(--color-gold);display:block}.doodle-replay-controls .doodle-help:empty{display:none}#doodle-viewer[data-replaying=true] .doodle-danmaku{visibility:hidden}#doodle-viewer[data-replaying=true] .doodle-danmaku>span{animation-play-state:paused}.doodle-creative-panel,.doodle-font-panel{border:1px solid var(--color-line);border-radius:.65rem;padding:.15rem .65rem}.doodle-creative-panel>summary,.doodle-font-panel>summary{cursor:pointer;min-height:44px;color:var(--color-muted);align-content:center;font-size:.8rem;display:list-item}.doodle-creative-panel[open]>summary,.doodle-font-panel[open]>summary{color:var(--color-gold)}.doodle-creative-panel .doodle-help{margin-block:.4rem}.doodle-stickers{grid-template-columns:repeat(4,minmax(0,1fr));gap:.35rem;display:grid}.doodle-stickers button{width:100%}.doodle-stickers svg{width:34px;height:34px}.doodle-color-custom{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.doodle-color-custom input[type=color]{cursor:pointer;border-radius:.5rem;width:44px;height:44px}#doodle-color-hex,.doodle-number{background:var(--color-panel);min-height:44px;color:var(--color-text);border:1px solid var(--color-line);width:6.5rem;font-family:var(--font-mono);border-radius:.5rem;padding:.4rem}.doodle-number{width:5rem}#doodle-recent-colors{gap:.2rem;margin:0}#doodle-recent-colors button{width:44px;height:44px}.doodle-size-range,.doodle-creative-panel input[type=range]{width:100%;min-height:44px;accent-color:var(--color-gold)}.doodle-font-panel{margin-top:.5rem}.doodle-font-panel select{width:100%;min-width:0}#doodle-font-fallback{color:var(--color-gold)}.doodle-intro{justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2.5rem;display:flex}.doodle-eyebrow{color:var(--color-gold);letter-spacing:.16em;margin-bottom:.75rem;font-size:.75rem}.doodle-intro h1{font:600 clamp(2rem,4.5vw,3.25rem)/1.2 var(--font-display);letter-spacing:-.04em}.doodle-intro-copy{color:var(--color-muted);max-width:38rem;margin-top:1rem;line-height:1.9}.doodle-create-actions{flex-direction:column;flex-shrink:0;align-items:center;gap:.75rem;display:flex}.doodle-link{color:var(--color-gold);cursor:pointer;min-height:44px;padding:.5rem;font-size:.875rem}.doodle-shelf-bar,.doodle-tools{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.doodle-shelf-bar{justify-content:space-between;margin-bottom:1rem}.doodle-tabs{flex-wrap:wrap;gap:.25rem;display:flex}.doodle-tabs button{min-height:44px;color:var(--color-muted);cursor:pointer;border-radius:.6rem;padding:.6rem .8rem;font-size:.875rem}.doodle-tabs button[aria-pressed=true]{background:var(--color-panel);color:var(--color-gold)}.doodle-book{background:linear-gradient(120deg,#332447,#211932);border:1px solid #675041;border-radius:1rem;min-height:24rem;padding:1.5rem;position:relative;box-shadow:0 20px 45px #0003,0 5px #21192d,0 6px #675041}.doodle-pages{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.doodle-paper{color:#352943;background:#efe7d6;border-radius:.3rem .9rem .9rem .3rem;min-width:0;padding:1.25rem;position:relative;box-shadow:inset 7px 0 12px #4b344212,0 4px 12px #0002}.doodle-paper button.doodle-art{aspect-ratio:4/3;cursor:zoom-in;background:#efe7d6;width:100%;display:block}.doodle-art img{object-fit:contain;width:100%;height:100%}.doodle-image-state{color:#62536b;place-content:center;height:100%;padding:1rem;font-size:.85rem;line-height:1.8;display:grid}.doodle-paper h2{overflow-wrap:anywhere;margin-top:1rem;font-size:1rem;font-weight:600}.doodle-paper p{color:#62536b;overflow-wrap:anywhere;font-size:.8rem;line-height:1.7}.doodle-paper .doodle-page-number{font:.7rem var(--font-mono);color:#795a45;border-top:1px solid #35294325;margin-top:.75rem;padding-top:.6rem;display:block}.doodle-empty{color:#352943;text-align:center;background:#efe7d6;border-radius:.4rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:25rem;padding:2rem;display:flex;position:relative;overflow:hidden}.doodle-empty h2{font-size:1.8rem;font-weight:600}.doodle-empty p{color:#62536b;max-width:26rem;line-height:1.8}.doodle-paper-button{color:#68418f;cursor:pointer;border-bottom:1px solid #7954ad;min-height:44px;padding:.5rem .2rem;font-weight:600}.doodle-stamp{width:5.5rem;height:5.5rem;font:.6rem/1.6 var(--font-mono);color:#7954ad;border:2px solid #7954ad77;border-radius:50%;place-content:center;display:grid;position:absolute;bottom:1rem;right:1.5rem;transform:rotate(-12deg)}.doodle-account{border:1px solid var(--color-line);border-radius:1rem;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:2.5rem;padding:1.5rem;display:flex}.doodle-login-actions{flex-wrap:wrap;gap:.75rem;display:flex}.doodle-account p+p{margin-top:.5rem}.doodle-privacy{color:var(--color-muted);margin-top:1.5rem;font-size:.875rem;line-height:1.9}.doodle-privacy summary{cursor:pointer;padding-block:.75rem}.doodle-privacy a{color:var(--color-gold)}.doodle-notice,.doodle-message:not(:empty){border:1px solid var(--color-line);background:var(--color-panel);border-radius:.75rem;margin-bottom:1rem;padding:1rem;line-height:1.8}.doodle-dialog{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-line);border-radius:1rem;width:min(960px,100vw - 2rem);max-height:calc(100dvh - 2rem);margin:auto;padding:0;overflow:auto}.doodle-dialog::backdrop{backdrop-filter:blur(5px);background:#080510dc}.doodle-dialog-header{border-bottom:1px solid var(--color-line);background:var(--color-bg);z-index:3;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex;position:sticky;top:0}.doodle-dialog-header h2{overflow-wrap:anywhere;font-size:1.25rem;font-weight:600}.doodle-dialog-header .doodle-eyebrow{margin-bottom:.25rem}.doodle-icon-button{cursor:pointer;border:1px solid var(--color-line);border-radius:.5rem;flex-shrink:0;width:44px;height:44px;font-size:1.75rem}.doodle-editor-body{padding:1.5rem}.doodle-tools{margin-block:.75rem}.doodle-tools label{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.doodle-tools select,.doodle-field select,.doodle-field input,.doodle-field textarea{background:var(--color-panel);border:1px solid var(--color-line);min-height:44px;color:var(--color-text);border-radius:.5rem;min-width:0;padding:.6rem}.doodle-field{flex-direction:column;gap:.5rem;margin-block:1rem;font-size:.875rem;display:flex}.doodle-palette{flex-wrap:wrap;gap:.1rem;display:flex}.doodle-palette button{cursor:pointer;border:2px solid #0000;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.doodle-palette button[aria-pressed=true]{border-color:var(--color-gold)}.doodle-palette span{background:var(--swatch);border-radius:50%;width:25px;height:25px;box-shadow:0 0 0 1px #fff4}.doodle-canvas-shell{aspect-ratio:4/3;touch-action:none;background:#efe7d6;border-radius:.5rem;width:100%;overflow:hidden}.doodle-canvas-shell .canvas-container{width:100%!important;height:100%!important}.doodle-canvas-shell canvas{touch-action:none;width:100%!important;height:100%!important}.doodle-help{color:var(--color-muted);margin-block:.75rem;font-size:.8rem;line-height:1.8}.doodle-dialog-footer{border-top:1px solid var(--color-line);background:var(--color-bg);z-index:2;flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding:1rem 1.5rem;display:flex;position:sticky;bottom:0}.doodle-editor-body>.doodle-dialog-footer{margin-inline:-1.5rem;margin-bottom:-1.5rem}.doodle-editor-body details summary{cursor:pointer;color:var(--color-gold);padding-block:.75rem}.doodle-submit-dialog{max-width:680px}.doodle-submit-dialog img{background:#efe7d6;border-radius:.5rem;width:100%;height:auto}.doodle-consent{align-items:flex-start;gap:.75rem;margin-block:1rem;font-size:.875rem;line-height:1.8;display:flex}.doodle-consent input{width:22px;height:22px;accent-color:var(--color-gold);flex-shrink:0}.doodle-viewer{width:min(1200px,100vw - 2rem)}#doodle-viewer-scroll{text-align:center;background:#efe7d6;max-height:60dvh;overflow:auto}#doodle-viewer-image{width:100%;max-width:none;height:auto;margin-inline:auto}.doodle-plain-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.doodle-viewer h3{color:var(--color-muted);margin-block:1rem .5rem;font-size:.85rem}.doodle-reports{border:1px solid var(--color-line);border-radius:.75rem;padding:1rem}.doodle-reports button{text-align:left;border-bottom:1px solid var(--color-line);cursor:pointer;width:100%;padding:.75rem;display:block}.doodles-page button:disabled{opacity:.45;cursor:not-allowed}.doodle-paper{animation:.22s ease-out doodle-page-in}.doodles-page [hidden]{display:none!important}#doodle-load-state{text-align:center;color:var(--color-muted);padding:2rem}.doodle-status{border:1px solid #7954ad55;border-radius:1rem;margin-block:.5rem;padding:.1rem .5rem;font-size:.75rem;display:inline-block}.doodle-private-controls{flex-wrap:wrap;gap:.5rem;margin-block:1rem;display:flex}.doodle-action-reason{background:var(--color-panel);border:1px solid var(--color-line);border-radius:.5rem;width:100%;min-height:72px;padding:.75rem}.doodle-dialog p[role=status]{color:var(--color-gold);font-size:.875rem;line-height:1.8}.doodle-dialog button:disabled{opacity:.45;cursor:not-allowed}@keyframes doodle-page-in{0%{opacity:.3;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@media (width<=767px){.doodles-page{padding-block:2rem 3rem}.doodle-intro{display:block}.doodle-create-actions{flex-flow:wrap;align-items:flex-start;margin-top:1.5rem}.doodle-book{min-height:20rem;padding:.75rem}.doodle-pages{grid-template-columns:1fr}.doodle-empty{min-height:23rem;padding:1.5rem}.doodle-paper{padding:1rem}.doodle-account{padding:1rem;display:block}.doodle-account .doodle-login-actions{margin-top:1rem}.doodle-dialog{border-radius:0;width:100%;max-width:100vw;height:100dvh;max-height:100dvh}.doodle-dialog-header{padding:.75rem 1rem}.doodle-editor-body{padding:1rem}.doodle-editor-body>.doodle-dialog-footer{margin-inline:-1rem;margin-bottom:-1rem}.doodle-dialog-footer{padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom))}.doodle-tools{gap:.35rem}.doodle-tools .btn-secondary{padding:.5rem;font-size:.8rem}.doodle-palette,.doodle-viewer{width:100%}#doodle-viewer-scroll{max-height:55dvh}}@media (prefers-reduced-motion:reduce){.doodle-paper{animation:none}}.doodle-intro{align-items:center;margin-bottom:2rem}.doodle-eyebrow:before{content:"✦" / "";margin-inline-end:.6em}.doodle-dialog .doodle-eyebrow:before{content:none}.doodle-identity{z-index:8;flex-shrink:0;position:relative}.doodle-identity-trigger{cursor:pointer;border-radius:1rem;align-items:center;gap:.75rem;min-height:56px;padding:.25rem .5rem;font-size:.9rem;font-weight:600;display:flex}.doodle-identity-trigger:hover,.doodle-identity-trigger[aria-expanded=true]{background:var(--color-panel)}#doodle-account-name{text-overflow:ellipsis;white-space:nowrap;max-width:10rem;overflow:hidden}.doodle-avatar{object-fit:cover;background:#a998bf;border:1px solid #bda1de66;border-radius:50%;flex-shrink:0;width:48px;height:48px}.doodle-account-menu{border:1px solid var(--color-line);background:var(--color-panel);border-radius:1rem;min-width:220px;max-width:calc(100vw - 2rem);padding:1rem;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 16px 45px #08051099}.doodle-account-menu:before{content:"";height:.7rem;position:absolute;inset:-.65rem 0 auto}.doodle-account-menu .doodle-eyebrow{font-size:.65rem}.doodle-account-menu .doodle-login-actions{grid-template-columns:repeat(3,40px);align-items:center;gap:10px;display:grid}.doodle-account-menu #doodle-sign-out{margin:0}.doodle-account-menu #doodle-sign-out[aria-hidden=true]{visibility:hidden}.doodle-account-menu [data-login][data-signed-in=true]:not([aria-current=true]){opacity:.5}.doodle-account-menu [data-login][aria-current=true]{color:var(--color-accent);background:#9a79c52b;border-color:#b899e2}.doodle-account-menu [data-login]:hover,.doodle-account-menu [data-login]:focus-visible{opacity:1}.doodle-provider{color:var(--color-muted);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.78rem;display:inline-flex}.doodle-provider-logo,.doodle-provider-mark svg{flex-shrink:0;width:18px;height:18px}.doodle-shelf-actions{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.doodle-create{min-height:44px;padding:.6rem .85rem;font-size:.85rem}.doodle-create svg{width:19px;height:19px}.doodle-shelf-bar{align-items:center;gap:.6rem}.doodle-view-tabs{flex-wrap:nowrap}.doodle-icon-button{border:1px solid var(--color-line);width:40px;height:40px;min-height:40px;color:var(--color-muted);background:0 0;border-radius:.6rem;justify-content:center;align-items:center;padding:0;font-size:1rem;display:inline-flex}.doodle-icon-button svg{width:19px;height:19px}.doodle-icon-button:hover{color:var(--color-gold);background:#e5c1580a;border-color:#e5c15877}.doodle-icon-button[aria-pressed=true]{color:var(--color-gold);background:#e5c15814;border-color:#e5c15877}.doodle-view-tabs .doodle-icon-button{width:44px;height:44px;min-height:44px;padding:0}.doodle-paper h2{color:#352943;margin:0 0 .85rem;font-size:.9rem;line-height:1.5}.doodle-paper button.doodle-art,.doodle-canvas-shell{aspect-ratio:1}.doodle-art{border-radius:.3rem;overflow:hidden}.doodle-paper-footer{border-top:1px solid #35294320;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.85rem;padding-top:.65rem;display:flex}.doodle-author{align-items:center;gap:.4rem;min-width:0;font-size:.8rem;display:flex}.doodle-author .doodle-avatar{width:30px;height:30px}.doodle-author>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.doodle-provider-mark{flex-shrink:0;display:inline-flex}.doodle-provider-mark svg{width:14px;height:14px}.doodle-paper-footer time{white-space:nowrap;font:.65rem var(--font-mono);color:#62536b}.doodle-paper .doodle-status{margin-bottom:0}.doodle-workspace{width:min(1180px,100vw - 2rem,100dvh + 160px);max-height:calc(100dvh - 2rem);overflow:hidden}.doodle-workspace .doodle-dialog-header{padding:.9rem 1.25rem;position:static}.doodle-workspace .doodle-dialog-header h2{font-size:1.05rem}.doodle-workspace .doodle-dialog-header .doodle-eyebrow{font-size:.6rem}.doodle-workspace-body{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 320px;gap:1.25rem;height:calc(100dvh - 9rem);max-height:calc(100dvh - 7.5rem);padding:1.25rem;display:grid}.doodle-stage{justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.doodle-canvas-shell,#doodle-viewer-scroll{aspect-ratio:1;background:#efe7d6;border:1px solid #d8c7ad33;border-radius:.65rem;width:100%;box-shadow:0 8px 25px #0003}.doodle-sidebar{flex-direction:column;justify-content:space-between;min-width:0;min-height:0;display:flex;overflow:hidden}.doodle-sidebar-content{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-width:0;min-height:0;padding-inline-end:.35rem;overflow:auto}.doodle-sidebar .doodle-eyebrow{margin-bottom:.35rem;font-size:.65rem}.doodle-sidebar .doodle-tools{gap:.35rem;margin-block:.55rem}.doodle-sidebar .doodle-icon-button{width:38px;height:38px;min-height:38px}.doodle-sidebar .doodle-tools label{gap:.4rem;font-size:.75rem}.doodle-sidebar select{min-height:38px;padding:.35rem}.doodle-tool-divider{background:var(--color-line);width:1px;height:22px;margin-inline:.15rem}.doodle-palette{gap:2px}.doodle-palette button{width:34px;height:34px}.doodle-palette span{width:23px;height:23px}.doodle-sidebar .doodle-field{margin-block:.5rem}.doodle-sidebar textarea{resize:vertical;min-height:76px;max-height:150px;font-size:.8rem;line-height:1.5}.doodle-sidebar details summary{cursor:pointer;padding-block:.35rem}.doodle-sidebar .doodle-help{margin-block:.5rem;font-size:.7rem;line-height:1.6}.doodle-workspace-footer{border-top:1px solid var(--color-line);flex-shrink:0;margin-top:.6rem;padding-top:.6rem}.doodle-workspace-footer #doodle-preview{min-height:40px;margin-left:auto;padding:.65rem;font-size:.78rem}.doodle-workspace-footer #doodle-preview svg{width:16px;height:16px}#doodle-draft-state{min-height:1.2rem;font-size:.7rem}#doodle-viewer-scroll{overscroll-behavior:contain;max-height:none;overflow:auto}#doodle-viewer-image{aspect-ratio:1;object-fit:contain;width:100%;height:auto;margin:0;display:block}#doodle-viewer-title{font:600 1.35rem/1.45 var(--font-display);overflow-wrap:anywhere;margin-bottom:1rem}#doodle-viewer-author .doodle-avatar{width:38px;height:38px}#doodle-viewer-description{overflow-wrap:anywhere;margin-block:1rem;font-size:.85rem;line-height:1.8}.doodle-viewer-words{color:var(--color-muted);margin-top:1rem;font-size:.8rem}.doodle-viewer-words summary{cursor:pointer}.doodle-submit-dialog #doodle-submit-image{aspect-ratio:1;object-fit:contain;width:100%;max-height:30dvh}.doodle-submit-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.doodle-submit-dialog .doodle-dialog-footer{align-items:center}.doodle-submit-dialog .doodle-editor-body{padding:1rem 1.25rem}.doodle-submit-dialog .doodle-editor-body>.doodle-dialog-footer{margin-inline:-1.25rem;margin-bottom:-1rem}.doodle-submit-dialog .doodle-field{margin-block:.75rem}@media (width<=900px){.doodle-workspace{width:min(720px,100vw - 1rem);overflow:auto}.doodle-workspace-body{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);gap:1rem;height:auto;max-height:none;padding:1rem}.doodle-stage{width:min(100%,65dvh);margin-inline:auto}.doodle-sidebar{overflow:visible}.doodle-sidebar-content{flex:none;padding-inline-end:0;overflow:visible}.doodle-sidebar .doodle-icon-button{width:44px;height:44px;min-height:44px}.doodle-workspace-footer{z-index:3;background:var(--color-bg);padding:.75rem 0 .25rem;position:sticky;bottom:-1rem}.doodle-workspace .doodle-dialog-header{position:sticky;top:0}}@media (width<=767px){.doodle-intro{align-items:flex-start;gap:.75rem;display:flex}.doodle-intro h1{max-width:14rem;font-size:clamp(1.6rem,5.5vw,2.1rem)}.doodle-identity-trigger{flex-direction:column;gap:.35rem;min-width:66px;padding:0 .15rem;font-size:.7rem}#doodle-account-name{max-width:6rem}.doodle-identity-trigger .doodle-avatar{width:42px;height:42px}.doodle-eyebrow{letter-spacing:.08em;font-size:.65rem}.doodle-shelf-bar{align-items:flex-start}.doodle-shelf-actions{flex:100%;gap:.35rem}.doodle-shelf-actions .doodle-tabs{gap:0}.doodle-shelf-actions .doodle-tabs button{padding:.5rem .6rem;font-size:.75rem}.doodle-create{padding:.6rem;font-size:.75rem}.doodle-view-tabs{margin-left:auto}.doodle-paper-footer{gap:.3rem}.doodle-author{font-size:.75rem}.doodle-sidebar .doodle-tools{gap:.35rem}.doodle-tool-divider{display:none}.doodle-palette button{width:36px;height:36px}.doodle-submit-actions .doodle-provider{font-size:.7rem}}.doodle-pages:has(.doodle-loading-book){display:block}.doodle-loading-book{aspect-ratio:4/5;width:min(420px,100%);margin-inline:auto}.doodle-loading-book>.doodle-sheet{height:100%}.doodle-book:has(.doodle-book-stage),.doodle-book:has(.doodle-loading-book){background:radial-gradient(at 50% 70%,#51385c33,#0000 65%),#100b1b;border-color:#ffffff10;padding:2rem;overflow:hidden}.doodle-pages.doodle-book-stage{justify-content:center;width:100%;min-width:0;padding-block:.75rem;display:flex}.doodle-bound-wrap{filter:drop-shadow(0 16px 22px #0005);max-width:100%;transition:transform .65s;position:relative}.doodle-bound-wrap[data-closed=front]{transform:translate(-25%)}.doodle-bound-wrap[data-closed=back]{transform:translate(25%)}.doodle-bound-book{margin:auto}.doodle-book-binding{pointer-events:none;z-index:0;opacity:0;background:linear-gradient(90deg,#543b4311,#34203950 48%,#fff5 51%,#58453022);width:18px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.doodle-bound-wrap[data-open=true] .doodle-book-binding{opacity:1}.doodle-sheet{color:#483750;background:#efe7d6;border:1px solid #d1c4a9;overflow:hidden}.doodle-sheet.--left{box-shadow:inset -9px 0 14px -12px #492c36}.doodle-sheet.--right{box-shadow:inset 9px 0 14px -12px #492c36}.doodle-sheet .doodle-paper{height:100%;box-shadow:none;background:radial-gradient(#9d795714 .6px,#0000 .6px) 0 0/4px 4px;border-radius:0;padding:6% 7%;animation:none}.doodle-sheet .doodle-paper-content{flex-direction:column;justify-content:space-between;height:100%;display:flex}.doodle-sheet .doodle-paper h2{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:clamp(.65rem,1vw,.8rem);line-height:1.45;display:-webkit-box;overflow:hidden}.doodle-paper-heading{justify-content:space-between;align-items:flex-start;gap:.4rem;display:flex}.doodle-paper-heading h2{flex:1}.doodle-sheet .doodle-paper-footer{gap:.3rem;margin:0;padding-top:.65rem}.doodle-sheet .doodle-author{font-size:.65rem}.doodle-sheet .doodle-author .doodle-avatar{width:24px;height:24px}.doodle-sheet .doodle-paper-footer time{font-size:.6rem}.doodle-sheet .doodle-art{background:0 0;border-radius:0;flex-shrink:0}.doodle-paper>.doodle-image-state{text-align:center;height:100%;min-height:300px}.doodle-book-stage .doodle-paper>.doodle-image-state{min-height:0}.doodle-book-cover{color:#e4c875;background:#332141;border:1px solid #846841;border-radius:3px 10px 10px 3px;box-shadow:inset 8px 0 8px #10071555}.doodle-cover-inner{text-align:center;background:repeating-linear-gradient(28deg,#ffffff03 0 1px,#0000 1px 4px);flex-direction:column;justify-content:center;align-items:center;height:100%;padding:9%;display:flex;position:relative}.doodle-cover-inner:before,.doodle-cover-inner:after{content:"";pointer-events:none;border:1px solid #d3b27180;border-radius:2px 7px 7px 2px;position:absolute;inset:5%}.doodle-cover-inner:after{border-color:#bc96523f;inset:7%}.doodle-cover-volume{font:.6rem var(--font-mono);letter-spacing:.16em;color:#cfb588;margin-bottom:8%}.doodle-cover-crest{aspect-ratio:1;border:1px solid #cda96b80;border-radius:50%;place-items:center;width:36%;margin-bottom:9%;padding:7%;display:grid;box-shadow:0 0 0 7px #dbb96608}.doodle-cover-crest svg{width:100%;height:100%}.doodle-cover-inner h2{letter-spacing:.1em;font:500 clamp(1.4rem,2.5vw,2rem)/1.6 Georgia,SimSun,serif}.doodle-cover-english{font:.5rem var(--font-mono);letter-spacing:.15em;margin-top:.75rem}.doodle-cover-description{color:#c1afc6;margin-top:9%;font-size:.7rem;line-height:1.8}.doodle-cover-open{color:#e4c875;cursor:pointer;z-index:1;border-radius:.4rem;min-height:44px;padding:.5rem .75rem;font-size:.75rem}.doodle-cover-open:hover{background:#e4c87512}.doodle-cover-imprint{font:.42rem var(--font-mono);letter-spacing:.1em;color:#baa3b9;position:absolute;bottom:9%}.doodle-front-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5%;height:100%;padding:9%;display:flex}.doodle-front-inner>svg{color:#876d86;width:30%;height:auto}.doodle-front-page h2{max-width:12rem;font:500 clamp(1.15rem,2vw,1.5rem)/1.8 Georgia,SimSun,serif}.doodle-front-page p{color:#705b69;font-size:.7rem;line-height:1.9}.doodle-front-stamp{width:68px;height:68px;font:.5rem/1.8 var(--font-mono);color:#785945;border:1px solid #96695180;border-radius:50%;flex-shrink:0;place-content:center;margin-top:4%;display:grid;transform:rotate(-12deg)}.doodle-sidebar .doodle-icon-button.doodle-zoom-value{width:56px;min-width:56px;font:.7rem var(--font-mono)}.doodle-main-tools .doodle-tool-divider{flex-basis:100%;height:0;margin:0}@media (width<=767px){.doodle-book:has(.doodle-book-stage),.doodle-book:has(.doodle-loading-book){padding:.65rem}.doodle-book-binding{display:none}.doodle-sheet .doodle-author{font-size:.6rem}.doodle-sheet .doodle-paper-footer time{font-size:.52rem}.doodle-sheet .doodle-provider-mark svg{width:12px;height:12px}}@media (prefers-reduced-motion:reduce){.doodle-bound-wrap{transition:none}}.doodle-art,#doodle-viewer .doodle-stage{position:relative}.doodle-social-controls{justify-content:center;align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.doodle-social-controls select{border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-muted);border-radius:.5rem;min-height:44px;padding:.45rem .5rem;font-size:.75rem}.doodle-social-controls [aria-pressed=true]{color:var(--color-gold);border-color:var(--color-gold)}.doodle-social-star{min-width:44px;min-height:44px;font:.75rem var(--font-mono);color:var(--color-muted);cursor:pointer;border-radius:.4rem;flex-shrink:0;justify-content:center;align-items:center;gap:.25rem;display:inline-flex}.doodle-social-star svg{width:17px;height:17px}.doodle-social-star[aria-pressed=true]{color:var(--color-gold)}.doodle-social-star[aria-pressed=true] svg{fill:currentColor}.doodle-social-star:disabled{cursor:default;opacity:.65}.doodle-paper .doodle-social-star{color:#755733;margin-top:-.65rem;margin-bottom:-.65rem}.doodle-paper .doodle-social-star[aria-pressed=true]{color:#795716}.doodle-social-star:hover{background:#c2a87314}.doodle-danmaku{pointer-events:none;z-index:3;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.doodle-danmaku>span{white-space:nowrap;width:max-content;max-width:none;font:500 12px/1.5 var(--font-sans);color:#fff;background:#21152dd9;border-radius:1rem;padding:.2rem .5rem;animation:12s linear infinite both doodle-comment-travel;display:block;position:absolute;left:100%;box-shadow:0 1px 4px #0002}@keyframes doodle-comment-travel{0%{transform:translate(0)}to{transform:translateX(calc(-100% - var(--lane-width,500px)))}}.doodle-sheet[aria-hidden=true] .doodle-danmaku>span,#doodle-pages[data-flipping=true] .doodle-danmaku>span,#doodle-pages[data-social-offscreen=true] .doodle-danmaku>span,.doodles-page[data-social-paused=true] .doodle-danmaku>span,.doodles-page:has(#doodle-viewer[open]) #doodle-pages .doodle-danmaku>span{animation-play-state:paused}.doodle-social-heading{border-top:1px solid var(--color-line);align-items:center;gap:.3rem;margin-top:1rem;padding-top:.5rem;display:flex}.doodle-social-heading h3{flex:1;font-size:.85rem;font-weight:600}#doodle-comment-total{color:var(--color-muted);font-size:.7rem}.doodle-comment-list{margin:.25rem 0;padding:0;list-style:none}.doodle-comment-list>li{border-bottom:1px solid var(--color-line);overflow-wrap:anywhere;padding:.6rem 2.7rem .65rem 0;position:relative}.doodle-comment-list>li>.doodle-icon-button{position:absolute;bottom:.35rem;right:0}.doodle-comment-author{align-items:center;gap:.3rem;font-size:.72rem;display:flex}.doodle-comment-author .doodle-avatar{width:24px;height:24px}.doodle-comment-author .doodle-provider-mark{display:none}.doodle-comment-list time,.doodle-comment-list small{color:var(--color-muted);font-size:.65rem}.doodle-comment-list p{white-space:pre-wrap;margin:.4rem 0 0;font-size:.8rem;line-height:1.65}.doodle-comment-pagination{justify-content:flex-end;gap:.3rem;display:flex}#doodle-own-comments{margin:.5rem 0;font-size:.75rem}#doodle-own-comments summary{cursor:pointer;color:var(--color-muted)}#doodle-comment-form .doodle-field{margin-top:.75rem;font-size:.75rem}.doodle-comment-compose{justify-content:space-between;align-items:center;gap:.5rem;display:flex}#doodle-comment-count{font:.7rem var(--font-mono);color:var(--color-muted)}#doodle-comment-hint{margin:.25rem 0;font-size:.68rem}.doodle-comment-review{width:min(700px,100vw - 1rem)}.doodle-comment-review .doodle-editor-body{max-height:72dvh;padding:1rem 1.25rem;overflow:auto}.doodle-comment-review .doodle-comment-list>li{padding-right:0}.doodle-comment-review .doodle-tools{margin-top:.5rem}.doodle-comment-review .doodle-link{text-align:left;padding-left:0;display:block}#doodle-social .doodle-icon-button{min-width:44px;min-height:44px}@media (prefers-reduced-motion:reduce){.doodle-danmaku{display:none}}.doodle-status-mark{vertical-align:middle;font:11px/1.3 var(--font-sans);color:inherit;white-space:nowrap;border:1px solid;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;gap:0;margin-inline-start:6px;padding:2px 5px;text-decoration:none;display:inline-flex}.doodle-status-mark:empty{display:none}.doodle-status-mark.doodle-removed-mark{background:0 0;border:0;block-size:24px;inline-size:24px;padding:0}.doodle-bound-wrap{-webkit-user-select:none;user-select:none}.doodle-bound-wrap img{-webkit-user-drag:none}.doodle-sheet .doodle-art img{mask-image:linear-gradient(90deg,#0000,#000 2% 98%,#0000),linear-gradient(#0000,#000 2% 98%,#0000);mask-composite:intersect}.doodle-status-mark svg{width:100%;height:100%;transform:rotate(-5deg)}.doodle-icon-button.work-back,.doodle-icon-button.work-back:hover,.doodle-icon-button.work-back:active{box-shadow:none;background:0 0;border-color:#0000}.doodle-icon-button.work-back:hover{color:#e5c158}.doodle-bound-wrap:has(.doodle-book-cover[style*=rotateY\(]) .doodle-book-binding{opacity:0}.doodle-bound-wrap:has(.doodle-back-cover[style*=rotateY\(]) .doodle-sheet.--simple.--left{clip-path:inset(0 round 10px 0 0 10px)}.doodle-bound-wrap:has(.doodle-book-cover:not(.doodle-back-cover)[style*=rotateY\(]) .doodle-sheet.--simple.--right{clip-path:inset(0 round 0 10px 10px 0)}.doodle-bound-wrap .doodle-sheet.--left:not(.doodle-book-cover):after,.doodle-bound-wrap .doodle-sheet.--right:not(.doodle-book-cover):after{content:"";pointer-events:none;z-index:2;width:14px;position:absolute;top:0;bottom:0}.doodle-bound-wrap .doodle-sheet.--left:not(.doodle-book-cover):after{background:linear-gradient(90deg,#0000,#36263724);right:0}.doodle-bound-wrap .doodle-sheet.--right:not(.doodle-book-cover):after{background:linear-gradient(90deg,#36263728,#fff3 2px,#0000);left:0}@keyframes doodle-loading-breathe{0%{opacity:.45}to{opacity:.9}}.doodle-loading-book .doodle-astral-sigil{animation:1.8s ease-in-out .16s infinite alternate doodle-loading-breathe}.doodle-image-state,.review-art>span{color:#80738c}.review-skeleton{background:linear-gradient(#efe7d610 68%,#0000 68%);border:1px solid #ffffff10;border-radius:12px;min-height:290px;animation:1.8s ease-in-out .16s infinite alternate doodle-loading-breathe}@media (prefers-reduced-motion:reduce){.doodle-loading-book .doodle-astral-sigil,.review-skeleton{animation:none}}
