.reading-intro{color:rgb(var(--ce-ink));margin-bottom:28px}.reading-intro h2{margin:8px 0;font-size:26px;font-weight:700}.reading-intro p,.reading-description{color:rgb(var(--ce-ink) / .75);font-size:14px;line-height:1.8}.reading-code{font:10px/1.6 var(--font-mono,monospace);letter-spacing:.08em;overflow-wrap:anywhere;text-transform:uppercase}.reading-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.reading-button{border:1px solid rgb(var(--ce-ink) / .4);min-height:44px;color:rgb(var(--ce-ink));font:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:12px;padding:10px 14px;font-size:14px;line-height:1.5;text-decoration:none;display:inline-flex}.reading-button:hover{background:rgb(var(--ce-ink) / .08)}.reading-button-primary{background:rgb(var(--ce-ink));color:rgb(var(--ce-surface));border-color:rgb(var(--ce-ink))}.reading-button-primary:hover{background:rgb(var(--ce-accent));border-color:rgb(var(--ce-accent))}.reading-button:focus-visible,.reading-cover:focus-visible,.reading-reveal:focus-visible{outline:3px solid rgb(var(--ce-accent));outline-offset:4px}.reading-dialog{box-sizing:border-box;border:1px solid rgb(var(--ce-border));width:min(960px,100% - 32px);max-width:960px;max-height:calc(100dvh - 32px);color:rgb(var(--ce-ink));background:rgb(var(--ce-surface));overscroll-behavior:contain;margin:auto;padding:0;box-shadow:0 24px 100px #0005}.reading-dialog[open]{animation:.2s ease-out reading-dialog-in}.reading-dialog::backdrop{backdrop-filter:blur(3px);background:#16211da6}.reading-dialog-body{padding:clamp(16px,4vw,32px)}.reading-dialog-header{border-bottom:1px solid rgb(var(--ce-border));justify-content:space-between;align-items:center;gap:12px;padding-bottom:18px;display:flex}.reading-dialog-header>div{min-width:0}.reading-dialog-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.reading-icon-button{flex-shrink:0;width:44px;height:44px;padding:0;position:relative}.reading-icon-button svg{flex-shrink:0;display:block}.reading-action-label{z-index:3;background:rgb(var(--ce-ink));color:rgb(var(--ce-surface));white-space:nowrap;pointer-events:none;visibility:hidden;opacity:0;padding:5px 9px;font-size:12px;line-height:1.5;position:absolute;top:calc(100% + 8px);right:0}.reading-icon-button:hover .reading-action-label,.reading-icon-button:focus-visible .reading-action-label{visibility:visible;opacity:1}.reading-dialog-header h2{overflow-wrap:anywhere;outline:none;margin:6px 0 0;font-size:clamp(20px,4vw,28px);font-weight:700}.reading-dialog-header button{flex-shrink:0}.reading-description{margin:16px 0}.reading-notice{border-left:3px solid rgb(var(--ce-accent));background:rgb(var(--ce-accent) / .08);margin:12px 0;padding:10px 12px;font-size:13px}.reading-pack{position:relative}.reading-cover-area{text-align:center;padding:12px 0 30px}.reading-cover-area>p{margin:0 0 20px;font-size:14px}.reading-cover{background-color:rgb(var(--ce-ink));width:min(260px,100%);min-height:340px;color:rgb(var(--ce-surface));border:1px solid rgb(var(--ce-border));outline:1px solid rgb(var(--ce-ink));outline-offset:5px;cursor:pointer;box-shadow:8px 12px 0 rgb(var(--ce-ink) / .08);background-image:repeating-linear-gradient(135deg,#0000 0 14px,#ffffff08 14px 15px);flex-direction:column;justify-content:space-between;align-items:center;gap:20px;margin:auto;padding:24px;display:flex}.reading-cover>strong{font-size:22px;line-height:1.6}.reading-cover-seal{border-top:1px dashed rgb(var(--ce-surface) / .4);justify-content:space-between;width:100%;padding-top:14px;font-size:14px;display:flex}.reading-emblem{outline-offset:-8px;border:1px solid;outline:1px solid;place-items:center;width:100px;height:100px;font:44px/1.3 serif;display:grid}.reading-cover-area.is-opening{z-index:2;pointer-events:none;position:absolute;inset:0}.reading-cover-area.is-opening>p{visibility:hidden}.reading-table{grid-template-columns:repeat(6,minmax(0,1fr));gap:24px 18px;padding:16px 0;display:grid}.reading-article{grid-column:span 2;min-width:0}.reading-article:last-child:nth-child(3n+1){grid-column:3/span 2}.reading-article:nth-last-child(2):nth-child(3n+1){grid-column:2/span 2}.reading-article:last-child:nth-child(3n+2){grid-column:4/span 2}.reading-card-wrap{position:relative}.reading-card.rco-card{border-radius:0}.reading-card .reading-face,.reading-card .reading-back{border:1px solid rgb(var(--ce-border));box-shadow:none;border-radius:0}.reading-card .reading-face{background:rgb(var(--ce-surface));padding:0}.reading-card .reading-back{background:rgb(var(--ce-ink));color:rgb(var(--ce-surface))}.reading-card .rco-flyer-inner{transition-duration:.4s}.reading-pack[data-reduced] .rco-flyer-inner{transition:none}.reading-back-content,.reading-face-content{flex-direction:column;gap:12px;padding:18px;display:flex;position:absolute;inset:0}.reading-back-content{text-align:center;background-image:repeating-linear-gradient(45deg,#0000 0 16px,#ffffff08 16px 17px);justify-content:space-between;align-items:center}.reading-back-content>strong{font-size:14px;line-height:1.5}.reading-back-content>span:last-child{font-size:14px}.reading-back-content .reading-emblem{width:72px;height:72px;font-size:32px}.reading-face-content h3{-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:clamp(16px,2vw,19px);font-weight:700;line-height:1.5;display:-webkit-box;overflow:hidden}.reading-face-content p{-webkit-line-clamp:4;color:rgb(var(--ce-ink) / .8);overflow-wrap:anywhere;-webkit-box-orient:vertical;margin:0;font-size:14px;line-height:1.65;display:-webkit-box;overflow:hidden}.reading-face-content small{margin-top:auto;padding-top:6px;font-size:12px}.reading-reveal{cursor:pointer;background:0 0;border:0;width:100%;position:absolute;inset:0}.reading-reveal:disabled{cursor:wait}.reading-card-overlay{z-index:1;pointer-events:none;place-items:center;transition:opacity .18s;display:grid;position:absolute;inset:1px}.reading-card-link{background:rgb(var(--ce-surface) / .62);border-color:rgb(var(--ce-ink) / .3);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 20px rgb(var(--ce-ink) / .08);pointer-events:auto;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:transform .18s,background-color .18s,border-color .18s}.reading-card-link:hover{background:rgb(var(--ce-surface) / .82);border-color:rgb(var(--ce-ink) / .6)}@media (hover:hover) and (pointer:fine){.reading-card-overlay{opacity:0;background:rgb(var(--ce-surface) / .18);-webkit-backdrop-filter:blur(2px)}.reading-card-link{pointer-events:none;transform:translateY(4px)}.reading-card-wrap:hover .reading-card-overlay,.reading-card-wrap:focus-within .reading-card-overlay{opacity:1}.reading-card-wrap:hover .reading-card-link,.reading-card-wrap:focus-within .reading-card-link{pointer-events:auto;transform:translateY(0)}}.reading-pack-footer{text-align:center;border-top:1px solid rgb(var(--ce-border));margin-top:14px;padding-top:14px;font-size:14px}.reading-pack-footer p{margin:8px 0}.reading-note{color:rgb(var(--ce-ink) / .7);font-size:12px}.reading-empty{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:50px 12px;display:flex}.reading-empty h3{margin:0;font-size:20px;font-weight:700}.reading-empty p{margin:0;font-size:14px;line-height:1.8}@keyframes reading-dialog-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=860px){.reading-table{grid-template-columns:repeat(4,minmax(0,1fr))}.reading-article,.reading-article:nth-last-child(2):nth-child(3n+1),.reading-article:last-child:nth-child(3n+2){grid-column:span 2}.reading-article:last-child:nth-child(odd){grid-column:2/span 2}.reading-article:last-child:nth-child(2n){grid-column:span 2}}@media (width<=520px){.reading-table{grid-template-columns:minmax(0,1fr);gap:20px}.reading-table>.reading-article:nth-child(n){grid-column:1;justify-self:center;width:min(310px,100%)}.reading-card.rco-card{aspect-ratio:1/1.25!important}.reading-face-content h3{font-size:18px}}@media (prefers-reduced-motion:reduce){.reading-dialog[open]{animation:none}.reading-card .rco-flyer-inner{transition:none}.reading-card-overlay,.reading-card-link{transition:none;transform:none}}
