:root{--color-background: #1a1a2e;--color-surface: #16213e;--color-primary: #c41e3a;--color-primary-dark: #8b0000;--color-secondary: #228b22;--color-secondary-dark: #006400;--color-gold: #ffd700;--color-text: #f5f5f5;--color-text-muted: #a0a0a0;--color-overlay: rgba(0, 0, 0, .8);--stamp-bg: linear-gradient(135deg, #c41e3a 0%, #8b0000 100%);--stamp-bg-locked: linear-gradient(135deg, #4a4a4a 0%, #2a2a2a 100%);--stamp-bg-opened: linear-gradient(135deg, #228b22 0%, #006400 100%);--stamp-border: #ffd700;--stamp-shadow: 0 4px 15px rgba(0, 0, 0, .3);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 3rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .6s ease;--z-stamp: 1;--z-stamp-hover: 10;--z-modal-overlay: 100;--z-modal: 101;--z-lightbox: 200}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:var(--color-background);color:var(--color-text);min-height:100vh;line-height:1.5;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at top,#1e3a5f,#1a1a2e,#0d0d1a);z-index:-2}body:after{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(2px 2px at 20px 30px,white,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,white,transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 160px 120px,white,transparent),radial-gradient(2px 2px at 200px 60px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 250px 90px,white,transparent),radial-gradient(2px 2px at 300px 140px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 350px 30px,white,transparent),radial-gradient(2px 2px at 400px 100px,rgba(255,255,255,.8),transparent);background-size:400px 200px;animation:snowfall 15s linear infinite;z-index:-1;pointer-events:none;opacity:.6}@keyframes snowfall{0%{background-position:0 0}to{background-position:400px 600px}}#app{min-height:100vh;padding:var(--spacing-md)}.controls{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.test-mode-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff1a;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-muted);transition:background var(--transition-fast)}.test-mode-toggle:hover{background:#ffffff26}.test-mode-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-gold);cursor:pointer}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;height:auto;display:block}.calendar-container{width:80%;max-width:900px;margin:0 auto}.calendar{--grid-columns: 4;--cell-size: 80px;--grid-gap: 12px;display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);gap:var(--grid-gap);justify-content:center;padding:var(--spacing-md);margin:0 auto}.calendar-header{text-align:center;margin-bottom:var(--spacing-xl)}.calendar-title{font-size:var(--font-size-2xl);color:var(--color-gold);text-shadow:0 2px 4px rgba(0,0,0,.3);margin-bottom:var(--spacing-sm)}.calendar-subtitle{font-size:var(--font-size-md);color:var(--color-text-muted)}@media(min-width:640px){.calendar{--grid-columns: 6}}@media(min-width:900px){.calendar{--grid-columns: 6}}@media(max-width:400px){.calendar{--grid-gap: 6px}.calendar-container{width:95%}}.stamp{position:relative;width:100%;height:100%;aspect-ratio:1;perspective:1000px;background:transparent;border:none;cursor:pointer;transform-style:preserve-3d}.stamp--large{aspect-ratio:1}.stamp__door{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;transform-origin:center center;transition:transform var(--transition-fast),filter var(--transition-fast);backface-visibility:hidden;will-change:transform;transform:translateZ(0);filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.stamp__image{width:100%;height:100%;object-fit:contain;pointer-events:none}.stamp__day{position:absolute;top:8%;right:8%;display:block;font-size:var(--font-size-sm);font-weight:700;color:#fff;background:#0009;padding:2px 6px;border-radius:4px;text-shadow:0 1px 2px rgba(0,0,0,.8);z-index:10}.stamp--large .stamp__day{font-size:var(--font-size-md);padding:3px 8px}.stamp__back{display:none}.stamp--available:hover .stamp__door{transform:translateZ(0) scale(1.08);filter:drop-shadow(0 8px 16px rgba(0,0,0,.4))}.stamp--available:active .stamp__door{transform:translateZ(0) scale(.98)}.stamp--locked{cursor:not-allowed}.stamp--locked:hover .stamp__door{transform:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.stamp--opened .stamp__door{filter:grayscale(.8) brightness(.7) drop-shadow(0 4px 8px rgba(0,0,0,.3))}.stamp--opened:hover .stamp__door{filter:grayscale(.8) brightness(.7) drop-shadow(0 4px 8px rgba(0,0,0,.3));transform:translateZ(0)}.stamp--opening .stamp__door{animation:stampOpen .3s ease-out forwards}@keyframes stampOpen{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1);filter:grayscale(.8) brightness(.7) drop-shadow(0 4px 8px rgba(0,0,0,.3))}}.stamp--available:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px;border-radius:8px;background:transparent;opacity:0;transition:opacity var(--transition-fast);pointer-events:none;z-index:-1}.stamp--available:hover:before{opacity:1;background:radial-gradient(circle at center,rgba(255,215,0,.4) 0%,transparent 70%)}.stamp:focus-visible{outline:none}.stamp:focus-visible .stamp__door{outline:3px solid var(--color-gold);outline-offset:3px}body.modal-open{overflow:hidden}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000c;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal);z-index:1000;padding:var(--spacing-md)}.modal-overlay--visible{opacity:1;visibility:visible}.modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:0 20px 60px #00000080;max-width:500px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;transform:scale(.9) translateY(20px);transition:transform var(--transition-normal)}.modal-overlay--visible .modal{transform:scale(1) translateY(0)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%)}.modal__title{margin:0;font-size:var(--font-size-xl);color:var(--color-text);font-weight:700}.modal__close{background:transparent;border:none;color:var(--color-text);cursor:pointer;padding:0;width:32px;height:32px;position:relative;border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.modal__close:before,.modal__close:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:2px;background:var(--color-text);border-radius:1px}.modal__close:before{transform:translate(-50%,-50%) rotate(45deg)}.modal__close:after{transform:translate(-50%,-50%) rotate(-45deg)}.modal__close:hover{background:#fff3}.modal__close:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}.modal__content{padding:var(--spacing-lg);overflow-y:auto;flex:1}.modal__text{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-lg);line-height:1.6;color:var(--color-text)}.modal__message{text-align:center;font-size:var(--font-size-md);color:var(--color-text-muted);padding:var(--spacing-xl) 0}.modal__message--empty{font-style:italic}.modal__image-container{margin-top:var(--spacing-md);border-radius:var(--radius-md);overflow:hidden}.modal__image{width:100%;height:auto;display:block;cursor:pointer;transition:transform var(--transition-fast)}.modal__image:hover{transform:scale(1.02)}.modal__image-fallback{background:var(--color-background);padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted);font-style:italic;border-radius:var(--radius-md)}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000f2;opacity:0;visibility:hidden;transition:opacity var(--transition-normal),visibility var(--transition-normal);z-index:2000;cursor:pointer}.lightbox-overlay--visible{opacity:1;visibility:visible}.lightbox__image{max-width:95vw;max-height:95vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 20px 60px #000c}.lightbox__close-hint{position:absolute;bottom:var(--spacing-lg);left:50%;transform:translate(-50%);color:var(--color-text-muted);font-size:var(--font-size-sm);pointer-events:none}@media(max-width:640px){.modal{max-width:100%;max-height:95vh;border-radius:var(--radius-lg)}.modal__header{padding:var(--spacing-sm) var(--spacing-md)}.modal__content{padding:var(--spacing-md)}.modal__title{font-size:var(--font-size-lg)}}