.work-page{isolation:isolate;width:min(1120px,100% - 48px);color:var(--d-text);flex-direction:column;gap:64px;margin-inline:auto;padding:40px 0 96px;display:flex;position:relative}.work-ambient{z-index:-1;pointer-events:none;height:640px;position:absolute;inset:-120px -50vw auto;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 45%,#0000 100%);mask-image:linear-gradient(#000 0% 45%,#0000 100%)}.work-ambient img{object-fit:cover;filter:blur(70px)saturate(1.4);opacity:.38;transform:scale(1.4)}:root[data-theme=light] .work-ambient img{opacity:.22}.work-ambient-fallback{background:radial-gradient(60% 70% at 25% 30%, color-mix(in srgb, var(--d-purple) 40%, transparent), transparent), radial-gradient(50% 60% at 80% 20%, #4cc9f033, transparent);position:absolute;inset:0}.work-hero{grid-template-columns:minmax(200px,300px) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,64px);display:grid}.work-cover{aspect-ratio:2/3;border:1px solid color-mix(in srgb, var(--d-purple) 35%, var(--d-line));background:linear-gradient(160deg, var(--d-cover-start,#272039), var(--d-cover-end,#151a2c));width:100%;box-shadow:0 30px 70px -20px #000a, 0 0 0 6px color-mix(in srgb, var(--d-bg) 60%, transparent), 0 0 60px -10px color-mix(in srgb, var(--d-purple) 55%, transparent);border-radius:20px;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s;position:relative;overflow:hidden}.work-cover:hover{transform:translateY(-6px)rotate(-1deg)scale(1.015)}.work-cover img{object-fit:cover}.work-cover:after{content:"";pointer-events:none;background:linear-gradient(115deg,#0000 35%,#fff2 50%,#0000 65%);animation:6s ease-in-out 1.2s infinite w-shine;position:absolute;inset:0;transform:translate(-130%)}@keyframes w-shine{0%,65%{transform:translate(-130%)}to{transform:translate(130%)}}.work-cover-empty{text-align:center;color:var(--d-purple);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:absolute;inset:0}.work-cover-empty svg{width:64px;height:64px}.work-cover-empty span{color:var(--d-text);font-weight:600;line-height:1.3}.work-cover-empty small{color:var(--d-muted);letter-spacing:.12em;font-size:10px}.work-info{flex-direction:column;gap:22px;min-width:0;display:flex}.work-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--d-muted);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;display:flex}.work-status{border:1px solid var(--d-line);background:color-mix(in srgb, var(--d-surface) 85%, transparent);color:var(--d-text);border-radius:999px;align-items:center;gap:8px;padding:5px 12px;display:inline-flex}.work-status i{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:2.4s ease-in-out infinite w-pulse;box-shadow:0 0 10px #4ade80aa}.work-status[data-status=completed] i{background:#f6c453;box-shadow:0 0 10px #f6c453aa}.work-status[data-status=hiatus] i{box-shadow:none;background:#94a3b8;animation:none}@keyframes w-pulse{0%,to{opacity:1}50%{opacity:.45}}.work-title{font-family:var(--font-display), var(--font-geist-sans), Arial, sans-serif;letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.25rem,5vw,3.75rem);font-weight:650;line-height:1.04}.work-author{border:1px solid var(--d-line);background:color-mix(in srgb, var(--d-surface) 80%, transparent);width:fit-content;color:var(--d-text);border-radius:999px;align-items:center;gap:12px;padding:6px 16px 6px 6px;text-decoration:none;transition:border-color .2s,background .2s;display:inline-flex}.work-author:hover{border-color:var(--d-purple);background:color-mix(in srgb, var(--d-purple) 12%, transparent)}.work-author-avatar{background:linear-gradient(135deg, var(--d-purple), #4cc9f0);color:#fff;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:650;display:grid}.work-author small{color:var(--d-muted);font-size:12px;line-height:1.2;display:block}.work-author strong{font-weight:600;line-height:1.25;display:block}.work-tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.work-tags li{border:1px solid var(--d-line);background:color-mix(in srgb, var(--d-surface) 80%, transparent);border-radius:999px;padding:6px 14px;font-size:13px}.work-tags li[data-genre=scifi]{border-color:color-mix(in srgb, #4cc9f0 50%, var(--d-line))}.work-tags li[data-genre=fantasy]{border-color:color-mix(in srgb, var(--d-purple) 60%, var(--d-line))}.work-tags li[data-genre=mixed]{border-color:color-mix(in srgb, #f6c453 60%, var(--d-line))}.work-cta{flex-wrap:wrap;align-items:center;gap:14px 20px;display:flex}.work-read{color:#fff;background:linear-gradient(135deg,#8a2be2,#6d28d9);border-radius:14px;align-items:center;gap:12px;padding:16px 28px;font-size:1.0625rem;font-weight:600;text-decoration:none;transition:transform .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 14px 34px -10px #8a2be2cc}.work-read:hover{transform:translateY(-2px);box-shadow:0 18px 40px -10px #8a2be2}.work-read:active{transform:translateY(0)scale(.98)}.work-read:after{content:"";background:linear-gradient(105deg,#0000 35%,#fff4 50%,#0000 65%);animation:5s ease-in-out 2s infinite w-shine;position:absolute;inset:0;transform:translate(-120%)}.work-read .d-icon{width:20px;height:20px;margin:0;transition:transform .2s}.work-read:hover .d-icon{transform:translate(4px)}.work-read-meta{color:var(--d-muted);font-size:.875rem}.work-social{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.work-social button{transition:background .2s,border-color .2s,transform .15s;border-radius:999px!important;padding:10px 18px!important}.work-social button:active{transform:scale(.97)}.work-explore{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.work-explore a{border:1px solid var(--d-line);background:color-mix(in srgb, var(--d-surface) 85%, transparent);color:var(--d-text);border-radius:18px;align-items:center;gap:16px;padding:18px;text-decoration:none;transition:border-color .2s,transform .25s cubic-bezier(.22,1,.36,1),box-shadow .2s;display:flex}.work-explore a:hover{border-color:var(--d-purple);box-shadow:0 14px 30px -14px color-mix(in srgb, var(--d-purple) 70%, transparent);transform:translateY(-3px)}.work-explore-icon{border:1px solid color-mix(in srgb, var(--d-purple) 45%, var(--d-line));width:46px;height:46px;color:var(--d-purple);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.work-explore-icon .d-icon{width:24px;height:24px;margin:0}.work-explore strong{font-weight:600;display:block}.work-explore span:not(.work-explore-icon){color:var(--d-muted);margin-top:2px;font-size:.875rem;line-height:1.45;display:block}.work-explore .work-arrow{color:var(--d-purple);margin-left:auto}.work-explore .work-arrow .d-icon{margin:0;transition:transform .2s}.work-explore a:hover .work-arrow .d-icon{transform:translate(4px)}.work-synopsis h2,.work-chapters h2{font-family:var(--font-display), var(--font-geist-sans), Arial, sans-serif;letter-spacing:-.02em}.work-label{color:var(--d-purple);letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:600}.work-synopsis p{max-width:62ch;color:color-mix(in srgb, var(--d-text) 88%, var(--d-muted));white-space:pre-line;margin-top:8px;font-size:1.0625rem;line-height:1.85}.work-synopsis p.work-muted{color:var(--d-muted)}.work-chapters-head{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:18px;display:flex}.work-chapters h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:600}.work-count{color:var(--d-muted);font-variant-numeric:tabular-nums;font-size:.9375rem}.work-chapter-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.work-chapter-list a{border:1px solid var(--d-line);background:color-mix(in srgb, var(--d-surface) 80%, transparent);color:var(--d-text);border-radius:16px;grid-template-columns:52px minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:14px 18px 14px 14px;text-decoration:none;transition:border-color .2s,transform .25s cubic-bezier(.22,1,.36,1),background .2s;display:grid;position:relative}.work-chapter-list a:hover{border-color:var(--d-purple);background:color-mix(in srgb, var(--d-purple) 10%, var(--d-surface));transform:translate(6px)}.work-chapter-list a:focus-visible{outline:2px solid var(--d-focus);outline-offset:3px}.work-chapter-num{background:color-mix(in srgb, var(--d-purple) 14%, transparent);width:52px;height:52px;color:var(--d-purple);font-variant-numeric:tabular-nums;border-radius:14px;place-items:center;font-size:1.125rem;font-weight:650;display:grid}.work-chapter-title{text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.work-chapter-list time{color:var(--d-muted);white-space:nowrap;font-size:.8125rem}.work-chapter-go{color:var(--d-purple);opacity:.5;transition:opacity .2s,transform .2s}.work-chapter-go .d-icon{width:20px;height:20px;margin:0}.work-chapter-list a:hover .work-chapter-go{opacity:1;transform:translate(3px)}.work-empty{border:1px dashed color-mix(in srgb, var(--d-purple) 40%, var(--d-line));text-align:center;color:var(--d-muted);border-radius:20px;flex-direction:column;align-items:center;gap:8px;padding:48px 24px;display:flex}.work-empty .d-icon{width:36px;height:36px;color:var(--d-purple);margin:0 0 6px;animation:5s ease-in-out infinite w-float}.work-empty strong{color:var(--d-text);font-size:1.0625rem}@keyframes w-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes w-rise{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes w-cover-in{0%{opacity:0;transform:translateY(30px)scale(.94)rotate(-2deg)}to{opacity:1;transform:none}}.work-cover-wrap{animation:.9s cubic-bezier(.22,1,.36,1) both w-cover-in}.work-info>*{animation:.8s cubic-bezier(.22,1,.36,1) both w-rise}.work-info>:first-child{animation-delay:.1s}.work-info>:nth-child(2){animation-delay:.18s}.work-info>:nth-child(3){animation-delay:.26s}.work-info>:nth-child(4){animation-delay:.34s}.work-info>:nth-child(5){animation-delay:.42s}.work-info>:nth-child(6){animation-delay:.5s}.work-info>:nth-child(7){animation-delay:.58s}.work-synopsis,.work-chapters{animation:.9s cubic-bezier(.22,1,.36,1) .5s both w-rise}.work-chapter-list li{animation:.6s cubic-bezier(.22,1,.36,1) both w-rise;animation-delay:calc(.6s + var(--n,0) * 60ms)}@media (max-width:820px){.work-page{gap:44px;width:calc(100% - 32px);padding-top:24px}.work-hero{grid-template-columns:1fr}.work-cover-wrap{width:min(62vw,260px);margin-inline:auto}.work-explore{grid-template-columns:1fr}.work-chapter-list a{grid-template-columns:44px minmax(0,1fr) auto}.work-chapter-list time{display:none}.work-chapter-num{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.work-page *,.work-page :after{transition:none!important;animation:none!important}.work-chapter-list a:hover,.work-cover:hover{transform:none}}html:has(.work-page){overflow-x:clip}html:has(.work-page) body{overflow-x:clip}.work-continue{border:1px solid color-mix(in srgb, #f6c453 55%, var(--d-line));color:var(--d-text);background:#f6c4531a;border-radius:14px;align-items:center;gap:12px;padding:10px 18px 10px 12px;text-decoration:none;transition:transform .2s,border-color .2s;display:inline-flex}.work-continue:hover{border-color:#f6c453;transform:translateY(-2px)}.work-continue .d-icon{color:#f6c453;width:24px;height:24px;margin:0}.work-continue small{color:var(--d-muted);font-size:12px;display:block}.work-continue strong{font-size:.9375rem;font-weight:600}