.cs{--wall:#d3ded1;--wall-lit:#e1e6d7;--wall-far:#c1cfc0;--light:247,239,220;--ink:#1c2724;--ink-2:#33413c;--ink-3:#56635e;--paper:#fbf8f1;--paper-2:#f1ece1;--red:#b21e2c;--red-deep:#84141f;--indigo:#2f4b7c;--thread:#36312b;--ease:cubic-bezier(.19,1,.22,1);--mincho:var(--font-shippori),"Hiragino Mincho ProN","Yu Mincho",serif;--gothic:var(--font-zen-kaku),"Hiragino Sans","Yu Gothic",system-ui,sans-serif;--head-h:186px;--dock-h:92px;--inv:1;--hit:0px;--wx:0px;font-family:var(--gothic);color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}.cs *,.cs :before,.cs :after{box-sizing:border-box}:is(html:has(.cs),body:has(.cs)){overscroll-behavior:none;background:#d3ded1;height:100%;margin:0;overflow:hidden}.cs button,.cs input,.cs textarea{font:inherit;color:inherit}.cs button{cursor:pointer}.cs .vh{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.cs .ico{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.cs :focus{outline:none}.cs :focus-visible{outline:3px solid var(--indigo);outline-offset:3px}.cs .skip{z-index:20;background:var(--paper);color:var(--ink);border-radius:6px;padding:12px 16px;font-size:16px;font-weight:700;text-decoration:none;position:fixed;top:12px;left:12px;transform:translateY(-300%);box-shadow:0 8px 18px -12px #1c28228c}.cs .skip:focus{transform:none}.cs .wall{z-index:0;background:linear-gradient(180deg,#26362e14 0%,#26362e00 20%,#26362e00 76%,#26362e17 100%), linear-gradient(90deg,var(--wall-lit) 0%,var(--wall) 46%,var(--wall-far) 100%);position:fixed;inset:0;overflow:hidden}.cs .window-light{width:min(66vw,820px);transform:translateX(var(--wx)) skewX(-8deg);transform-origin:50% 0;background:linear-gradient(90deg,transparent 45.5%,#42504212 48%,#42504212 50.5%,transparent 53%), linear-gradient(90deg,rgba(var(--light),0) 0%,rgba(var(--light),.84) 15%,rgba(var(--light),.74) 68%,rgba(var(--light),0) 100%);position:absolute;top:-14%;bottom:-14%;left:-6vw}.cs .grain{opacity:.2;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .22 0 0 0 0 .28 0 0 0 0 .24 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.cs .field{z-index:1;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:clip}.cs .field.is-dragging{cursor:grabbing}.cs .room{transform-origin:0 0;position:absolute;top:0;left:0}.cs .threads{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.cs .threads path{fill:none;stroke:var(--thread);stroke-linecap:round;stroke-opacity:.82}.cs .threads rect,.cs .threads circle{stroke:none}.cs .crane{-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:14px;margin:0;padding:0;display:block;position:absolute}.cs .crane:before{content:"";inset:calc(var(--hit) * -1);position:absolute}.cs .crane svg{pointer-events:none;width:100%;height:100%;display:block;position:relative;overflow:visible}.cs .crane:focus{outline:none}.cs .crane:focus-visible{outline:calc(3px * var(--inv)) solid var(--ink);outline-offset:calc(4px * var(--inv));box-shadow:0 0 0 calc(7px * var(--inv)) #fbf8f19e}.cs .crane.is-out .art,.cs .crane.is-out .cord{opacity:0}.cs .crane.is-out{pointer-events:none}.cs .crane.is-family{z-index:2}.cs .crane.is-new{animation:.32s ease-out both cs-in}@keyframes cs-in{0%{opacity:0}}.cs .wn{font-family:var(--gothic);letter-spacing:.01em;font-weight:700}.cs .tagt{font-family:var(--gothic);transition:opacity .35s var(--ease);font-weight:700}.cs .room:not(.tag-words) .tagt{opacity:0}.cs .room.is-near .paper,.cs .fx-crane .paper,.cs .r-craneslot .paper{filter:url(#cr-paper)}.cs .empty-note{z-index:5;left:50%;top:calc(var(--head-h) + 28px);background:var(--paper);width:max-content;max-width:calc(100vw - 48px);color:var(--ink);font-family:var(--mincho);text-align:center;margin:0;padding:16px 20px;font-size:18px;font-weight:500;line-height:1.5;position:fixed;transform:translate(-50%)rotate(-1.2deg);box-shadow:0 14px 30px -18px #0a140f99}.cs .empty-note[hidden]{display:none}.cs .top{z-index:6;padding:calc(10px + env(safe-area-inset-top)) 16px 34px;pointer-events:none;background:linear-gradient(#d9e2d4cc 0%,#d9e2d4a8 64%,#d9e2d400 100%);position:fixed;top:0;left:0;right:0}.cs .top>*{pointer-events:auto}.cs .top-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.cs .who{margin-top:8px}.cs .name{font-family:var(--mincho);letter-spacing:.005em;color:var(--ink);margin:0;font-size:38px;font-weight:600;line-height:1.08}.cs .sample{letter-spacing:.05em;color:var(--ink-2);white-space:nowrap;border:1px solid #1c27246b;border-radius:4px;flex:none;padding:4px 7px 3px;font-size:12px;font-weight:700}.cs .name-row{align-items:center;gap:18px;display:flex}.cs .sample-wide{display:none}.cs .dates{color:var(--ink-2);margin:5px 0 0;font-size:16px;font-weight:500}.cs .nb{white-space:nowrap}.cs .line{font-family:var(--mincho);color:var(--ink);max-width:31em;margin:6px 0 0;font-size:16px;font-weight:500;line-height:1.45}.cs .pill{min-height:44px;color:var(--ink);background:#fbf8f1eb;border:1px solid #1c27243d;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-size:15px;font-weight:500;display:inline-flex;box-shadow:0 8px 18px -12px #1c28228c}.cs .dock{z-index:6;pointer-events:none;position:fixed;bottom:0;left:0;right:0}.cs .dock>*{pointer-events:auto}.cs .rail{background:linear-gradient(#ddcdae 0%,#d1be9b 100%);justify-content:space-between;align-items:center;gap:10px;padding:7px 12px 7px 16px;display:flex;box-shadow:0 -12px 16px -12px #281e0a66}.cs .rail-count{font-family:var(--mincho);color:var(--ink);white-space:nowrap;margin:0;font-size:16px;font-weight:600}.cs .zoom{align-items:center;gap:6px;margin-left:auto;display:flex}.cs .zoom .pill{padding:0 13px;font-size:14px}.cs .ibtn{width:44px;height:44px;color:var(--ink);background:#fbf8f1eb;border:1px solid #1c27243d;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 8px 18px -12px #1c28228c}.cs .waiting{overscroll-behavior:contain;background:linear-gradient(#46321429 0,#46321400 9px),repeating-linear-gradient(#785c340d 0 1px,#0000 1px 6px),linear-gradient(#e3d4b7 0%,#eaddc3 100%);max-height:34dvh;padding:14px 16px 10px;position:relative;overflow-y:auto}.cs .waiting[hidden]{display:none}.cs .wait-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.cs .wait-item{transition:opacity .4s var(--ease),transform .4s var(--ease);grid-template-columns:56px 1fr auto;align-items:center;gap:10px;display:grid}.cs .wait-item.is-arriving{opacity:0}.cs .wait-item.is-leaving{opacity:0;transform:translateY(-16px)}.cs .wait-paper{width:56px;height:56px;transform:rotate(var(--rot,-4deg));filter:drop-shadow(0 3px 3px #46321447);-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}.cs .wait-paper.is-lifted{opacity:0}.cs .wait-paper svg{width:100%;height:100%;display:block}.cs .wp-name{font-family:var(--mincho);font-weight:700}.cs .wait-who{color:var(--ink-2);min-width:0;margin:0;font-size:15px;line-height:1.3}.cs .wait-who b{font-family:var(--mincho);color:var(--ink);overflow-wrap:anywhere;font-size:17px;font-weight:700;display:block}.cs .wait-fam{color:var(--red-deep);align-items:center;gap:5px;margin-top:2px;font-size:14px;font-weight:700;display:flex}.cs .wait-fam .ico{width:16px;height:16px}.cs .wait-acts{gap:6px;display:flex}.cs .btn{border:1px solid var(--ink);border-radius:8px;min-height:44px;padding:0 12px;font-size:15px;font-weight:700}.cs .btn-approve{background:var(--ink);color:var(--paper)}.cs .btn-later{background:var(--paper);color:var(--ink);border-color:#1c272461;font-weight:500}.cs .btn[aria-busy=true]{opacity:.6}.cs .ledge-top{background:linear-gradient(#f1e6d1,#dccbaa);height:7px}.cs .ledge-face{padding:12px 16px calc(14px + env(safe-area-inset-bottom));background:repeating-linear-gradient(#5a42200f 0 1px,#0000 1px 5px),linear-gradient(#cbb591 0%,#bca47f 62%,#ae966f 100%);border-top:1px solid #503c1e2e;justify-content:center;align-items:center;display:flex}.cs .primary{color:#fbf8f1;letter-spacing:.01em;background:var(--indigo);border:0;border-radius:9px;justify-content:center;align-items:center;gap:10px;min-width:min(100%,264px);min-height:54px;padding:0 26px;font-size:17px;font-weight:700;display:inline-flex;box-shadow:0 12px 22px -14px #121c30d9}.cs .primary .ico{width:22px;height:22px}.cs .primary:focus-visible{outline-color:var(--ink)}.cs .btn-approve:focus-visible{outline-color:var(--indigo)}.cs .toast{z-index:7;left:50%;top:calc(var(--head-h) + 6px);background:var(--paper);width:max-content;max-width:calc(100vw - 32px);color:var(--ink);font-family:var(--mincho);text-align:center;opacity:0;pointer-events:none;transition:opacity .6s var(--ease),transform .6s var(--ease);border-radius:6px;margin:0;padding:12px 18px;font-size:17px;font-weight:500;line-height:1.45;position:fixed;transform:translate(-50%,-6px);box-shadow:0 14px 30px -18px #0a140f99}.cs .toast.on{opacity:1;transform:translate(-50%)}.cs .scrim{z-index:8;opacity:0;pointer-events:none;transition:opacity .6s var(--ease);background:#161f1c99;position:fixed;inset:0}.cs .scrim.on{opacity:1;pointer-events:auto}.cs .fx{z-index:9;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:visible}.cs .fx-words{font-family:var(--mincho);font-weight:500}.cs .reader{z-index:10;padding:calc(18px + env(safe-area-inset-top)) 16px calc(18px + env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.cs .reader[hidden]{display:none}.cs .reader:focus,.cs .reader:focus-visible{outline:none}.cs .reader.is-measuring{visibility:hidden}.cs .reader>*{pointer-events:auto}.cs .reader-body{flex-direction:column;align-items:center;width:min(100%,440px);display:flex}.cs .r-sheet{filter:drop-shadow(0 26px 30px #08120e61)drop-shadow(0 2px 3px #08120e33);width:100%;position:relative}.cs .r-paper{background:var(--paper);clip-path:polygon(0 0,calc(100% - 42px) 0,100% 42px,100% 100%,0 100%);flex-direction:column;width:100%;min-height:min(100vw - 32px,440px);max-height:75dvh;display:flex;position:relative}.cs .r-scroll{overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;padding:42px 26px 24px;display:flex;position:relative;overflow-y:auto}.cs .r-scroll:focus-visible{outline:3px solid var(--indigo);outline-offset:-6px}.cs .r-scroll.has-more{-webkit-mask-image:linear-gradient(#000 calc(100% - 34px),#0000);mask-image:linear-gradient(#000 calc(100% - 34px),#0000)}.cs .r-creases{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cs .r-corner{background:linear-gradient(225deg,#ffffff1f,#00000024),var(--pc,#2f4b7c);clip-path:polygon(0 0,0 100%,100% 100%);width:42px;height:42px;position:absolute;top:0;right:0}.cs .r-mark{color:var(--red-deep);align-items:center;gap:8px;margin:8px 0 0;font-size:16px;font-weight:700;display:flex;position:relative}.cs .r-mark-foot{margin-top:12px}.cs .r-mark .ico{width:22px;height:22px}.cs .r-text{font-family:var(--mincho);color:var(--ink);overflow-wrap:break-word;margin:0;font-size:19px;font-weight:500;line-height:1.66;position:relative}.cs .r-text p{margin:0 0 .85em}.cs .r-text p:last-child{margin-bottom:0}.cs .r-from{font-family:var(--mincho);color:var(--ink);overflow-wrap:anywhere;margin:auto 0 0;padding-top:18px;font-size:21px;font-weight:700;line-height:1.3;position:relative}.cs .r-meta{color:var(--ink-3);margin:3px 0 0;font-size:16px;line-height:1.45;position:relative}.cs .r-sheet .r-text,.cs .r-sheet .r-from,.cs .r-sheet .r-meta,.cs .r-sheet .r-mark{opacity:0;transition:opacity .45s var(--ease)}.cs .reader.show .r-sheet .r-text,.cs .reader.show .r-sheet .r-from,.cs .reader.show .r-sheet .r-meta,.cs .reader.show .r-sheet .r-mark{opacity:1}.cs .reader:not(.show) .r-sheet,.cs .reader.is-folding .r-sheet .r-text,.cs .reader.is-folding .r-sheet .r-from,.cs .reader.is-folding .r-sheet .r-meta,.cs .reader.is-folding .r-sheet .r-mark,.cs .reader.is-folding .r-close{opacity:0}.cs .reader .r-close{opacity:0;transition:opacity .4s var(--ease)}.cs .reader.show .r-close{opacity:1}.cs .r-craneslot{visibility:hidden;width:min(54vw,215px)}.cs .r-craneslot svg{width:100%;height:auto;display:block;overflow:visible}.cs .r-craneslot.is-here{visibility:visible}.cs .r-tag{background:var(--paper);opacity:0;width:min(100%,340px);transition:opacity .5s var(--ease),transform .5s var(--ease);margin-top:-6px;padding:18px 20px;transform:translateY(8px);box-shadow:0 22px 40px -24px #08120e99}.cs .reader.show .r-tag{opacity:1;transform:none}.cs .r-tag .r-from{margin:0;padding:0;font-size:24px}.cs .r-tag .r-mark{margin-top:6px}.cs .writer{z-index:10;overscroll-behavior:contain;width:min(100%,560px);max-height:calc(100dvh - 12px);padding:22px 18px calc(22px + env(safe-area-inset-bottom));background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0L100 100M100 0L0 100M50 0V100M0 50H100' stroke='%233d4a44' stroke-opacity='.07' fill='none' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat, var(--paper);transition:transform .6s var(--ease);border-radius:3px 3px 0 0;margin:0 auto;position:fixed;bottom:0;left:0;right:0;overflow:auto;transform:translateY(104%);box-shadow:0 -24px 60px -30px #08120e99}.cs .writer[hidden]{display:none}.cs .writer.open{transform:none}.cs .writer>form{transition:opacity .22s var(--ease)}.cs .writer.is-sending>form{opacity:0}.cs .w-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cs .w-head h2{font-family:var(--mincho);margin:4px 0 0;font-size:27px;font-weight:600;line-height:1.2}.cs .x{background:0 0;border:1px solid #1c272442;border-radius:999px;flex:none;align-items:center;gap:6px;min-height:44px;padding:0 12px;font-size:15px;font-weight:500;display:inline-flex}.cs .w-help{color:var(--ink-3);margin:6px 0 4px;font-size:16px;line-height:1.5}.cs .w-label{color:var(--ink-2);margin:16px 0 6px;font-size:15px;font-weight:700;display:block}.cs .w-input,.cs .w-text{width:100%;color:var(--ink);background:#fffdf8;border:1px solid #1c272461;border-radius:6px;padding:12px 13px;font-size:17px;line-height:1.5;display:block}.cs .w-text{resize:none;min-height:178px;font-family:var(--mincho);font-size:18px;font-weight:500;line-height:1.6;overflow-y:hidden}.cs .w-input:focus-visible,.cs .w-text:focus-visible,.cs .w-input:focus,.cs .w-text:focus{outline-offset:1px;border-color:var(--indigo);outline:3px solid #2f4b7c66}.cs .w-note{color:var(--ink-3);margin:6px 0 0;font-size:15px;line-height:1.45}.cs .w-err{color:#8a1c22;margin:14px 0 0;font-size:15px;font-weight:500;line-height:1.45}.cs .w-err[hidden]{display:none}.cs .w-share{border:0;min-width:0;margin:18px 0 0;padding:0}.cs .w-share legend{color:var(--ink-2);margin:0 0 2px;padding:0;font-size:15px;font-weight:700}.cs .opt{cursor:pointer;background:#fffdf8;border:1px solid #1c272452;border-radius:8px;align-items:center;gap:12px;min-height:54px;margin-top:8px;padding:10px 14px;font-size:17px;display:flex;position:relative}.cs .opt input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.cs .opt .dot{border:2px solid var(--ink-3);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.cs .opt .dot:after{content:"";background:var(--ink);width:10px;height:10px;transition:transform .35s var(--ease);border-radius:50%;transform:scale(0)}.cs .opt:has(input:checked){border:2px solid var(--ink);padding:9px 13px;font-weight:700}.cs .opt:has(input:checked) .dot{border-color:var(--ink)}.cs .opt:has(input:checked) .dot:after{transform:scale(1)}.cs .opt:has(input:focus-visible){outline:3px solid var(--indigo);outline-offset:2px}.cs .opt .ico{width:24px;height:24px;color:var(--red);margin-left:auto}.cs .w-send{width:100%;margin-top:20px}.cs .w-send[aria-busy=true]{opacity:.7}.cs .ph-field{margin-top:16px}.cs .ph-add{color:var(--ink);background:#fffdf8;border:1px solid #1c272461;border-radius:8px;font-size:16px;font-weight:700}.cs .ph-add .ico{width:22px;height:22px;color:var(--indigo)}.cs .ph-input:focus-visible+.ph-add{outline:3px solid var(--indigo);outline-offset:2px}.cs .ph-note{color:var(--ink-3);font-size:15px;line-height:1.45}.cs .ph-hint{color:#8a1c22;font-size:15px;font-weight:500;line-height:1.45}.cs .ph-item{background:#fff;padding:4px;box-shadow:0 1px 2px #1c282233,0 8px 12px -8px #1c282266}.cs .ph-adding{background:var(--paper-2);inset:4px}.cs .ph-remove{color:var(--ink);background:#fbf8f1f5;border:1px solid #1c27243d;box-shadow:0 8px 18px -12px #1c28228c}.cs .ph-remove:focus-visible{outline:3px solid var(--indigo);outline-offset:2px}.cs .ph-strip{margin:20px 0 2px;position:relative}.cs .ph-print{background:#fff;padding:4px;box-shadow:0 1px 1.5px #1c282238,0 10px 14px -10px #1c282273}.cs .ph-open:focus-visible{outline:3px solid var(--indigo);outline-offset:6px}.cs .r-sheet .ph-strip{opacity:0;transition:opacity .45s var(--ease)}.cs .reader.show .r-sheet .ph-strip{opacity:1}.cs .reader.is-folding .r-sheet .ph-strip{opacity:0}.cs .ph-viewer-scrim{background:#161f1cdb}.cs .ph-viewer-surface{filter:drop-shadow(0 26px 30px #08120e61)drop-shadow(0 2px 3px #08120e33);padding:36px 22px 22px}.cs .ph-viewer-surface .ph-decor{z-index:0}.cs .ph-paper{background:var(--paper);clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,0 100%);position:absolute;inset:0}.cs .ph-viewer-surface .r-corner{width:30px;height:30px}.cs .ph-viewer-img{z-index:1;border:5px solid #fff;position:relative;box-shadow:0 1px 2px #1c282238,0 12px 18px -12px #1c282280}@media (min-width:900px){.cs .top{grid-template-columns:1fr auto;align-items:start;column-gap:24px;padding:22px 32px 44px;display:grid}.cs .top-row{grid-area:1/2;gap:12px}.cs .who{grid-area:1/1;margin-top:0}.cs .name{font-size:54px}.cs .sample-top{display:none}.cs .sample-wide{display:inline-block}.cs .line{font-size:18px}.cs .wait-list{grid-template-columns:1fr 1fr;column-gap:28px;max-width:820px;margin:0 auto}.cs .writer{border-radius:6px 6px 0 0}.cs .r-craneslot{width:280px}}@media (prefers-reduced-motion:reduce){.cs .scrim,.cs .toast,.cs .wait-item,.cs .writer,.cs .writer>form,.cs .r-tag,.cs .reader .r-close,.cs .r-sheet .r-text,.cs .r-sheet .r-from,.cs .r-sheet .r-meta,.cs .r-sheet .r-mark,.cs .r-sheet .ph-strip,.cs .tagt{transition-duration:.15s!important}.cs .writer{opacity:0;transform:none;transition:opacity .15s!important}.cs .writer.open{opacity:1}.cs .crane.is-new{animation-duration:.15s}}