*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#f5f0e8;--color-text:#2c2c2c;--color-primary:#54796d;--color-primary-dark:#3f5d53;--color-accent:#d4583a;--color-muted:#8a8276;--color-card:#fffdf8;--color-envelope:#e8d5b7;--color-envelope-flap:#d4c4a0;--color-envelope-inner:#c9b896;--color-stamp:#e8d5b7;--color-surface:#fafaf9;--color-surface-hover:#0000000a;--color-surface-active:#0000000f;--color-surface-track:#0000000f;--color-secondary-bg:#ededeb;--color-secondary-bg-hover:#e2e2df;--color-secondary-text:#aaa;--color-border:#0000001a;--color-border-light:#00000012;--color-border-hover:#00000026;--color-swatch-ring:#00000014;--font-display:"Balsamiq Sans", sans-serif;--font-body:"Balsamiq Sans", sans-serif;--font-handwriting:"Caveat", cursive;--font-mono:"Space Mono", monospace;--text-xs:10px;--text-sm:12px;--text-base:14px;--text-md:15px;--text-lg:18px;--tracking-wide:.1em;--tracking-tight:.02em;--space-1:2px;--space-2:4px;--space-3:6px;--space-4:8px;--space-5:10px;--space-6:12px;--space-7:18px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-full:9999px;--size-swatch:32px;--size-font-row:40px;--size-slider:28px;--size-font-preview:32px;--panel-width:280px;--panel-padding:var(--space-7);--ease-out:cubic-bezier(.25, .1, .25, 1);--duration-fast:.15s;--duration-normal:.3s}html,body,#root{width:100%;height:100%}body{font-family:var(--font-body);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ededec}button{cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-family:inherit}input,textarea{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}a{color:inherit;text-decoration:none}.copy-btn-content{align-items:center;gap:inherit;white-space:nowrap;transition:opacity .2s;display:inline-flex}.copy-btn-content.copy-hidden{opacity:0;pointer-events:none;position:absolute}.my-pc-overlay{z-index:50;background:#0006;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.my-pc-panel{background:var(--color-surface);border-radius:16px 16px 0 0;flex-direction:column;width:100%;max-width:480px;max-height:85vh;display:flex;overflow:hidden}.my-pc-header{border-bottom:1px solid var(--color-border-light);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.my-pc-title{letter-spacing:-.3px;font-family:Inter Tight,sans-serif;font-size:18px;font-weight:500}.my-pc-close{width:32px;height:32px;color:var(--color-muted);border-radius:8px;justify-content:center;align-items:center;transition:background .15s;display:flex}.my-pc-close:active{background:var(--color-surface-hover)}.my-pc-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:20px;padding:16px 20px;display:flex;overflow-y:auto}.my-pc-empty{text-align:center;color:var(--color-text);padding:40px 0;font-family:Inter Tight,sans-serif;font-size:16px}.my-pc-empty-hint{color:var(--color-muted);margin-top:8px;font-family:Space Mono,monospace;font-size:13px}.my-pc-card{flex-direction:column;gap:10px;display:flex}.my-pc-card-preview{aspect-ratio:6/4;cursor:pointer;border-radius:8px;width:100%;transition:transform .15s;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000f}.my-pc-card-preview:active{transform:scale(.98)}.my-pc-card-inner{width:100%;height:100%;position:absolute;top:0;left:0}.my-pc-card-inner>*{transform-origin:0 0;width:700px;height:466.667px;transform:scale(var(--card-scale));position:absolute;top:0;left:0}.my-pc-card-meta{justify-content:space-between;align-items:center;padding:0 2px;display:flex}.my-pc-card-to{color:var(--color-muted);letter-spacing:.05em;font-family:Space Mono,monospace;font-size:12px}.my-pc-card-actions{gap:6px;display:flex}.my-pc-action-btn{background:var(--color-secondary-bg);color:var(--color-secondary-text);border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-family:Inter Tight,sans-serif;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.my-pc-action-btn:hover{background:var(--color-secondary-bg-hover);color:var(--color-text)}.my-pc-copy-btn{position:relative;overflow:hidden}.my-pc-action-view{background:var(--color-primary);color:#fff}.my-pc-action-view:hover{background:var(--color-primary-dark);color:#fff}.about-body{flex-direction:column;gap:16px;padding:20px 24px 32px;display:flex}.about-body p{color:var(--color-muted);font-family:Space Mono,monospace;font-size:14px;line-height:1.7}@media (width>=769px){.my-pc-panel{border-radius:16px;max-width:520px;max-height:70vh;margin-bottom:5vh}}.hero-fullscreen{background:#fafaf9;justify-content:center;align-items:center;width:100vw;height:100dvh;display:flex;position:relative;overflow:hidden}.hero-scroll-track{pointer-events:none;opacity:0;transition:opacity .8s;position:absolute;inset:0;overflow:hidden}.hero-scroll-track.hero-scroll-visible{opacity:1}.hero-scroll-belt{will-change:transform;gap:48px;width:max-content;height:100%;display:flex;position:absolute;top:0;left:0}.hero-scroll-belt.hero-belt-animate{animation:60s linear infinite hero-scroll}@keyframes hero-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.hero-float-card{top:var(--pc-y);width:320px;transform:rotate(var(--pc-tilt));opacity:.25;flex-shrink:0;position:relative}.hero-float-card-inner{aspect-ratio:6/4;border-radius:0;width:320px;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000f}.hero-float-card-inner>*{transform-origin:0 0;width:700px;height:466.667px;transform:scale(var(--card-scale));position:absolute;top:0;left:0}.hero-float-front{border-radius:0;overflow:hidden;box-shadow:0 2px 12px #0000000f}.hero-float-front>*{width:100%;height:100%;position:static;transform:none}.hero-float-thumb{object-fit:cover;width:100%;height:100%;display:block}.hero-placeholder-card{aspect-ratio:6/4;background:#fffdf8;border-radius:0;width:320px;position:relative;box-shadow:0 2px 12px #0000000f}.hero-placeholder-divider{border-left:1px solid #00000014;position:absolute;top:10%;bottom:10%;left:50%}.hero-placeholder-stamp{border:1px solid #0000000f;border-radius:2px;width:18%;height:28%;position:absolute;top:12%;right:10%}.hero-placeholder-line{border-top:1px solid #0000000f;width:30%;position:absolute;top:54%;right:10%}.hero-placeholder-line-2{top:68%}.hero-center{z-index:1;opacity:0;flex-direction:column;align-items:center;gap:32px;transition:opacity .4s;display:flex;position:relative}.hero-center.hero-center-ready{opacity:1}.hero-rive-wrap{width:380px;height:380px;transform:translateY(calc(var(--rive-offset,0px) + 20px)) scale(var(--rive-scale,1));will-change:transform;transition:transform 1s cubic-bezier(.16,1,.3,1)}.hero-rive-wrap.hero-rive-settled{transform:translateY(0)scale(1)}.hero-rive-wrap>canvas{width:100%!important;height:100%!important}.hero-text{text-align:center;opacity:0;flex-direction:column;align-items:center;gap:20px;transition:opacity .6s,transform .6s;display:flex;transform:translateY(12px)}.hero-buttons{flex-direction:column;align-items:center;gap:12px;margin-top:4px;display:flex}.hero-secondary-row{gap:10px;display:flex}.btn-secondary{background:var(--color-secondary-bg);color:var(--color-secondary-text);letter-spacing:.01em;cursor:pointer;border-radius:8px;padding:12px 22px;font-family:Inter Tight,sans-serif;font-size:14px;font-weight:500;transition:background .15s,color .15s,transform .15s}.btn-secondary:hover{background:var(--color-secondary-bg-hover);color:var(--color-text);transform:scale(1.03)}.hero-text.hero-text-visible{opacity:1;transform:translateY(0)}.hero-logo{color:#000;letter-spacing:-1px;margin:0;font-family:Inter Tight,sans-serif;font-size:64px;font-weight:400}.hero-subtitle{color:var(--color-muted);max-width:380px;margin:0;font-family:Space Mono,monospace;font-size:15px;line-height:1.6}.hero-float-card-inner .postcard-stamp{width:120px;height:120px}.hero-float-card-inner .postcard-back-left{gap:16px;padding:28px}.hero-float-card-inner .postcard-back-right{padding:28px}@media (width<=700px){.hero-rive-wrap{width:260px;height:260px}.hero-float-card,.hero-float-card-inner,.hero-placeholder-card{width:220px}.hero-scroll-belt{gap:32px}.hero-logo{font-size:48px}}.home-page{background:#fafaf9;width:100%}.home-send-btn{background:var(--color-primary);color:#fff;letter-spacing:.01em;cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:14px 36px;font-family:Inter Tight,sans-serif;font-size:15px;font-weight:500;transition:background .15s,transform .15s;display:inline-flex}.home-send-btn:hover{background:var(--color-primary-dark);transform:scale(1.03)}.custom-cursor{pointer-events:none;z-index:9999;will-change:transform, width, height, border-radius;background:#2c2c2ce6;border-radius:10px;justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.custom-cursor-label{color:#fff;white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;padding-left:0;font-family:Space Mono,monospace;font-size:13px;font-weight:400;display:flex}.custom-cursor-icon{flex-shrink:0;width:14px;height:14px}@media (pointer:fine){*,:before,:after{cursor:none!important}}@media (pointer:coarse){.custom-cursor{display:none!important}}