*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none;overscroll-behavior:none;touch-action:manipulation;background:#000;width:100%;height:100%;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}.ambient-glow{pointer-events:none;background:radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--accent,#fff) 16%, transparent), transparent 34%), radial-gradient(circle at 15% 85%, color-mix(in srgb, var(--digit,#fff) 8%, transparent), transparent 28%);filter:blur(22px);opacity:.34;animation:12s ease-in-out infinite alternate ambient-drift;position:absolute;inset:-18%}.page-surface{z-index:1;animation:.32s both page-rise}.page-panel{animation:.42s cubic-bezier(.2,.8,.2,1) both panel-enter}.clock-screen{overflow:hidden}.paper-clock-screen{background:radial-gradient(circle at 20% 15%,#ffffffbf,#0000 30%),radial-gradient(circle at 84% 28%,#d6c3a347,#0000 24%),linear-gradient(#ffffff57,#0000 26%),linear-gradient(#f6eee2 0%,#f0e6d7 100%)}.paper-clock-frame{animation:.48s cubic-bezier(.18,.82,.22,1) both paper-frame-enter}.paper-date-rail{background:#fffcf7ad;border:1px solid #7b5a3529;border-radius:999px;padding:8px 12px;box-shadow:0 6px 20px #5a442814}.paper-signature-chip{background:#fff9f0d1;border:1px solid #7b5a3524;border-radius:14px;padding:10px 14px;animation:.56s both signature-fade;box-shadow:0 12px 28px #5c46281a}.clock-breathe{pointer-events:none;background:radial-gradient(circle, color-mix(in srgb, var(--accent,#fff) 12%, transparent), transparent 62%);filter:blur(34px);opacity:.42;border-radius:999px;animation:7s ease-in-out infinite clock-breathe;position:absolute;inset:10% 16%}.flip-card-shell{animation:.46s cubic-bezier(.18,.82,.22,1) both card-settle;box-shadow:0 16px 42px #0003}.paper-card-shell{box-shadow:0 18px 34px #5a42271f,inset 0 2px #ffffffb3}.soft-button,.nav-button{will-change:transform, opacity, filter;transform:translateY(0)}.soft-button:hover,.nav-button:hover{filter:drop-shadow(0 0 10px color-mix(in srgb, currentColor 22%, transparent));transform:translateY(-1px)}.soft-button:active,.nav-button:active{transform:translateY(1px)scale(.98)}.soft-button:focus-visible,.nav-button:focus-visible{outline-offset:3px;outline:2px solid}@keyframes page-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-enter{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes card-settle{0%{opacity:0;transform:translateY(7px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes paper-frame-enter{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes ambient-drift{0%{transform:translate(-1.5%,-1%)scale(1)}to{transform:translate(1.5%,1%)scale(1.04)}}@keyframes clock-breathe{0%,to{opacity:.26;transform:scale(.96)}50%{opacity:.46;transform:scale(1.05)}}@keyframes signature-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.025)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}