.wb-page{min-height:100vh;padding-top:80px;background:var(--paper);color:var(--ink)}.wb-cover{max-width:1080px;margin:0 auto;padding:4.5rem 2rem 2.5rem;text-align:center;border-bottom:1px solid var(--rule)}.wb-meta{display:flex;align-items:center;justify-content:center;gap:.85rem;margin-bottom:1.6rem}.wb-meta-num{font-family:var(--font-serif);font-style:italic;font-size:.95rem;color:var(--ink-mute)}.wb-meta-rule{width:32px;height:1px;background:var(--rule)}.wb-meta-label{font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-mute)}.wb-hero-title{display:flex;flex-direction:column;gap:.4rem;line-height:1.1}.wb-hero-title .wb-en{font-family:var(--font-serif);font-style:italic;font-weight:500;font-size:clamp(2rem,5.5vw,3.4rem);color:var(--accent)}.wb-hero-title .wb-ja{font-family:var(--font-mincho);font-weight:700;font-size:clamp(1.4rem,4vw,2.1rem);letter-spacing:.08em}.wb-hero-tagline{margin-top:1.1rem;font-family:var(--font-mincho);color:var(--ink-soft)}.wb-body{max-width:1180px;margin:0 auto;padding:2.5rem 1rem 4rem}.wb-status,.wb-empty{text-align:center;padding:5rem 1rem;font-family:var(--font-mincho);color:var(--ink-soft)}.wb-spinner{display:inline-block;width:34px;height:34px;margin-bottom:1rem;border:3px solid var(--rule);border-top-color:var(--accent);border-radius:50%;animation:wb-spin .9s linear infinite}@keyframes wb-spin{to{transform:rotate(360deg)}}.wb-empty-mark{font-size:3rem}.wb-empty-lead{font-size:1.3rem;font-weight:700;margin-top:.5rem}.wb-empty-sub{color:var(--ink-mute);margin-bottom:1.6rem}.wb-retry{margin-top:1rem;font-family:var(--font-mincho);padding:.6rem 1.5rem;border-radius:999px;border:1px solid var(--rule);background:transparent;color:var(--ink-soft);cursor:pointer}.wb-write-link{display:inline-block;font-family:var(--font-mincho);font-weight:700;color:var(--paper-warm);background:var(--accent);padding:.7rem 1.8rem;border-radius:999px;text-decoration:none;box-shadow:0 10px 20px -10px #b8593ab3;transition:transform .18s ease,background .18s ease}.wb-write-link:hover{transform:translateY(-2px);background:#a54c30}.wb-stage{position:relative;width:100%}.wb-viewport{position:relative;width:100%;height:72vh;min-height:360px;max-height:760px;overflow:hidden;border-radius:16px;box-shadow:inset 0 0 0 1px var(--rule-soft);background:radial-gradient(120% 70% at 50% -5%,#78a06e33,#78a06e00 60%),linear-gradient(180deg,#eef2e7 0%,var(--paper-warm) 55%,var(--paper) 100%);touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab;overscroll-behavior:contain}.wb-viewport:active{cursor:grabbing}.wb-canvas{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}.wb-scene{position:relative;width:720px;padding:2.5rem 34px 3rem;border-radius:14px;background-color:#f3f0e58c;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cg fill='%234f7a3a' fill-opacity='0.17'%3E%3Cpath d='M12,28 C30,20 54,23 70,28 C54,33 30,36 12,28 Z' transform='rotate(-18 41 28)'/%3E%3Cpath d='M84,12 C102,4 126,7 142,12 C126,17 102,20 84,12 Z' transform='rotate(13 113 12)'/%3E%3Cpath d='M100,66 C116,58 138,61 150,67 C138,73 116,76 100,66 Z' transform='rotate(-30 125 66)'/%3E%3Cpath d='M6,92 C24,84 48,87 64,92 C48,97 24,100 6,92 Z' transform='rotate(22 35 92)'/%3E%3Cpath d='M74,110 C92,102 116,105 132,110 C116,115 92,118 74,110 Z' transform='rotate(-10 103 110)'/%3E%3Cpath d='M30,128 C48,120 72,123 88,128 C72,133 48,136 30,128 Z' transform='rotate(36 59 128)'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(140% 95% at 50% 0%,#5a8c4633,#5a8c460d 55%,#5a8c4600 82%);background-size:150px 150px,auto;box-shadow:inset 0 0 0 1px #5a8c4629,0 12px 34px -20px #3c5a2d8c}.wb-bamboo{position:absolute;top:0;bottom:0;width:26px;background:repeating-linear-gradient(180deg,#ffffff2e 0,#fff0 6px 118px,#3c5a2d59 120px 124px),linear-gradient(90deg,#6f8f4e,#8fae62 45%,#a9c47f 55%,#7a9a56);box-shadow:0 0 18px -6px #3c5a2d80}.wb-bamboo--left{left:26px;border-radius:8px;transform:rotate(-1.2deg)}.wb-bamboo--right{right:26px;border-radius:8px;transform:rotate(1.2deg)}.wb-leaf{position:absolute;width:66px;height:15px;background:linear-gradient(90deg,#6f8f4e,#9cbb6f);border-radius:0 100%;transform-origin:left center;opacity:.85}.wb-bamboo--left .wb-leaf:nth-child(1){top:6%;left:18px;transform:rotate(-24deg)}.wb-bamboo--left .wb-leaf:nth-child(2){top:15%;left:20px;transform:rotate(6deg);width:52px}.wb-bamboo--left .wb-leaf:nth-child(3){top:26%;left:16px;transform:rotate(-12deg);width:44px}.wb-bamboo--right .wb-leaf{left:auto;right:18px;transform-origin:right center;border-radius:100% 0}.wb-bamboo--right .wb-leaf:nth-child(1){top:8%;transform:rotate(24deg)}.wb-bamboo--right .wb-leaf:nth-child(2){top:17%;transform:rotate(-6deg);width:52px}.wb-bamboo--right .wb-leaf:nth-child(3){top:28%;transform:rotate(12deg);width:44px}.wb-cord{position:absolute;top:2.9rem;left:6%;right:6%;height:2px;background:linear-gradient(90deg,transparent,rgba(120,90,60,.55) 8%,rgba(120,90,60,.55) 92%,transparent)}.wb-hang{position:relative;z-index:1;list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;align-content:flex-start;gap:44px 30px;background-image:repeating-linear-gradient(to bottom,rgba(120,90,60,.5) 0,rgba(120,90,60,.5) 2px,transparent 2px,transparent 290px)}.wb-item{--sway: 3deg;--dur: 4s;--delay: 0s;--thread: 24px;display:flex;flex-direction:column;align-items:center;transform-origin:top center;animation:wb-sway var(--dur) ease-in-out var(--delay) infinite;will-change:transform}@keyframes wb-sway{0%{transform:rotate(calc(var(--sway) * -1))}50%{transform:rotate(var(--sway))}to{transform:rotate(calc(var(--sway) * -1))}}.wb-thread{position:relative;width:1px;height:26px;background:#785a3c99}.wb-thread:before{content:"";position:absolute;top:-3px;left:50%;transform:translate(-50%);width:7px;height:7px;border-radius:50%;background:#785a3ccc}.wb-tanzaku{position:relative;width:104px;height:220px;border-radius:5px 5px 7px 7px;box-shadow:0 12px 22px -12px #1f1a148c,inset 0 0 0 1px #ffffff29}.wb-hole{position:absolute;top:7px;left:50%;transform:translate(-50%);width:7px;height:7px;border-radius:50%;background:#00000047;box-shadow:inset 0 1px 2px #00000059}.wb-wishbox{position:absolute;inset:22px 8px 30px;display:flex;align-items:center;justify-content:center;overflow:hidden}.wb-wish{writing-mode:vertical-rl;font-family:var(--font-mincho);line-height:1.45;letter-spacing:.04em;white-space:pre-wrap;text-align:start;opacity:.96}.wb-namebox{position:absolute;left:8px;right:8px;bottom:8px;height:26px;padding-top:3px;border-top:1px solid transparent;display:flex;align-items:flex-end;justify-content:flex-start;overflow:hidden}.wb-name{font-family:var(--font-mincho);letter-spacing:.03em;line-height:1.2;text-align:left;white-space:normal;overflow-wrap:anywhere;opacity:.9}.wb-zoom{position:absolute;right:12px;bottom:12px;display:flex;flex-direction:column;gap:8px;z-index:5}.wb-zoom-btn{width:46px;height:46px;border-radius:50%;border:1px solid var(--rule);background:#f5efe4eb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);color:var(--ink);font-family:var(--font-mincho);font-size:1.3rem;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 6px 14px -6px #1f1a1480;display:flex;align-items:center;justify-content:center;touch-action:manipulation}.wb-zoom-btn:hover{background:var(--paper-warm)}.wb-zoom-btn:active{transform:scale(.94)}.wb-zoom-fit{font-size:1rem}.wb-hint{position:absolute;top:10px;left:12px;z-index:5;margin:0;font-family:var(--font-mincho);font-size:.72rem;color:var(--ink-mute);background:#f5efe4b8;padding:.25rem .7rem;border-radius:999px;pointer-events:none}.wb-footer{display:flex;align-items:center;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-top:2.5rem}.wb-total{font-family:var(--font-mincho);color:var(--ink-mute);letter-spacing:.04em}.wb-share{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mincho);font-weight:700;font-size:.95rem;color:#fff;background:#111;border:none;padding:.7rem 1.5rem;border-radius:999px;cursor:pointer;box-shadow:0 10px 20px -10px #0009;transition:transform .18s ease,background .18s ease,opacity .18s ease}.wb-share:hover{transform:translateY(-2px);background:#000}.wb-share:disabled{opacity:.55;cursor:not-allowed;transform:none}.wb-share svg{display:block}.wb-share-msg{margin-top:1rem;text-align:center;font-family:var(--font-mincho);font-size:.9rem;color:var(--accent)}@media(prefers-reduced-motion:reduce){.wb-item{animation:none}.wb-spinner{animation-duration:2s}}@media(max-width:560px){.wb-viewport{height:66vh}.wb-hint{font-size:.66rem}.wb-zoom-btn{width:44px;height:44px}}