.flip-card{--fc-w:300px;--fc-h:400px;--fc-radius:22px;--fc-bg:#27272a;--fc-ink:#f5f5f5;--fc-shadow:#000;--fc-shadow-o:.45;--fc-glare:.22;width:var(--fc-w);max-width:100%;height:var(--fc-h);border-radius:var(--fc-radius);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:pan-y;outline:none;display:inline-block;position:relative}.flip-card[data-axis=x]{touch-action:pan-x}.flip-card[data-draggable]{cursor:grab}.flip-card[data-dragging]{cursor:grabbing}.flip-card[data-disabled]{cursor:default;opacity:.6}.flip-card__shadow{border-radius:var(--fc-radius);background:var(--fc-shadow);filter:blur(22px);pointer-events:none;position:absolute;inset:12% 9% -5%}@supports (color:color-mix(in srgb,red 50%,blue)){.flip-card__shadow{--cmx-6c35f7-vl:color-mix(in srgb, var(--fc-shadow) calc(var(--fc-shadow-o) * 100%), transparent);background:var(--cmx-6c35f7-vl)}}@supports (color:color-mix(in srgb,red 50%,blue)) and (color:rgb(from red r g b)){.flip-card__shadow{background:color-mix(in srgb, var(--fc-shadow) calc(var(--fc-shadow-o) * 100%), transparent)}}.flip-card__rotor{transform-style:preserve-3d;position:absolute;inset:0}.flip-card__face{border-radius:var(--fc-radius);background:var(--fc-bg);color:var(--fc-ink);backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.flip-card__face img{-webkit-user-drag:none}.flip-card__face--back{transform:rotateY(180deg)}.flip-card[data-axis=x] .flip-card__face--back{transform:rotateX(180deg)}.flip-card__glare{background:radial-gradient(circle farthest-side at var(--fc-gx,50%) var(--fc-gy,50%), rgba(255, 255, 255, var(--fc-glare)) 0%, rgba(255, 255, 255, calc(var(--fc-glare) * .76)) 12%, rgba(255, 255, 255, calc(var(--fc-glare) * .5)) 26%, rgba(255, 255, 255, calc(var(--fc-glare) * .28)) 42%, rgba(255, 255, 255, calc(var(--fc-glare) * .12)) 60%, rgba(255, 255, 255, calc(var(--fc-glare) * .04)) 78%, #fff0 100%);opacity:var(--fc-sheen,0);pointer-events:none;position:absolute;inset:0}.flip-card[data-fade] .flip-card__face{opacity:0;backface-visibility:visible;transition:opacity .2s;transform:none}.flip-card[data-fade=front] .flip-card__face--front,.flip-card[data-fade=back] .flip-card__face--back{opacity:1}.kp{color:#3d3a45;background:#f4f5f8;flex-direction:column;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.kp *{box-sizing:border-box}.kp button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.kp-scroll{min-height:0;padding-bottom:calc(var(--sab,0px) + 104px);flex:1;overflow:hidden auto}.kp-hero{color:#fff;height:340px;position:relative;overflow:hidden}.kp-hero-img{background:#9aa3b3 var(--kp-img) center var(--kp-y)/cover no-repeat;animation:14s ease-out both kp-drift;position:absolute;inset:-6% 0 0;transform:scale(1.06)}.kp-hero:after{content:"";background:linear-gradient(#120e1566 0%,#120e1500 30%,#120e1526 58%,#f4f5f8 100%);position:absolute;inset:0}.kp-hero-copy{z-index:1;left:26px;right:26px;top:calc(var(--sat,0px) + 78px);text-shadow:0 2px 18px #150f1a73;position:absolute}.kp-hero-copy small{letter-spacing:.3em;opacity:.92;font:9px Georgia,serif;display:block}.kp-hero-copy .kp-title{letter-spacing:.1em;flex-wrap:wrap;margin:10px 0 8px;font:500 44px/1.2 DateSerif,Noto Serif SC,serif;display:flex}.kp-meta{letter-spacing:.08em;opacity:.95;align-items:center;gap:8px;margin:0;font-size:11px;display:flex}.kp-meta i{opacity:.7;background:currentColor;border-radius:50%;width:3px;height:3px}@keyframes kp-drift{0%{transform:scale(1.14)}to{transform:scale(1.06)}}.kp-card-wrap{z-index:2;flex-direction:column;align-items:center;gap:14px;margin-top:-118px;animation:.7s cubic-bezier(.2,.8,.2,1) .15s both kp-rise;display:flex;position:relative}.kp-card-wrap>.flip-card{transform:rotate(-1.6deg)}@keyframes kp-rise{0%{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}.kp-turn{color:#8c8795;letter-spacing:.06em;background:0 0;border:0;align-items:center;gap:6px;padding:6px 10px;font-size:11px;display:flex}.pc-front{background:#fff;padding:9px;position:absolute;inset:0}.pc-photo{background:#aab2c0 50%/cover no-repeat;border-radius:2px;position:absolute;inset:9px}.pc-veil{background:linear-gradient(#0000 42%,#140f1a8c 100%);border-radius:2px;position:absolute;inset:9px}.pc-mark{color:#fff;text-shadow:0 1px 6px #0006;border:1.5px solid #ffffffd0;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:66px;height:66px;font-family:Georgia,serif;display:flex;position:absolute;top:20px;right:20px;transform:rotate(12deg)}.pc-mark:before{content:"";border:1px dashed #ffffff90;border-radius:50%;position:absolute;inset:4px}.pc-mark span{letter-spacing:.18em;font-size:6px}.pc-mark b{letter-spacing:.04em;font-size:15px;font-weight:400}.pc-front-copy{color:#fff;text-shadow:0 1px 12px #0008;position:absolute;bottom:22px;left:24px;right:24px}.pc-front-copy p{letter-spacing:.03em;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 6px;font:17px/1.55 DateSerif,Noto Serif SC,serif;display:-webkit-box;overflow:hidden}.pc-front-copy small{letter-spacing:.2em;opacity:.88;font-size:9px}.pc-back{color:#3d3a45;background:#fff linear-gradient(#fff,#f8f8fb);padding:18px 16px 16px 18px;display:flex;position:absolute;inset:0}.pc-left,.pc-right{flex-direction:column;flex:1;min-width:0;display:flex}.pc-rule{background:linear-gradient(#0000,#d9d6df 15% 85%,#0000);flex:0 0 1px;margin:4px 14px}.pc-back small{letter-spacing:.16em;color:#a29cab;font:9px Georgia,Noto Serif SC,serif}.pc-back p{color:#48434f;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:8px 0 10px;font:12.5px/1.75 DateSerif,Noto Serif SC,serif;display:-webkit-box;overflow:hidden}.pc-right p{-webkit-line-clamp:3;background:repeating-linear-gradient(#0000 0 20.9px,#e6e3ea 20.9px 21.9px)}.pc-blank{color:#c6c1cc}.pc-back .kh{margin-top:auto}.pc-stamp{filter:drop-shadow(0 1px 2px #0002);background:#fff;align-self:flex-end;width:46px;height:56px;margin:-4px -2px 0 0;padding:4px;-webkit-mask:radial-gradient(3px at 50% 0,#0000 98%,#000) 0 0/8px 51% repeat-x,radial-gradient(3px at 50% 100%,#0000 98%,#000) 0 100%/8px 51% repeat-x;mask:radial-gradient(3px at 50% 0,#0000 98%,#000) 0 0/8px 51% repeat-x,radial-gradient(3px at 50% 100%,#0000 98%,#000) 0 100%/8px 51% repeat-x}.pc-stamp div{background:#aab2c0 50%/cover no-repeat;width:100%;height:100%}.pc-post{color:#c98a9e;border:1px solid #c98a9e99;border-radius:50%;place-items:center;width:40px;height:40px;font:8px Georgia,serif;display:grid;position:absolute;top:22px;right:52px;transform:rotate(-14deg)}.pc-right small{margin-top:4px}.pc-addr{color:#5a5462;grid-template-columns:auto 1fr;gap:3px 8px;margin-top:8px;font:11px DateSerif,Noto Serif SC,serif;display:grid}.pc-addr span{letter-spacing:.18em;color:#b0aab8;align-self:center;font:7px Georgia,serif}.kh{gap:3px;display:inline-flex}.kh i,.kh button{background:0 0;border:0;padding:0;line-height:0;display:block}.kh svg{fill:#e7e2ea;width:12px;height:12px}.kh svg.on{fill:#d68ba1}.kh.pick{gap:8px}.kh.pick svg{width:24px;height:24px;transition:transform .25s cubic-bezier(.3,1.6,.5,1)}.kh.pick button:active svg{transform:scale(.8)}.kh.pick svg.on{animation:.35s cubic-bezier(.3,1.6,.5,1) kp-pop}@keyframes kp-pop{0%{transform:scale(.6)}to{transform:scale(1)}}.kp-write{background:#fff;border-radius:24px;margin:26px 18px 0;padding:22px 20px 18px;box-shadow:0 12px 34px #2f2a3a0d}.kp-write>header small{letter-spacing:.26em;color:#aaa5b2;font:8px Georgia,serif}.kp-write>header h2{letter-spacing:.05em;color:#3f3a47;margin:6px 0 4px;font:500 20px DateSerif,Noto Serif SC,serif}.kf{border-bottom:1px solid #eceaf0;padding:16px 0 2px;transition:border-color .2s;display:block}.kf:focus-within{border-bottom-color:#c98a9e}.kf>span{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}.kf b{letter-spacing:.05em;color:#948e9c;font-size:10.5px;font-weight:500}.kf i{color:#c8c3cd;font-size:9px;font-style:normal}.kf textarea{resize:none;color:#403b48;background:0 0;border:0;outline:0;width:100%;padding:2px 0 8px;font:14.5px/1.7 DateSerif,Noto Serif SC,serif;display:block;overflow:hidden}.kf textarea::placeholder{color:#c9c4cf}.kp-rate{gap:10px;margin-top:18px;display:flex}.kp-rate>div{background:#f6f5f9;border-radius:16px;flex-direction:column;flex:1;gap:10px;min-width:0;padding:13px 12px;display:flex}.kp-rate small{color:#9b95a3;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.kp-rate .kh.pick{gap:4px}.kp-rate .kh.pick svg{width:22px;height:22px}.kp-photo{text-align:left;color:#6e6877;background:0 0;border:1px dashed #dcd8e2;border-radius:16px;align-items:center;gap:13px;width:100%;margin-top:14px;padding:13px;display:flex}.kp-photo>span{color:#b27b8e;background:#f5eef2;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.kp-photo b{font-size:12.5px;font-weight:500}.kp-photo small{color:#a8a2b0;margin-top:4px;font-size:10px;font-weight:400;display:block}.kp-float{z-index:5;top:calc(var(--sat,0px) + 12px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#ffffff2e;border:1px solid #fff5;border-radius:18px;justify-content:center;align-items:center;gap:6px;height:36px;font-size:11.5px;display:flex;position:absolute}.kp-float.back{width:36px;left:14px}.kp-float.save{padding:0 13px;right:14px}.kp-float.save.paired{right:58px}.kp-float.share{width:36px;right:14px}.kp-float:disabled{opacity:.6}.kp-bar{z-index:4;padding:16px 18px calc(var(--sab,0px) + 14px);background:linear-gradient(#f4f5f800,#f4f5f8f5 38%);align-items:center;gap:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.kp-toss{color:#9a94a2;background:0 0;border:0;flex:none;padding:10px 4px;font-size:12px;transition:color .2s}.kp-toss.sure{color:#b0506a}.kp-keep{color:#fff;letter-spacing:.12em;background:#3d3a45;border:0;border-radius:24px;flex:1;min-height:48px;font-size:14px;transition:transform .15s;box-shadow:0 10px 24px #3d3a4533}.kp-keep:active{transform:scale(.97)}.kp-export{pointer-events:none;position:fixed;top:0;left:-9999px}.kp-flat{background:#f4f5f8;flex-direction:column;gap:18px;padding:22px;display:flex}.pc-sheet{border-radius:6px;position:relative;overflow:hidden;box-shadow:0 6px 18px #3b2a3a22}@media (prefers-reduced-motion:reduce){.kp-hero-img,.kp-card-wrap,.kh.pick svg.on{animation:none}}