.hagumi-work-page{background:radial-gradient(ellipse 380px 120px at 12% 150px,rgba(255,255,255,0.85),rgba(255,255,255,0) 70%),radial-gradient(ellipse 460px 140px at 88% 260px,rgba(255,255,255,0.8),rgba(255,255,255,0) 70%)}.hagumi-container-work{max-width:900px}.hagumi-work-head{margin-bottom:8px;text-align:center}.hagumi-work-kicker{display:inline-block;margin:0 0 10px;padding:2px 18px;border:3px solid #fff;border-radius:20px;background:var(--hagumi-accent);font-size:0.85rem;font-weight:900;letter-spacing:0.08em;box-shadow:0 4px 10px rgba(251,192,45,0.45)}.hagumi-work-title{margin:0 0 12px;font-size:clamp(1.7rem,5.4vw,2.7rem);font-weight:900;line-height:1.35;text-shadow:3px 3px 0 #fff,-1px -1px 0 #fff,1px -1px 0 #fff,-1px 1px 0 #fff;word-break:break-word}.hagumi-work-byline{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px 14px;margin:0;font-weight:700}.hagumi-work-byline-link{display:inline-flex;align-items:center;gap:8px;padding:4px 16px 4px 6px;border:3px solid var(--hagumi-creator-color,var(--hagumi-sky));border-radius:30px;background:#fff;text-decoration:none;font-weight:900;box-shadow:0 4px 10px rgba(0,0,0,0.1);transition:transform 0.2s ease}.hagumi-work-byline-link:hover,.hagumi-work-byline-link:focus-visible{transform:translateY(-2px)}.hagumi-work-byline-link .hagumi-mini-icon{width:34px;height:34px;border-color:var(--hagumi-creator-color,var(--hagumi-sky))}.hagumi-work-date{font-size:0.85rem;opacity:0.8}.hagumi-work-frame{position:relative;max-width:820px;margin:36px auto 22px;padding:14px;background:#fff;border-radius:10px;box-shadow:0 14px 34px rgba(0,0,0,0.18);transform:rotate(-0.6deg)}.hagumi-work-frame::before{content:'';position:absolute;top:-14px;left:50%;z-index:7;width:96px;height:28px;margin-left:-48px;background-color:rgba(255,182,193,0.78);transform:rotate(-3deg);box-shadow:1px 1px 3px rgba(0,0,0,0.12);pointer-events:none}.hagumi-work-zoom{overflow:hidden;border-radius:4px;background:var(--hagumi-sky-light)}.hagumi-work-zoom img{display:block;width:100%;height:auto;margin:0}.hagumi-zoom-hint{position:absolute;right:10px;bottom:10px;z-index:5;padding:3px 14px;border-radius:16px;background:rgba(255,255,255,0.94);color:var(--hagumi-text);font-size:0.82rem;font-weight:900;line-height:1.6;box-shadow:0 2px 8px rgba(0,0,0,0.22);pointer-events:none;transition:transform 0.2s ease}.hagumi-zoomable:hover .hagumi-zoom-hint,.hagumi-zoomable:focus-visible .hagumi-zoom-hint{transform:scale(1.08)}.hagumi-work-thumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 auto 28px;padding:0;list-style:none}.hagumi-work-thumbs li{width:132px;margin:0}.hagumi-work-thumb{overflow:hidden;border:4px solid #fff;border-radius:14px;background:var(--hagumi-sky-light);box-shadow:0 6px 14px rgba(0,0,0,0.15);aspect-ratio:4 / 3;transition:transform 0.2s ease}.hagumi-work-thumb:hover{transform:translateY(-3px) rotate(-1deg)}.hagumi-work-thumb img{width:100%;height:100%;object-fit:cover}.hagumi-work-voice{display:flex;align-items:center;gap:16px;max-width:720px;margin:28px auto}.hagumi-work-voice .hagumi-creator-icon{--size:76px;flex:0 0 auto;margin:0}.hagumi-work-voice .hagumi-work-comment{position:relative;flex:1 1 auto;margin:0;border-color:var(--hagumi-creator-color,var(--hagumi-sky));font-size:1.05rem;line-height:1.8}.hagumi-work-voice .hagumi-creator-icon + .hagumi-work-comment::before{content:'';position:absolute;top:50%;left:-13px;width:20px;height:20px;margin-top:-10px;background:#fff;border-left:3px dashed var(--hagumi-creator-color,var(--hagumi-sky));border-bottom:3px dashed var(--hagumi-creator-color,var(--hagumi-sky));transform:rotate(45deg)}.hagumi-work-section{margin:32px 0}.hagumi-work-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:0}.hagumi-work-fact{padding:12px 18px 14px;border:3px solid var(--hagumi-creator-color,var(--hagumi-sky));border-radius:22px;background:#fff;box-shadow:var(--hagumi-shadow)}.hagumi-work-fact dt{display:inline-block;margin:0;padding:0 12px;border-radius:12px;background:var(--hagumi-sky-light);font-size:0.8rem;font-weight:900}.hagumi-work-fact dd{margin:6px 0 0;font-size:1.05rem;font-weight:800;word-break:break-word}.hagumi-work-story .hagumi-entry-content{margin-top:16px;padding:22px 26px;border-radius:28px;background:#fff;box-shadow:var(--hagumi-shadow)}.hagumi-making{margin-top:64px}.hagumi-timeline{position:relative;margin:32px 0 0;padding:0;list-style:none}.hagumi-timeline::before{content:'';position:absolute;top:12px;bottom:12px;left:21px;width:6px;border-radius:3px;background:repeating-linear-gradient(to bottom,var(--hagumi-sky) 0,var(--hagumi-sky) 12px,transparent 12px,transparent 22px)}.hagumi-scene{position:relative;margin:0 0 30px;padding-left:66px}.hagumi-scene-no{position:absolute;top:6px;left:0;z-index:1;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:4px solid #fff;border-radius:50%;background:var(--hagumi-accent);box-shadow:0 4px 10px rgba(0,0,0,0.2);font-size:1.15rem;font-weight:900}.hagumi-scene-note .hagumi-scene-no{background:var(--hagumi-sky)}.hagumi-scene-card{position:relative;padding:16px 18px 18px;border:3px solid #fff;border-radius:26px;background:#fff;box-shadow:var(--hagumi-shadow)}.hagumi-scene-card::before{content:'';position:absolute;top:20px;left:-11px;width:18px;height:18px;background:inherit;border-left:inherit;border-bottom:inherit;transform:rotate(45deg)}.hagumi-scene-note .hagumi-scene-card{border:3px dashed var(--hagumi-sky);background:#fffde7}.hagumi-scene-title{margin:0 0 10px;font-size:1.12rem;font-weight:900}.hagumi-scene-figure{margin:0}.hagumi-scene-zoom{overflow:hidden;border-radius:16px;background:var(--hagumi-sky-light)}.hagumi-scene-zoom img{display:block;width:100%;height:auto;margin:0}.hagumi-scene-text{margin:12px 0 0;font-weight:700}.hagumi-scene-title + .hagumi-scene-text{margin-top:0}.hagumi-scene-note .hagumi-scene-card>.hagumi-scene-text:first-child{margin-top:0}.hagumi-reveal-ready .hagumi-scene{opacity:0;transform:translateY(26px);transition:opacity 0.8s ease,transform 0.8s cubic-bezier(0.22,0.61,0.36,1)}.hagumi-reveal-ready .hagumi-scene.is-visible{opacity:1;transform:none}.hagumi-work-nav{display:flex;flex-wrap:wrap;gap:14px;margin-top:48px}.hagumi-work-nav-link{display:flex;flex:1 1 240px;flex-direction:column;gap:2px;min-width:0;padding:12px 20px;border:3px solid var(--hagumi-sky);border-radius:22px;background:#fff;text-decoration:none;box-shadow:0 4px 10px rgba(0,0,0,0.08);transition:transform 0.2s ease,border-color 0.2s ease}.hagumi-work-nav-link:hover,.hagumi-work-nav-link:focus-visible{transform:translateY(-3px);border-color:var(--hagumi-accent)}.hagumi-work-nav-next{margin-left:auto;text-align:right}.hagumi-work-nav-label{font-size:0.8rem;font-weight:900;opacity:0.75}.hagumi-work-nav-title{overflow:hidden;font-weight:900;text-overflow:ellipsis;white-space:nowrap}@media (max-width:600px){.hagumi-work-frame{margin-top:30px;padding:9px;transform:none}.hagumi-work-thumbs li{width:calc(33.333% - 8px)}.hagumi-work-voice{flex-direction:column;text-align:center}.hagumi-work-voice .hagumi-creator-icon + .hagumi-work-comment::before{top:-12px;left:50%;margin:0 0 0 -10px;border-left:3px dashed var(--hagumi-creator-color,var(--hagumi-sky));border-top:3px dashed var(--hagumi-creator-color,var(--hagumi-sky));border-bottom:0}.hagumi-work-story .hagumi-entry-content{padding:18px 18px}.hagumi-timeline::before{left:16px;width:5px}.hagumi-scene{padding-left:52px}.hagumi-scene-no{width:38px;height:38px;font-size:1rem}.hagumi-scene-card{padding:12px 12px 14px;border-radius:22px}.hagumi-scene-card::before{top:14px}.hagumi-work-nav-next{margin-left:0}}@media (prefers-reduced-motion:reduce){.hagumi-reveal-ready .hagumi-scene{opacity:1;transform:none;transition:none}.hagumi-work-frame{transform:none}}.hagumi-work-download{margin:20px auto;padding:14px 18px;max-width:760px;border:3px dashed var(--hagumi-sky);border-radius:22px;background:var(--hagumi-white);text-align:center}.hagumi-work-download-title{margin:0 0 8px;font-weight:800}.hagumi-work-download-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0}.hagumi-work-download-buttons .hagumi-button{font-size:0.9rem}.hagumi-html-corner{margin:34px 0}.hagumi-html-corner-body{padding:18px 22px;border:3px solid #fff;border-radius:22px;background:rgba(255,255,255,0.9);box-shadow:var(--hagumi-shadow,0 10px 25px rgba(0,0,0,0.12));overflow-wrap:anywhere}.hagumi-html-corner-body>:first-child{margin-top:0}.hagumi-html-corner-body>:last-child{margin-bottom:0}.hagumi-html-corner-body img{max-width:100%;height:auto;border-radius:10px}.hagumi-html-corner-body table{max-width:100%;border-collapse:collapse}.hagumi-html-corner-body th,.hagumi-html-corner-body td{padding:6px 10px;border:2px solid #E0F7FA}.hagumi-html-corner-body th{background:#E0F7FA}.hagumi-html-corner-body details{margin:10px 0;padding:8px 14px;border:2px dashed #87CEEB;border-radius:14px}.hagumi-html-corner-body summary{font-weight:900;cursor:pointer}.hagumi-html-corner-body blockquote{margin:12px 0;padding:8px 16px;border-left:6px solid #FBC02D;background:#FFF9E0;border-radius:0 12px 12px 0}.hagumi-html-corner-body mark{padding:0 4px;border-radius:4px;background:#FFF176}