:root{--sg-font:'SG Hand',var(--cjk-serif,'Songti SC'),'Songti SC',serif}
.sg-card{position:relative;display:block;width:min(300px,78vw);aspect-ratio:1000/497;border:0;padding:0;margin:2px 0;cursor:pointer;
  background:url(/images/sigillo/card.webp) center/100% 100% no-repeat;filter:drop-shadow(0 6px 14px rgba(90,70,95,.12));container-type:inline-size;transition:transform .25s;font-family:'SG Hand',var(--cjk-serif,'Songti SC'),serif}
.sg-card:active{transform:scale(.98)}
.chat-row.sg-row{align-items:flex-start}
.sg-card .t{position:absolute;left:8.5%;top:15%;width:55%;text-align:left;font:600 9cqw/1.25 var(--sg-font);color:#4f4358;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sg-card .m{position:absolute;left:8.6%;top:44%;width:55%;text-align:left;font:4.6cqw/1.4 var(--sg-font);color:#9a8fa6;letter-spacing:.04em;min-height:1.4em}
.sg-card .stamp{position:absolute;left:30%;top:60%;width:13cqw;height:13cqw;opacity:0;transform:scale(1.8) rotate(-10deg);transition:opacity .25s,transform .45s cubic-bezier(.3,1.5,.5,1)}
.sg-card.sealed .stamp{opacity:.88;transform:rotate(-10deg)}
.sg-line{display:flex;align-items:center;justify-content:center;gap:6px;margin:2px auto;max-width:86%;font:12px/1.5 var(--ui-font);letter-spacing:.04em;color:color-mix(in srgb,var(--textL) 82%,transparent);text-align:center;background:none;border:0;cursor:pointer}
.sg-line i{font:normal 12px 'SG Hand',serif;color:#86688f}
.yc-chan{position:absolute;left:7px;top:25px;font:11px/1 'SG Hand',var(--cjk-serif,'Songti SC'),serif;color:#a99cb3;opacity:.85;transform:rotate(-8deg);pointer-events:none}
.yc-sg{display:flex;flex-direction:column;align-items:center;gap:8px}

.sg-stage{position:fixed;inset:0;z-index:9995;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .4s ease;
  background:rgba(70,58,78,.28);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.sg-stage.show{opacity:1;pointer-events:auto}
.sg-close{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);right:14px;z-index:9;width:36px;height:36px;border:0;border-radius:50%;background:rgba(255,255,255,.55);color:#5a4d60;font:15px var(--ui-font);cursor:pointer}
.sg-scene{position:absolute;left:0;top:0;width:min(90vw,400px);perspective:1000px;perspective-origin:50% 30%;container-type:inline-size;transform-origin:0 0;will-change:transform;font-family:'SG Hand',var(--cjk-serif,'Songti SC'),serif;color:#4f4358}
.sg-paper{position:relative;transform-style:preserve-3d}
.sg-pnl{position:relative;width:100%;transform-style:preserve-3d;transform-origin:50% 0;will-change:transform}
.sg-pnl>.face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:var(--img) center/100% 100% no-repeat}
.sg-pnl>.face>.shade{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:0;will-change:opacity;background:linear-gradient(rgba(55,40,65,.42),rgba(55,40,65,.16) 45%,rgba(55,40,65,.06))}
.sg-pnl>.face>.gloss{position:absolute;left:0;right:0;top:-60%;height:60%;pointer-events:none;z-index:2;opacity:0;will-change:opacity,transform;background:linear-gradient(175deg,transparent 10%,rgba(255,255,255,.5) 50%,transparent 90%)}
.sg-p2>.face:before,.sg-p3>.face:before{content:'';position:absolute;left:0;right:0;top:0;height:5cqw;pointer-events:none;z-index:1;background:linear-gradient(rgba(90,70,95,.10),rgba(255,255,255,.18) 30%,transparent)}
.sg-kid{position:absolute;left:0;right:0;top:100%;transform-style:preserve-3d}
.sg-p1{height:35.64cqw}.sg-p2{height:84.28cqw}.sg-p3{height:28.32cqw}
.sg-lift{position:absolute;left:3%;right:3%;top:2cqw;height:144.24cqw;border-radius:2px;box-shadow:0 18px 38px rgba(55,40,65,.26),0 3px 8px rgba(55,40,65,.12);transform-origin:50% 0;will-change:transform}
.sg-head{position:absolute;left:27%;top:36%;width:40%}
.sg-title{font:600 9.2cqw/1.15 var(--sg-font);margin:0;color:#4f4358;white-space:nowrap}
.sg-title.long{font-size:6.4cqw}
.sg-date{font:4cqw/1.5 var(--sg-font);color:#9a8fa6;margin-top:1.4cqw;letter-spacing:.05em}
.sg-body{position:absolute;left:22%;right:20%;top:3%;bottom:3%;text-shadow:0 0 2px #f7f3ef,0 0 4px #f7f3ef;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:1cqw 1cqw 3cqw}
.sg-paper.settled .sg-body{-webkit-mask-image:linear-gradient(transparent,#000 4%,#000 94%,transparent);mask-image:linear-gradient(transparent,#000 4%,#000 94%,transparent)}
.sg-lead{font:3.5cqw/1.55 var(--sg-font);color:#9a8fa6;margin:2cqw 0 1cqw}
.sg-item{padding:2.6cqw 0 2cqw;border-bottom:1px dashed rgba(120,100,140,.22)}
.sg-item:last-child{border-bottom:0}
.sg-dim{font:3.3cqw/1.2 var(--sg-font);color:#a48aa8;letter-spacing:.2em}
.sg-text{font:4.6cqw/1.45 var(--sg-font);color:#4f4358;margin:.6cqw 0 1cqw;word-break:break-all}
.sg-said{font:4.8cqw/1.45 var(--sg-font);color:#6c4f72;margin:.4cqw 0;word-break:break-all}
.sg-stars{display:inline-flex;gap:1.2cqw;vertical-align:middle}
.sg-st{position:relative;width:5.4cqw;height:5.4cqw}
.sg-stars[data-edit] .sg-st{cursor:pointer}
.sg-st svg{position:absolute;inset:0;width:100%;height:100%}
.sg-st .f{clip-path:inset(0 100% 0 0)}.sg-st.half .f{clip-path:inset(0 50% 0 0)}.sg-st.full .f{clip-path:none}
.sg-none{font:3.4cqw/1.4 var(--sg-font);color:#b8adc0}
.sg-write{display:block;min-height:1.5em;margin-top:1cqw;font:4.4cqw/1.5 var(--sg-font);color:#6c4f72;outline:none;border-bottom:1px solid rgba(120,100,140,.28);word-break:break-all;-webkit-user-select:text;user-select:text}
.sg-write:empty:before{content:attr(data-ph);color:#bfb3c6}
.sg-totals{display:grid;grid-template-columns:auto 1fr;gap:1.4cqw 3cqw;align-items:center;font:4.4cqw/1.4 var(--sg-font);margin-top:1cqw}
.sg-appeal{margin-top:3cqw}
.sg-appeal summary{list-style:none;font:4cqw/1.4 var(--sg-font);color:#a48aa8;cursor:pointer}
.sg-appeal summary::-webkit-details-marker{display:none}
.sg-appeal summary:before{content:'⌄ '}
.sg-appeal div{font:4.4cqw/1.55 var(--sg-font);margin-top:1.4cqw;word-break:break-all}
.sg-foot{position:absolute;left:28%;right:28%;top:4%;text-align:center}
.sg-seal-btn{border:0;background:none;padding:1cqw 2cqw;font:600 5.2cqw/1.3 var(--sg-font);color:#7b5f86;letter-spacing:.3em;cursor:pointer}
.sg-tip{font:3.1cqw/1.4 var(--sg-font);color:#9a8fa6;min-height:1.5em;white-space:nowrap}
.sg-done{font:4.2cqw/1.4 var(--sg-font);color:#7b5f86;letter-spacing:.1em}
.sg-time{font:3.6cqw/1.4 var(--sg-font);color:#9a8fa6;letter-spacing:.08em;margin-top:1cqw}
.sg-sec{font:3.4cqw/1.2 var(--sg-font);color:#a48aa8;letter-spacing:.4em;text-align:center;margin:5cqw 0 .5cqw}
.sg-row2{display:flex;align-items:center;flex-wrap:wrap;gap:1.6cqw;margin-top:1.4cqw;font:3.6cqw/1.4 var(--sg-font);color:#9a8fa6}
.sg-chips{display:inline-flex;flex-wrap:wrap;gap:1cqw}
.sg-chip{border:1px solid rgba(134,104,143,.32);border-radius:999px;padding:.1cqw 1.5cqw;font:3.3cqw/1.5 var(--sg-font);color:#8a7a96;background:transparent}
.sg-chips[data-edit] .sg-chip{cursor:pointer}
.sg-chip.on{background:rgba(134,104,143,.15);color:#5f4a68;border-color:rgba(134,104,143,.6)}
.sg-red{display:block;width:22cqw;height:22cqw;margin:1.6cqw auto .4cqw;transform:rotate(-12deg);opacity:.78;mix-blend-mode:multiply}
.sg-later{border:0;background:none;padding:.6cqw 0;font:3.8cqw/1.4 var(--sg-font);color:#7b5f86;letter-spacing:.2em;cursor:pointer}