@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Nanum+Pen+Script&display=swap);:root{--color-parchment:#f4efe7;--color-parchment-dark:#e8dfd5;--color-cream:#fef9f3;--color-warm-beige:#e8dcc8;--color-soft-brown:#a68a64;--color-deep-brown:#6b5644;--color-charcoal:#3a3a3a;--color-watercolor-blue:#b5d4e1;--color-watercolor-green:#c8dfc8;--color-watercolor-pink:#f2d4d7;--color-watercolor-peach:#f5d5c3;--color-watercolor-lavender:#d9d4e8;--color-watercolor-yellow:#fef5d4;--color-ink-black:#2c2c2c;--color-ink-blue:#4a5f7f;--color-ink-sepia:#704214;--color-text-primary:var(--color-ink-black);--color-text-secondary:var(--color-deep-brown);--color-text-accent:var(--color-ink-blue);--color-background:var(--color-parchment);--color-surface:var(--color-cream);--font-primary:"Playfair Display",serif;--font-handwriting:"Nanum Pen Script",cursive;--font-system:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:150ms ease-in-out;--transition-normal:300ms ease-in-out;--transition-slow:500ms ease-in-out;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 8px #0000001f;--shadow-lg:0 8px 16px #00000026;--shadow-watercolor:0 4px 12px #00000014}*{box-sizing:border-box}#root,*,body,html{margin:0;padding:0}#root,body,html{height:100%;overflow-anchor:none;width:100%}html{scroll-behavior:auto}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4efe7;background-color:var(--color-background);color:#2c2c2c;color:var(--color-text-primary);font-family:Playfair Display,serif;font-family:var(--font-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.parchment-texture{background-color:#f4efe7;background-color:var(--color-parchment);background-image:linear-gradient(90deg,#0000 79px,#a68a640a 80px,#0000 81px),linear-gradient(#a68a6405 1px,#0000 0);background-size:81px 81px,100% 1.2em;position:relative}.parchment-texture:before{background-image:radial-gradient(circle at 20% 50%,#e8dfd54d 0,#0000 50%),radial-gradient(circle at 80% 80%,#e8dfd54d 0,#0000 50%),radial-gradient(circle at 40% 20%,#e8dfd533 0,#0000 30%);bottom:0;content:"";left:0;mix-blend-mode:multiply;pointer-events:none;position:absolute;right:0;top:0}.watercolor-blur{filter:blur(1px);opacity:.7}.watercolor-edge{filter:url(#watercolor-filter)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#e8dfd5;background:var(--color-parchment-dark)}::-webkit-scrollbar-thumb{background:#a68a64;background:var(--color-soft-brown);border-radius:4px;border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:#6b5644;background:var(--color-deep-brown)}.fullscreen-prompt{align-items:center;background:linear-gradient(135deg,var(--color-watercolor-peach) 0,var(--color-watercolor-lavender) 100%);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.fullscreen-prompt-content{border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;padding:var(--spacing-2xl);text-align:center}.fullscreen-prompt h1{color:var(--color-text-primary);font-family:var(--font-primary);font-size:3rem;font-weight:600;margin-bottom:var(--spacing-lg)}.fullscreen-prompt p{color:var(--color-text-secondary);font-family:var(--font-primary);font-size:1.2rem;margin-bottom:var(--spacing-xl)}.fullscreen-button{background-color:var(--color-deep-brown);border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:var(--color-cream);cursor:pointer;font-family:var(--font-primary);font-size:1.1rem;font-weight:500;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-normal)}.fullscreen-button:hover{background-color:var(--color-soft-brown);box-shadow:var(--shadow-lg)}.fullscreen-button:active{box-shadow:var(--shadow-sm);transform:translateY(2px)}.admin-gear-icon{align-items:center;background:radial-gradient(ellipse at 30% 30%,#f5e6d3f2 0,#d4c5b0e6 100%);border:3px solid var(--color-deep-brown);border-radius:50%;box-shadow:0 4px 12px #6b56444d,inset 0 2px 4px #ffffff80;cursor:pointer;display:flex;font-size:28px;height:56px;justify-content:center;left:20px;position:fixed;top:20px;transition:all .3s ease;width:56px;z-index:999}.admin-gear-icon:hover{background:radial-gradient(ellipse at 30% 30%,#f5e6d3 0,#d4c5b0f2 100%);box-shadow:0 6px 16px #6b564466,inset 0 2px 4px #ffffffb3}.admin-gear-icon:active{box-shadow:0 2px 6px #6b56444d,inset 0 1px 2px #0003}@media (max-width:768px){.admin-gear-icon{font-size:24px;height:48px;left:15px;top:15px;width:48px}}.bird-notification-container{pointer-events:none;position:fixed;right:20px;top:80px;transform:scale(.6) scaleX(-1);z-index:9999}.bird-notification{animation:slideInBird .5s ease-out,birdBounce .6s ease-in-out .5s infinite;pointer-events:all;position:relative}@keyframes slideInBird{0%{opacity:0;transform:translateX(150px)}to{opacity:1;transform:translateX(0)}}@keyframes birdBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.branch{background:linear-gradient(90deg,#8b6f47,#a0826d);border-radius:4px;bottom:25px;box-shadow:0 2px 4px #0003;height:8px;position:absolute;right:20px;transform:rotate(-5deg);width:80px}.bird-on-branch{height:80px;position:relative;width:100px}.bird{bottom:30px;position:absolute;right:35px}.bird-body{background:linear-gradient(135deg,#5dade2,#3498db);border-radius:50% 50% 50% 50%/60% 60% 40% 40%;box-shadow:0 2px 6px #00000026;height:35px;position:relative;width:40px}.bird-head{background:linear-gradient(135deg,#85c1e9,#5dade2);border-radius:50%;box-shadow:0 2px 4px #0000001a;height:25px;left:12px;position:absolute;top:-15px;width:25px}.bird-beak{border-bottom:4px solid #0000;border-left:8px solid #f39c12;border-top:4px solid #0000;height:0;left:32px;position:absolute;top:-8px;width:0}.bird-eye{animation:birdBlink 3s infinite;background:#2c3e50;border-radius:50%;height:5px;left:28px;position:absolute;top:-10px;width:5px}@keyframes birdBlink{0%,96%,to{transform:scaleY(1)}98%{transform:scaleY(.1)}}.bird-wing{animation:wingFlap .4s ease-in-out infinite;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:50% 0 50% 50%;height:25px;left:-5px;position:absolute;top:8px;transform:rotate(-20deg);width:20px}@keyframes wingFlap{0%,to{transform:rotate(-20deg)}50%{transform:rotate(-5deg)}}.bird-tail{border-bottom:8px solid #0000;border-right:18px solid #2980b9;border-top:8px solid #0000;height:0;left:-15px;position:absolute;top:12px;width:0}.speech-bubble{animation:bubblePop .3s ease-out .2s backwards;background:#fffffff2;border:2px solid #8b6f47;border-radius:15px;box-shadow:0 4px 12px #00000026;min-width:200px;padding:12px 18px;position:absolute;right:-40px;top:-60px;transform:scaleX(-1)}@keyframes bubblePop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.bubble-text{color:#4a4a4a;font-family:Playfair Display,serif;font-size:14px;line-height:1.4;margin:0;text-align:center}.bubble-text strong{color:#8b6f47;font-weight:600}.bubble-tail{border-left:10px solid #0000;border-right:10px solid #0000;border-top:12px solid #fffffff2;bottom:-10px;left:30px}.bubble-tail,.bubble-tail:before{height:0;position:absolute;width:0}.bubble-tail:before{border-left:11px solid #0000;border-right:11px solid #0000;border-top:13px solid #8b6f47;bottom:2px;content:"";left:-11px}.dismiss-button{align-items:center;background:#fffffff2;border:2px solid #8b6f47;border-radius:50%;box-shadow:0 2px 6px #0000001a;color:#8b6f47;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-48px;top:-65px;transform:scaleX(-1);transition:all .2s ease;width:24px}.dismiss-button:hover{background:#8b6f47;color:#fff;transform:scaleX(-1) scale(1.1)}.bird-notification:hover .speech-bubble{box-shadow:0 6px 16px #0003;transform:scaleX(-1) scale(1.05)}.bird-notification:hover .bird{animation:birdHop .3s ease-in-out}@keyframes birdHop{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width:768px){.bird-notification-container{right:10px;top:60px;transform:scale(.5) scaleX(-1)}.speech-bubble{min-width:160px;padding:10px 14px}.bubble-text{font-size:12px}}.mail-notification-container{pointer-events:none;position:fixed;right:20px;top:160px;transform:scale(.6);z-index:9998}.mail-notification{animation:slideInMail .5s ease-out,mailBounce 2s ease-in-out .5s infinite;pointer-events:all;position:relative}@keyframes slideInMail{0%{opacity:0;transform:translateX(150px)}to{opacity:1;transform:translateX(0)}}@keyframes mailBounce{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}.envelope-wrapper{height:80px;position:relative;width:100px}.envelope{height:65px;position:relative;width:90px}.envelope-body{background:linear-gradient(145deg,#f5e6d3,#e8d4bc 50%,#dcc5a8);border:2px solid #8b7355;border-radius:4px;bottom:0;box-shadow:0 4px 8px #00000026,inset 0 -10px 20px #8b73551a;height:55px;left:0;position:absolute;width:90px}.envelope-flap{border-left:45px solid #0000;border-right:45px solid #0000;border-top:35px solid #e0d0b8;filter:drop-shadow(0 2px 2px rgba(0,0,0,.1));height:0;left:0;position:absolute;top:0;width:0}.envelope-flap:after{border:45px solid #0000;border-bottom:none;border-top:35px solid #8b7355;content:"";height:0;left:-45px;opacity:.3;position:absolute;top:-37px;width:0}.wax-seal{background:radial-gradient(circle at 35% 35%,#d45555,#8b2323 70%,#6b1515);border:1px solid #5a1010;border-radius:50%;bottom:15px;box-shadow:0 3px 6px #0000004d,inset 0 -3px 6px #00000040,inset 0 3px 6px #ffc8c833;height:28px;left:50%;position:absolute;transform:translateX(-50%);width:28px}.floating-heart{height:12px;opacity:.7;position:absolute;width:12px}.floating-heart:after,.floating-heart:before{background:#d4a5a5;border-radius:6px 6px 0 0;content:"";height:10px;position:absolute;width:6px}.floating-heart:before{left:0;transform:rotate(-45deg);transform-origin:bottom right}.floating-heart:after{right:0;transform:rotate(45deg);transform-origin:bottom left}.heart-1{animation:floatHeart1 2s ease-in-out infinite;right:5px;top:-10px}.heart-2{animation:floatHeart2 2.5s ease-in-out .3s infinite;right:-15px;top:0;transform:scale(.8)}.heart-3{animation:floatHeart3 2.2s ease-in-out .6s infinite;right:-10px;top:20px;transform:scale(.6)}@keyframes floatHeart1{0%,to{opacity:.7;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-8px) scale(1.1)}}@keyframes floatHeart2{0%,to{opacity:.6;transform:translateY(0) scale(.8)}50%{opacity:.9;transform:translateY(-6px) scale(.9)}}@keyframes floatHeart3{0%,to{opacity:.5;transform:translateY(0) scale(.6)}50%{opacity:.8;transform:translateY(-5px) scale(.7)}}.mail-speech-bubble{animation:bubblePopMail .3s ease-out .2s backwards;background:#fffffff2;border:2px solid #8b6f47;border-radius:15px;box-shadow:0 4px 12px #00000026;min-width:180px;padding:12px 18px;position:absolute;right:-30px;top:-55px}@keyframes bubblePopMail{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.mail-bubble-text{color:#4a4a4a;font-family:Playfair Display,serif;font-size:14px;line-height:1.4;margin:0;text-align:center}.mail-bubble-text strong{color:#8b6f47;font-weight:600}.mail-bubble-tail{border-left:10px solid #0000;border-right:10px solid #0000;border-top:12px solid #fffffff2;bottom:-10px;height:0;left:30px;position:absolute;width:0}.mail-bubble-tail:before{border-left:11px solid #0000;border-right:11px solid #0000;border-top:13px solid #8b6f47;bottom:2px;content:"";height:0;left:-11px;position:absolute;width:0}.mail-dismiss-button{align-items:center;background:#fffffff2;border:2px solid #8b6f47;border-radius:50%;box-shadow:0 2px 6px #0000001a;color:#8b6f47;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-38px;top:-60px;transition:all .2s ease;width:24px}.mail-dismiss-button:hover{background:#8b6f47;color:#fff;transform:scale(1.1)}.mail-notification:hover .mail-speech-bubble{box-shadow:0 6px 16px #0003;transform:scale(1.05)}.mail-notification:hover .envelope{animation:envelopeWiggle .3s ease-in-out}@keyframes envelopeWiggle{0%,to{transform:rotate(0deg)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@media (max-width:768px){.mail-notification-container{right:10px;top:140px;transform:scale(.5)}.mail-speech-bubble{min-width:150px;padding:10px 14px}.mail-bubble-text{font-size:12px}}.active-pulse-container{align-items:center;display:flex;flex-direction:row-reverse;gap:12px;pointer-events:auto;position:fixed;right:20px;top:15px;z-index:9998}.pulse-indicator{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-normal);width:36px}.pulse-indicator:not(.active){opacity:0;pointer-events:none}.pulse-indicator.active{opacity:1;pointer-events:auto}.pulse-heart-icon{color:#f2d4d7;color:var(--color-watercolor-pink,#f2d4d7);height:24px;transition:all var(--transition-normal);width:24px}.pulse-indicator:not(.active) .pulse-heart-icon{color:#ccc;filter:none}.pulse-indicator.active .pulse-heart-icon{animation:heartGlow 2s ease-in-out infinite;color:#f2d4d7;color:var(--color-watercolor-pink,#f2d4d7);filter:drop-shadow(0 0 8px #f2d4d7);filter:drop-shadow(0 0 8px var(--color-watercolor-pink,#f2d4d7))}.pulse-indicator.active:hover .pulse-heart-icon{filter:drop-shadow(0 0 12px #f2d4d7);filter:drop-shadow(0 0 12px var(--color-watercolor-pink,#f2d4d7));transform:scale(1.1)}.pulse-indicator.sending .pulse-heart-icon{animation:sendPulse .6s ease-out}@keyframes heartGlow{0%,to{filter:drop-shadow(0 0 8px #f2d4d7);filter:drop-shadow(0 0 8px var(--color-watercolor-pink,#f2d4d7));transform:scale(1)}50%{filter:drop-shadow(0 0 16px #f2d4d7);filter:drop-shadow(0 0 16px var(--color-watercolor-pink,#f2d4d7));transform:scale(1.08)}}@keyframes sendPulse{0%{transform:scale(1)}25%{transform:scale(1.4)}50%{transform:scale(.9)}75%{transform:scale(1.1)}to{transform:scale(1)}}.pulse-tooltip{background:#fffffff2;border:1px solid #f2d4d780;border-radius:8px;box-shadow:0 2px 8px #00000026;font-size:.95rem;margin-top:8px;padding:6px 12px;pointer-events:none;position:absolute;right:0;top:100%;z-index:10}.partner-home-message,.pulse-tooltip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#6b5644;color:var(--color-deep-brown,#6b5644);font-family:Nanum Pen Script,cursive;font-family:var(--font-handwriting,"Nanum Pen Script",cursive);white-space:nowrap}.partner-home-message{background:#ffffffd9;border:1px solid #f2d4d780;border-radius:20px;box-shadow:0 2px 8px #0000001a;font-size:1.1rem;padding:6px 14px}.screen-pulse-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:9997}.pulse-inner-glow{animation:smoothPulse 7s ease-out forwards;background:radial-gradient(circle,#ff8ca08c 0,#ffaab966 20%,#f2c8d240 40%,#ffc0cb1f 60%,#0000 80%);border-radius:50%;height:250vmax;position:absolute;width:250vmax}@keyframes smoothPulse{0%{opacity:0;transform:scale(0)}3%{opacity:1;transform:scale(.4)}15%{opacity:.85;transform:scale(.6)}40%{opacity:.7;transform:scale(.75)}65%{opacity:.5;transform:scale(.85)}85%{opacity:.25;transform:scale(.95)}to{opacity:0;transform:scale(1)}}@media (max-width:768px){.active-pulse-container{gap:8px;right:10px;top:10px}.pulse-indicator{height:32px;width:32px}.pulse-heart-icon{height:20px;width:20px}.partner-home-message{font-size:.9rem;padding:4px 10px}}@media (max-width:480px){.partner-home-message{display:none}}.cursor-trail-container{overflow:hidden;position:fixed;z-index:99999}.cursor-trail-container,.ink-trail-svg{height:100%;left:0;pointer-events:none;top:0;width:100%}.ink-trail-svg{position:absolute}.ink-line{stroke:#1a252f;stroke-linecap:round;stroke-linejoin:round;fill:none;filter:drop-shadow(0 0 .5px rgba(26,37,47,.3));transition:opacity .1s ease-out}.mobile-prompt-container{align-items:center;background:linear-gradient(180deg,var(--color-warm-beige) 0,var(--color-parchment) 50%,var(--color-parchment-dark) 100%);bottom:0;display:flex;height:100vh;justify-content:center;left:0;overflow:auto;padding:var(--spacing-lg);position:fixed;right:0;top:0;width:100vw;z-index:10000}.mobile-prompt-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:2px solid #a68a6433;border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000001a,0 4px 12px #0000000d;max-width:500px;padding:var(--spacing-xl);text-align:center;width:100%}.mobile-prompt-header{display:flex;justify-content:center;margin-bottom:var(--spacing-lg)}.mobile-prompt-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));height:80px;width:80px}.mobile-prompt-title{color:var(--color-deep-brown);font-family:var(--font-serif);font-size:2rem;font-weight:600;line-height:1.2;margin:0 0 var(--spacing-lg) 0}.mobile-prompt-message{margin-bottom:var(--spacing-xl)}.mobile-prompt-main-text{color:var(--color-text-primary);font-family:var(--font-primary);font-size:1.1rem;font-weight:500;line-height:1.6;margin:0 0 var(--spacing-md) 0}.mobile-prompt-sub-text{color:#4a3628cc;font-family:var(--font-primary);font-size:.95rem;line-height:1.7;margin:0}.mobile-prompt-suggestion{background:linear-gradient(135deg,#f5f0e1e6,#ebe4d3e6);border:1px solid #a68a644d;border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.mobile-prompt-suggestion-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.mobile-prompt-suggestion p{color:var(--color-text-primary);font-family:var(--font-primary);font-size:1rem;font-weight:500;line-height:1.6;margin:0}.mobile-prompt-url{margin-bottom:var(--spacing-lg)}.mobile-prompt-url code{background:#a68a6426;border:1px solid #a68a644d;border-radius:var(--radius-sm);color:var(--color-deep-brown);display:inline-block;font-family:Courier New,monospace;font-size:1rem;padding:var(--spacing-sm) var(--spacing-md)}.mobile-prompt-footer{color:#4a362899;font-family:var(--font-primary);font-size:.85rem;font-style:italic;margin:0}.mobile-prompt-content:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#a68a6405 0,#a68a6405 4px);border-radius:var(--radius-lg);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@media (max-width:400px){.mobile-prompt-content{padding:var(--spacing-lg)}.mobile-prompt-title{font-size:1.6rem}.mobile-prompt-icon{height:60px;width:60px}.mobile-prompt-suggestion-icon{font-size:2rem}}.login-page{height:100vh;overflow:hidden;position:relative;width:100%}.login-background{background-color:var(--color-parchment);bottom:0;left:0;position:absolute;right:0;top:0}.login-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:1}.login-content{max-width:500px;text-align:center;width:90%}.login-content h1{color:var(--color-text-primary);font-family:var(--font-primary);font-size:3rem;font-weight:600;margin-bottom:var(--spacing-2xl);text-align:center}.login-content form{align-items:center;display:flex;flex-direction:column}.simple-input{background-color:initial;border:none;border-bottom:2px solid var(--color-soft-brown);color:var(--color-text-primary);font-family:var(--font-primary);font-size:1.3rem;max-width:400px;padding:var(--spacing-lg);text-align:center;transition:all var(--transition-normal);width:100%}.simple-input::placeholder{color:var(--color-text-secondary);opacity:.5}.simple-input:focus{border-bottom-color:var(--color-deep-brown);outline:none}.error-message{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#8b451314,#a0522d1f);border-left:4px solid #8b451366;border-radius:var(--radius-md);box-shadow:0 2px 8px #00000014,inset 0 1px 0 #ffffff4d;color:var(--color-deep-brown);font-family:var(--font-handwriting);font-size:1rem;font-style:italic;line-height:1.6;margin-left:auto;margin-right:auto;margin-top:var(--spacing-xl);max-width:400px;padding:var(--spacing-lg) var(--spacing-xl);text-align:center}.trail-painting{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.painting-frame{background-color:var(--color-cream);border:8px solid var(--color-deep-brown);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);max-width:400px;padding:var(--spacing-lg);position:relative;width:100%}.painting-frame:before{border:2px solid var(--color-soft-brown);border-radius:var(--radius-sm);bottom:-4px;content:"";left:-4px;pointer-events:none;position:absolute;right:-4px;top:-4px}.painting-image-container{border-radius:var(--radius-sm);overflow:hidden;position:relative;width:100%}.painting-background{border-radius:var(--radius-sm);display:block;height:auto;width:100%}.hiker-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:auto;position:absolute;width:40px;z-index:10}.painting-label{background-color:#f4efe7cc;border-radius:var(--radius-sm);margin-top:var(--spacing-md);padding:var(--spacing-sm);text-align:center}.days-counter{color:var(--color-text-primary);font-family:var(--font-handwriting);font-size:1.5rem;margin:0}.days-number{color:var(--color-ink-sepia)}.days-text{font-size:1.3rem}@media (max-width:768px){.painting-frame{max-width:300px;padding:var(--spacing-md)}.days-counter{font-size:1.2rem}.days-number{font-size:1.5rem}.days-text{font-size:1rem}}.timezone-clock{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.timezone-clock-container{height:300px;position:relative;width:300px}.timezone-clock-svg{height:100%;width:100%}.timezone-clock-display{align-items:center;display:flex;flex-direction:column;justify-content:center;left:48%;max-width:150px;pointer-events:none;position:absolute;text-align:center;top:53%;transform:translate(-50%,-50%);width:100%}.timezone-label{color:var(--color-text-secondary);font-family:var(--font-handwriting);font-size:1.3rem;letter-spacing:-.5px;line-height:1.2;padding:0 var(--spacing-xs);text-align:center}@media (max-width:768px){.timezone-clock-container{height:150px;width:150px}.timezone-label{font-size:.85rem}}.days-calendar{height:100%;justify-content:center;width:100%}.days-calendar,.love-counter{align-items:center;display:flex}.love-counter{flex-direction:column;gap:var(--spacing-md);max-width:200px}.calendar-graphic{height:160px;position:relative;width:140px}.calendar-svg{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));height:100%;width:100%}.days-display{background:linear-gradient(145deg,#fef9f3,#f4efe7);border:2px solid var(--color-soft-brown);border-radius:var(--radius-md);box-shadow:0 2px 4px #0000001a,inset 0 1px 2px #fff9;padding:var(--spacing-sm) var(--spacing-md);text-align:center}.days-number{color:var(--color-accent-warm);font-family:var(--font-serif);font-size:2rem;font-weight:700;line-height:1;margin-bottom:4px;text-shadow:1px 1px 2px #0000001a}.days-text{color:var(--color-text-secondary);font-family:var(--font-handwriting);font-size:.85rem;line-height:1.2}@media (max-width:768px){.love-counter{max-width:140px}.calendar-graphic{height:120px;width:100px}.days-number{font-size:1.5rem}.days-text{font-size:.7rem}}.picture-frame{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.frame-container{max-width:400px;position:relative;width:100%}.frame-border{background-color:var(--color-deep-brown);box-shadow:var(--shadow-lg);padding:var(--spacing-lg)}.frame-border,.frame-inner{border-radius:var(--radius-sm);position:relative}.frame-inner{aspect-ratio:4/3;background-color:var(--color-cream);overflow:hidden;padding:var(--spacing-sm)}.daily-photo{border-radius:var(--radius-sm);display:block;height:100%;object-fit:cover;width:100%}.photo-loading{align-items:center;background-color:var(--color-parchment);display:flex;height:100%;justify-content:center;width:100%}.loading-spinner{height:40px;width:40px}.frame-corner{border:2px solid var(--color-soft-brown);height:20px;position:absolute;width:20px}.frame-corner-tl{border-bottom:none;border-right:none;left:8px;top:8px}.frame-corner-tr{border-bottom:none;border-left:none;right:8px;top:8px}.frame-corner-bl{border-right:none;border-top:none;bottom:8px;left:8px}.frame-corner-br{border-left:none;border-top:none;bottom:8px;right:8px}.photo-caption{background-color:#f4efe7b3;border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-handwriting);font-size:1.2rem;margin-top:var(--spacing-md);padding:var(--spacing-sm);text-align:center}@media (max-width:768px){.frame-container{max-width:250px}.frame-border{padding:var(--spacing-md)}.photo-caption{font-size:1rem}}.yo-sign-container{cursor:pointer;filter:drop-shadow(3px 5px 10px rgba(0,0,0,.25));position:relative}.yo-sign{height:80px;position:relative;transition:all .3s ease;width:120px}.yo-sign:hover{filter:brightness(1.05);transform:translateY(-3px)}.yo-svg{height:100%;width:100%}.sign-background{transition:all .3s ease}.yo-sign:hover .sign-background rect{fill:#fffacd}.yo-text .letter-o,.yo-text .letter-y{stroke-dasharray:200;stroke-dashoffset:200;animation:draw-letters 1.5s ease forwards;transition:all .3s ease}@keyframes draw-letters{to{stroke-dashoffset:0}}.yo-sign:hover .letter-o,.yo-sign:hover .letter-y{animation:pulse-glow 1.5s ease infinite;filter:drop-shadow(0 0 4px #FF6B35)}.deco-dot{transition:all .4s ease}.yo-sign:hover .deco-dot{r:6;animation:sparkle-rotate 2s linear infinite}@keyframes sparkle-rotate{0%{opacity:.8;transform:rotate(0deg)}50%{opacity:1}to{opacity:.8;transform:rotate(1turn)}}@keyframes bounce-hint{0%,to{transform:translateX(-50%) translateY(-4px)}50%{transform:translateX(-50%) translateY(-8px)}}.henryomi-message{pointer-events:none;transform:translateX(-50%);z-index:1000}.henryomi-svg{filter:drop-shadow(3px 5px 12px rgba(0,0,0,.3));height:80px;width:240px}.henryomi-text{animation:text-wiggle .8s ease infinite}@keyframes text-wiggle{0%,to{transform:translateY(0)}25%{transform:translateY(-2px)}75%{transform:translateY(2px)}}.henryomi-text tspan{animation:yo-pulse 1s ease infinite}@keyframes yo-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}@media (max-width:768px){.yo-sign{height:60px;width:90px}.henryomi-svg{height:60px;width:180px}.henryomi-text{font-size:24px}.henryomi-text tspan{font-size:28px}}.sticky-note{border-radius:2px;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;cursor:grab;min-height:180px;padding:var(--spacing-md);pointer-events:auto;transform-origin:center center;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none;width:180px;z-index:70}.sticky-note.dragging,.sticky-note:active{box-shadow:0 10px 20px #0003,0 3px 6px #00000026;cursor:grabbing;z-index:200}.sticky-note.not-owner{cursor:default;opacity:.9}.sticky-note.not-owner .sticky-note-content,.sticky-note.not-owner:active{cursor:default}.sticky-note-delete{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#00000080;cursor:pointer;display:flex;font-size:1.2rem;height:24px;justify-content:center;line-height:1;opacity:0;padding:0;position:absolute;right:4px;top:4px;transition:all .2s ease;width:24px}.sticky-note:hover .sticky-note-delete{opacity:1}.sticky-note-delete:hover{background:#f003;color:#f00c;transform:scale(1.1)}.sticky-note-pin{align-items:center;background:#0000001a;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;line-height:1;opacity:0;padding:0;position:absolute;right:32px;top:4px;transition:all .2s ease;width:24px;z-index:5}.sticky-note:hover .sticky-note-pin{opacity:1}.sticky-note-pin:hover{background:#c8643233;transform:scale(1.1)}.sticky-note-pin-prompt{align-items:center;background:linear-gradient(135deg,#f5f0e1fa,#ebe4d3fa);border-radius:2px;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;padding:12px;position:absolute;right:0;text-align:center;top:0;z-index:20}.sticky-note-pin-prompt p{color:#4a3628;font-family:var(--font-handwriting);font-size:.95rem;margin:0 0 4px}.sticky-note-pin-prompt .pin-prompt-subtitle{color:#4a362899;font-size:.75rem;margin-bottom:12px}.pin-prompt-buttons{display:flex;gap:8px}.pin-prompt-btn{border:1px solid #a68a6466;border-radius:6px;cursor:pointer;font-family:var(--font-handwriting);font-size:.85rem;padding:6px 14px;transition:all .2s ease}.pin-prompt-confirm{background:linear-gradient(180deg,#c8a0644d,#b48c5066);color:#4a3628}.pin-prompt-confirm:hover{background:linear-gradient(180deg,#c8a06480,#b48c5099);transform:translateY(-1px)}.pin-prompt-cancel{background:#ffffff80;color:#4a3628b3}.pin-prompt-cancel:hover{background:#fffc}.sticky-note-content{align-items:flex-start;cursor:text;display:flex;justify-content:flex-start;min-height:126px;width:100%}.sticky-note-textarea{background:#0000;border:none;color:#000c;cursor:text;font-family:var(--font-handwriting);font-size:1rem;line-height:1.6;max-height:360px;min-height:126px;outline:none;overflow:hidden;padding:var(--spacing-xs);resize:none;width:100%}.sticky-note-textarea::placeholder{color:#0000004d;font-style:italic}.sticky-note-text{word-wrap:break-word;color:#000c;font-family:var(--font-handwriting);font-size:1rem;line-height:1.6;margin:0;min-height:126px;padding:var(--spacing-xs);white-space:pre-wrap;width:100%}.sticky-note-text:empty:before{color:#0000004d;content:"Click to write...";font-style:italic}.sticky-note-meta{bottom:var(--spacing-xs);color:#0006;font-family:var(--font-primary);font-size:.7rem;font-style:italic;position:absolute;right:var(--spacing-xs)}.sticky-note-author{text-transform:capitalize}.sticky-note-texture{background-image:repeating-linear-gradient(0deg,#0000,#0000 1px,#ffffff1a 0,#ffffff1a 2px);border-radius:2px;bottom:0;left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}.sticky-note:before{background:linear-gradient(135deg,#0000,#0000 50%,#0000001a 0,#00000026);border-radius:0 0 2px 0;bottom:0;content:"";height:20px;position:absolute;right:0;width:20px}.sticky-note-draw-toggle{align-items:center;background:#0000001a;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;left:4px;line-height:1;opacity:0;padding:0;position:absolute;top:4px;transition:all .2s ease;width:24px;z-index:5}.sticky-note:hover .sticky-note-draw-toggle{opacity:1}.sticky-note-draw-toggle.active{background:#0064c84d;opacity:1}.sticky-note-draw-toggle:hover{background:#0064c833;transform:scale(1.1)}.sticky-note-draw-controls{align-items:center;background:linear-gradient(135deg,#f5f0e1,#ebe4d3 50%,#e8e0cc);border:1px solid #a68a644d;border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000026,0 2px 4px #0000001a,inset 0 1px 0 #ffffff80;display:flex;flex-direction:row;font-family:var(--font-handwriting);gap:8px;left:50%;margin-bottom:8px;padding:8px 12px;position:absolute;transform:translateX(-50%);z-index:100}.sticky-note-draw-controls:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#a68a6408 0,#a68a6408 4px);border-radius:8px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.sticky-note-draw-controls:after{border:6px solid #0000;border-top-color:#e8e0cc;content:"";filter:drop-shadow(0 2px 2px rgba(0,0,0,.1));left:50%;position:absolute;top:100%;transform:translateX(-50%)}.draw-colors{align-items:center;border-right:1px solid #a68a644d;display:flex;gap:6px;padding-right:8px}.color-btn{border:2px solid #fff9;border-radius:50%;box-shadow:0 2px 4px #0003,inset 0 1px 2px #ffffff4d;cursor:pointer;height:20px;padding:0;transition:all .2s ease;width:20px}.color-btn:hover{box-shadow:0 3px 6px #00000040,inset 0 1px 2px #ffffff4d;transform:scale(1.15)}.color-btn.active{border-color:#4a3628;box-shadow:0 2px 4px #0000004d,0 0 0 2px #4a362833,inset 0 1px 2px #ffffff4d;transform:scale(1.1)}.draw-tools{gap:4px}.draw-tools,.tool-btn{align-items:center;display:flex}.tool-btn{background:linear-gradient(180deg,#ffffff80,#fff3);border:1px solid #a68a644d;border-radius:6px;box-shadow:0 1px 2px #0000001a;cursor:pointer;font-size:.85rem;height:28px;justify-content:center;padding:0;transition:all .2s ease;width:28px}.tool-btn:hover{background:linear-gradient(180deg,#ffffffb3,#fff6);box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.tool-btn.active{background:linear-gradient(180deg,#c8b48c80,#b4a0784d);border-color:#78644666;box-shadow:inset 0 1px 3px #0000001a,0 1px 0 #ffffff80}.tool-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.sticky-note-canvas{background:#0000;border-radius:2px;bottom:25px;cursor:crosshair;left:8px;position:absolute;right:8px;top:8px;z-index:3}.sticky-note-drawing-display{height:calc(100% - 35px);left:8px;object-fit:contain;object-position:top left;pointer-events:none;position:absolute;top:8px;width:calc(100% - 16px);z-index:2}.sticky-note.has-drawing .sticky-note-content{display:none}@media (max-width:768px){.sticky-note{min-height:160px;width:160px}.sticky-note-content{min-height:100px}.sticky-note-text,.sticky-note-textarea{font-size:1rem;min-height:100px}.sticky-note-draw-controls{gap:6px;padding:6px 8px}.draw-colors{gap:4px;padding-right:6px}.color-btn{height:18px;width:18px}.tool-btn{font-size:.75rem;height:24px;width:24px}}.notepad{cursor:pointer;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));position:relative;transition:filter .3s ease;width:180px}.notepad:hover{filter:drop-shadow(0 6px 12px rgba(0,0,0,.4))}.notepad-svg{height:auto;width:100%}.plus-icon{transition:opacity .3s ease}.notepad:hover .plus-icon{opacity:.8}.notepad-label{background:#000000b3;border-radius:4px;bottom:-30px;color:var(--color-cream);font-family:var(--font-handwriting);font-size:.9rem;left:50%;padding:var(--spacing-xs) var(--spacing-sm);pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap}@keyframes spiral-shimmer{0%,to{opacity:.6}50%{opacity:.8}}.notepad:hover .spiral-binding circle{animation:spiral-shimmer 1.5s ease-in-out infinite}.notepad:hover .spiral-binding circle:nth-child(2n){animation-delay:.1s}@media (max-width:768px){.notepad{width:150px}}.quill-journal{cursor:pointer;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3));position:relative;transition:filter .3s ease;width:162px}.quill-journal:hover{filter:drop-shadow(0 6px 12px rgba(0,0,0,.4))}.quill-svg{height:auto;width:100%}.quill-label{background:#000000b3;border-radius:4px;bottom:-30px;color:var(--color-cream);font-family:var(--font-handwriting);font-size:.9rem;left:50%;padding:var(--spacing-xs) var(--spacing-sm);pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.quill-journal:hover .ink-well{filter:drop-shadow(0 0 8px rgba(42,24,16,.5))}@keyframes feather-shimmer{0%,to{opacity:.7}50%{opacity:.9}}.quill-journal:hover .quill-feather path{animation:feather-shimmer 2s ease-in-out infinite}@media (max-width:768px){.quill-journal{width:150px}}.puzzle-graphic{cursor:pointer;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.2));position:relative;transition:filter .3s ease;width:140px}.puzzle-graphic:hover{filter:drop-shadow(3px 6px 10px rgba(0,0,0,.25))}.puzzle-svg{height:auto;width:100%}@media (max-width:768px){.puzzle-graphic{width:120px}}.date-ideas-notepad{cursor:pointer;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.25));height:auto;transition:filter .3s ease;width:100px}.date-ideas-notepad:hover{filter:drop-shadow(3px 6px 10px rgba(0,0,0,.3))}.date-ideas-notepad-svg{height:auto;width:100%}.date-ideas-notepad:hover .flower{animation:flowerBounce .6s ease-in-out}.date-ideas-notepad:hover .flower-1{animation-delay:0s}.date-ideas-notepad:hover .flower-2{animation-delay:.1s}.date-ideas-notepad:hover .flower-3{animation-delay:.2s}@keyframes flowerBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.sparkle{animation:sparkleGlow 2s ease-in-out infinite}.sparkle-1{animation-delay:0s}.sparkle-2{animation-delay:.5s}.sparkle-3{animation-delay:1s}.sparkle-4{animation-delay:1.5s}@keyframes sparkleGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.date-ideas-notepad:hover .heart{animation:heartPulse .8s ease-in-out infinite}@keyframes heartPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:1200px){.date-ideas-notepad{width:85px}}@media (max-width:768px){.date-ideas-notepad{width:70px}}.shared-desk{min-height:100vh;overflow:hidden;position:relative;width:100%}.desk-label{left:50%;pointer-events:none;position:absolute;top:20px;transform:translateX(-50%);z-index:10}.desk-label-paper{background:linear-gradient(135deg,#f5f3e8,#f0ecd9 50%,#e8e4d0);border:1px solid #a68a644d;border-radius:2px;box-shadow:0 2px 8px #00000026,0 4px 16px #0000001a,inset 0 1px 0 #ffffff80;padding:12px 40px;position:relative;transform:rotate(-1deg)}.desk-label-paper:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#a68a6408 0,#a68a6408 4px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.desk-label-text{color:#4a3628;font-family:var(--font-handwriting);font-size:1.8rem;letter-spacing:.5px;margin:0;position:relative;text-shadow:0 1px 2px #ffffff80}.desk-background{z-index:0}.desk-background,.desk-wood-texture{bottom:0;left:0;position:absolute;right:0;top:0}.desk-wood-texture{background:linear-gradient(180deg,#6b4423,#7d5a3f 20%,#8b6f47 40%,#7d5a3f 70%,#5a3d28);background-image:linear-gradient(#0000000d 1px,#0000 0);background-size:100% 4px;border-color:#5a3d28 #5a3d28 #4a2f1a;border-style:solid;border-width:8px 12px;box-shadow:inset 0 20px 30px #0003,inset 0 -20px 30px #00000026,inset 20px 0 20px #0000001a,inset -20px 0 20px #0000001a}.desk-wood-texture:before{background:linear-gradient(180deg,#0000004d,#0000);border-radius:0 0 50% 50%/0 0 20px 20px;top:0}.desk-wood-texture:after,.desk-wood-texture:before{content:"";height:60px;left:0;position:absolute;right:0}.desk-wood-texture:after{background:linear-gradient(0deg,#0000004d,#0000);bottom:0}.desk-gradient{background:radial-gradient(ellipse at center,#0000 30%,#00000026 100%)}.desk-gradient,.desk-surface{bottom:0;left:0;position:absolute;right:0;top:0}.desk-surface{pointer-events:none;z-index:5}.desk-items{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,1fr);height:100vh;padding:40px;pointer-events:none;position:relative;width:100%;z-index:2}.desk-items>*{pointer-events:auto}.notepad-container{align-items:center;grid-column:1/3;grid-row:4/6}.notepad-container,.quill-container{display:flex;justify-content:flex-start;padding-left:0}.quill-container{align-items:flex-start;grid-column:1/4;grid-row:1/3;padding-top:0}.puzzle-container{display:flex;grid-row:3/5;padding-top:0}.date-ideas-container,.puzzle-container{align-items:flex-start;grid-column:10/13;justify-content:flex-end;padding-right:20px}.date-ideas-container{grid-row:1/3;padding-top:20px}.scroll-hint{bottom:var(--spacing-xl);color:var(--color-cream);font-family:var(--font-handwriting);left:50%;opacity:.6;pointer-events:none;position:absolute;text-align:center;transform:translateX(-50%);z-index:10}.hint-arrow{font-size:2rem;margin-bottom:var(--spacing-xs)}.scroll-hint p{font-size:1rem;margin:0}@media (max-width:1200px){.desk-items{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(12,1fr)}.notepad-container{grid-column:1/3;grid-row:5/7}.quill-container{grid-column:1/4;grid-row:1/3}.puzzle-container{grid-column:5/7;grid-row:3/5}.date-ideas-container{grid-column:5/7;grid-row:1/3}}.desk-nav-buttons{align-items:flex-end;bottom:40px;gap:30px;left:0;padding:0 20px;position:absolute;right:0;z-index:100}.desk-nav-button{border-radius:16px;font-size:1.4rem;gap:8px;padding:12px 20px}.desk-nav-button .button-icon{filter:drop-shadow(2px 3px 4px rgba(0,0,0,.2));transition:filter .3s ease}.desk-nav-button:hover .button-icon{filter:drop-shadow(3px 5px 8px rgba(0,0,0,.25))}.desk-nav-button span{border:2px solid #c4a77d;border-radius:12px;box-shadow:0 3px 8px #00000026,inset 0 1px 2px #ffffff80;padding:6px 16px}.desk-nav-button.letters-button:hover span{box-shadow:0 5px 15px #c8646440,inset 0 1px 2px #ffffff80}.desk-nav-button.watercolor-button:hover span{box-shadow:0 5px 15px #6496c840,inset 0 1px 2px #ffffff80}.desk-nav-button.poetry-button:hover span{box-shadow:0 5px 15px #9664c840,inset 0 1px 2px #ffffff80}@media (max-width:768px){.desk-items{padding:var(--spacing-md)}.desk-nav-buttons{bottom:20px;gap:15px}.desk-nav-button{font-size:1.2rem;padding:8px 12px}.desk-nav-button .button-icon{height:auto;width:45px}.desk-nav-button span{font-size:1rem;padding:4px 12px}}.sparkle-container{height:100vh;isolation:isolate;left:0;overflow:visible;top:0;width:100vw;z-index:10000}.sparkle,.sparkle-container{pointer-events:none;position:fixed}.sparkle{background:radial-gradient(circle,#fff0b4 0,#ffdc78e6 30%,#ffc86480 60%,#0000 100%);border-radius:50%;box-shadow:0 0 20px #fff0b4e6,0 0 40px #ffdc7899,0 0 60px #ffc8644d;will-change:transform,opacity;z-index:10001}.sparkle:after,.sparkle:before{background:#fffffff2;box-shadow:0 0 10px #fffc;content:"";left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.sparkle:before{height:90%;width:2px}.sparkle:after{height:2px;width:90%}.motion-blur-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(180deg,#f5ebdc4d,#f5ebdc80 50%,#f5ebdc4d);height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.footprint-painting{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.footprint-frame{cursor:pointer;max-width:230px;position:relative;width:100%}.footprint-frame-border{background-color:var(--color-deep-brown);box-shadow:var(--shadow-lg);padding:var(--spacing-md)}.footprint-frame-border,.footprint-frame-inner{border-radius:var(--radius-sm);position:relative}.footprint-frame-inner{align-items:center;aspect-ratio:4/3;background-color:#faf8f0;display:flex;justify-content:center;overflow:hidden;padding:var(--spacing-xs)}.footprint-canvas-image{border-radius:var(--radius-sm);display:block;height:100%;object-fit:cover;width:100%}.footprint-loading{align-items:center;background-color:#faf8f0;display:flex;height:100%;justify-content:center;width:100%}.footprint-spinner{animation:footprint-spin 1s linear infinite;border:3px solid var(--color-warm-beige);border-radius:50%;border-top-color:var(--color-deep-brown);height:30px;width:30px}@keyframes footprint-spin{to{transform:rotate(1turn)}}.footprint-placeholder{align-items:center;color:var(--color-soft-brown);display:flex;flex-direction:column;font-family:var(--font-handwriting);font-size:.9rem;gap:var(--spacing-xs);justify-content:center}.footprint-icon{height:50px;opacity:.7;width:60px}.footprint-corner{border:2px solid var(--color-soft-brown);height:12px;position:absolute;width:12px}.footprint-corner-tl{border-bottom:none;border-right:none;left:5px;top:5px}.footprint-corner-tr{border-bottom:none;border-left:none;right:5px;top:5px}.footprint-corner-bl{border-right:none;border-top:none;bottom:5px;left:5px}.footprint-corner-br{border-left:none;border-top:none;bottom:5px;right:5px}.footprint-label{background-color:#f4efe7b3;border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-handwriting);font-size:.95rem;margin-top:var(--spacing-sm);padding:var(--spacing-xs);text-align:center}@media (max-width:768px){.footprint-frame{max-width:172px}.footprint-frame-border{padding:var(--spacing-sm)}.footprint-label{font-size:.85rem}}.pinned-sticky-note{border-radius:2px;box-shadow:0 3px 8px #00000026,0 1px 3px #0000001a;min-height:140px;padding:12px;pointer-events:none;position:absolute;transform-origin:top center;-webkit-user-select:none;user-select:none;width:140px;z-index:60}.pinned-note-pin{left:50%;position:absolute;top:-8px;transform:translateX(-50%);z-index:10}.pin-head{background:radial-gradient(circle at 30% 30%,#e85a5a 0,#c73030 50%,#a02020 100%);border-radius:50%;box-shadow:0 2px 4px #0000004d,inset 0 -2px 4px #0003,inset 0 2px 4px #ffffff4d;height:16px;width:16px}.pin-shadow{background:linear-gradient(180deg,#0003,#0000);border-radius:50%;height:8px;left:50%;position:absolute;top:14px;transform:translateX(-50%);width:4px}.pinned-note-drawing{height:auto;margin-bottom:4px;max-height:100px;object-fit:contain;object-position:top left;width:100%}.pinned-note-text{word-wrap:break-word;-webkit-line-clamp:6;-webkit-box-orient:vertical;color:#000c;display:-webkit-box;font-family:var(--font-handwriting);font-size:.85rem;line-height:1.5;margin:0;overflow:hidden;padding:4px;text-overflow:ellipsis;white-space:pre-wrap;width:100%}.pinned-note-signature{bottom:4px;color:#0006;font-family:var(--font-handwriting);font-size:.6rem;font-style:italic;position:absolute;right:6px;text-transform:capitalize}.pinned-note-texture{background-image:repeating-linear-gradient(0deg,#0000,#0000 1px,#ffffff14 0,#ffffff14 2px);border-radius:2px;bottom:0;left:0;opacity:.6;pointer-events:none;position:absolute;right:0;top:0}.pinned-sticky-note:before{background:linear-gradient(135deg,#0000,#0000 50%,#00000014 0,#0000001f);border-radius:0 0 2px 0;bottom:0;content:"";height:16px;position:absolute;right:0;width:16px}.pinned-sticky-note:after{background:linear-gradient(135deg,#0000,#8b5a2b08 50%,#8b5a2b0f);border-radius:2px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@media (max-width:768px){.pinned-sticky-note{min-height:100px;padding:8px;width:100px}.pinned-note-text{-webkit-line-clamp:4;font-size:.7rem}.pin-head{height:12px;width:12px}}.orange-explosion-overlay{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:9999}.orange-splash{background:radial-gradient(ellipse at 30% 30%,#ff8c00 0,#ff6b00 30%,#ff4500 60%,#ff8c0099 80%,#0000 100%);border-radius:50%;filter:blur(8px);mix-blend-mode:screen;position:absolute;transform:translate(-50%,-50%)}.orange-splash:nth-child(odd){background:radial-gradient(ellipse at 40% 40%,orange 0,#ff8c00 25%,#ff6b00 50%,#ffa50080 75%,#0000 100%)}.orange-splash:nth-child(3n){background:radial-gradient(ellipse at 50% 30%,#ffb347 0,#ff9f00 30%,#ff7f00 55%,#ffb34766 80%,#0000 100%);filter:blur(12px)}.central-burst{background:radial-gradient(circle,#fff8dc 0,gold 20%,orange 40%,#ff8c00 60%,#ff6b00 80%,#0000 100%);border-radius:50%;filter:blur(20px);height:200px;mix-blend-mode:screen;width:200px}.central-burst,.go-orange-text{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.go-orange-text{color:#1a1a50;font-family:Nanum Pen Script,cursive;font-size:4rem;font-weight:700;pointer-events:none;text-shadow:0 0 20px #ff8c00,0 0 40px orange,0 0 60px gold,2px 2px 4px #0000004d;white-space:nowrap}@media (max-width:768px){.go-orange-text{font-size:2.5rem}}.home-page{min-height:200vh;overflow-x:hidden;position:relative;width:100%}.home-page.loading{filter:blur(12px);opacity:0}.home-page.loaded,.home-page.loading{transition:filter 5s ease-out,opacity 5s ease-out}.home-page.loaded{filter:blur(0);opacity:1}.wall-background{background:linear-gradient(180deg,var(--color-warm-beige) 0,var(--color-parchment) 50%,var(--color-parchment-dark) 100%);height:100vh;min-height:100vh;z-index:0}.wall-background,.wall-texture{left:0;position:absolute;right:0;top:0}.wall-texture{background-image:repeating-linear-gradient(90deg,#0000,#0000 2px,#a68a6405 0,#a68a6405 4px),repeating-linear-gradient(0deg,#0000,#0000 2px,#a68a6405 0,#a68a6405 4px);bottom:0;opacity:.5}.wall-shadow{background:linear-gradient(180deg,#0000001a,#0000);height:30%;left:0;position:absolute;right:0;top:0}.wall-elements{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,1fr);height:100vh;min-height:100vh;padding:var(--spacing-xl);position:relative;width:100%;z-index:1}.pinned-notes-overlay{height:100vh;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:50}.painting-container{grid-column:2/6;grid-row:2/6}.clock-container,.painting-container{align-items:center;display:flex;justify-content:center}.clock-container{grid-column:7/9;grid-row:2/4}.frame-container{grid-column:9/12;grid-row:3/6;margin-top:43px}.footprint-painting-container,.frame-container{align-items:center;display:flex;justify-content:center}.footprint-painting-container{grid-column:7/9;grid-row:4/7}.calendar-placeholder{grid-column:2/4;grid-row:6/8}.calendar-placeholder,.yo-sign-wall-container{align-items:center;display:flex;justify-content:center}.yo-sign-wall-container{grid-column:10/12;grid-row:6/7}.otto-shelf-container{align-items:flex-end;display:flex;justify-content:center}.otto-shelf{align-items:center;display:flex;flex-direction:column;position:relative}.otto-plush{filter:drop-shadow(2px 4px 6px rgba(0,0,0,.3));height:auto;margin-bottom:-15px;mix-blend-mode:multiply;position:relative;transition:transform .3s ease;width:90px;z-index:2}.otto-plush:hover{transform:scale(1.05) rotate(-3deg)}.otto-plush.waving{animation:otto-wave .4s ease-in-out 5;transform-origin:bottom center}@keyframes otto-wave{0%,to{transform:rotate(0deg)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.shelf-board{background:linear-gradient(180deg,#8b6914,#6b4f12 50%,#5b3f0a);border-radius:3px;box-shadow:0 4px 8px #0000004d,inset 0 1px 2px #fff3;height:12px;margin-top:-10px;position:relative;width:120px;z-index:1}.shelf-bracket{background:linear-gradient(90deg,#5b3f0a,#8b6914,#5b3f0a);border-radius:2px;bottom:-20px;height:25px;position:absolute;width:8px}.shelf-bracket.left{left:15px;transform:rotate(-5deg)}.shelf-bracket.right{right:15px;transform:rotate(5deg)}@media (max-width:1200px){.wall-elements{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(12,1fr)}.painting-container{grid-column:1/5;grid-row:1/5}.clock-container{grid-column:5/7;grid-row:1/3}.frame-container{grid-column:3/7;grid-row:5/8}.footprint-painting-container{grid-column:1/3;grid-row:9/11}.calendar-placeholder{grid-column:4/7;grid-row:9/11}.yo-sign-wall-container{grid-column:4/6;grid-row:8/10}.otto-shelf-container{grid-column:1/3;grid-row:5/7}.otto-plush{width:70px}.shelf-board{width:100px}}.desk-section{margin-top:50vh;min-height:100vh;position:relative;width:100%}.below-desk-placeholder{background:#3a2515;padding:40px}.below-desk-nav,.below-desk-placeholder{display:flex;justify-content:center;width:100%}.below-desk-nav{align-items:center;background:linear-gradient(180deg,#87ceeb,#b0e0e6 15%,#e0f4ff 30%,#f0fff0 50%,#98fb98 70%,#7ccd7c 85%,#5ba05b);min-height:100vh;overflow:hidden;position:relative}.below-desk-nav:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 80'%3E%3Cpath d='M0 0v30q10 15 20 0 10 20 20-5 10 20 20 5 10 25 20-5V0M70 0l5 35q10 20 20-5 10 20 20-5 10 20 20 5l5-30m-10 0 5 40q10 20 20-5 10 15 20-10 10 20 20 5l5-30Z' fill='%2368A868'/%3E%3C/svg%3E") repeat-x top,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 60'%3E%3Cpath d='M0 0v20q15 20 30 0 15 15 30-5 15 15 30 5V0M80 0l5 25q15 20 30-5 15 15 30-5 15 15 35 5V0Z' fill='%2378B878'/%3E%3C/svg%3E") repeat-x top 10px;background-size:350px 80px,300px 60px;height:35%;opacity:.9;top:0}.below-desk-nav:after,.below-desk-nav:before{content:"";left:0;pointer-events:none;position:absolute;right:0}.below-desk-nav:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 100'%3E%3Cpath d='M0 100V70q10-20 20 0 5-25 10 0 10-30 20 0v30m-10 0 5-25q10-25 20 0 5-20 10 0l5 25m-10 0q10-40 20 0m-5 0 5-30q10-25 20 0l5 30m-10 0q10-45 20 0m-5 0 10-35q10-25 20 0l5 35m-10 0q15-50 30 0m-10 0 10-30q10-20 20 0l5 30Z' fill='%23a0d5a0'/%3E%3C/svg%3E") repeat-x bottom 25%,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 110'%3E%3Cpath d='m0 110 5-30q10-25 20 0 5-20 15 0l5 30m-10 0 7-35q10-30 20 0l8 35m-10 0q10-55 20 0m-5 0 10-40q10-30 20 0l5 40m-10 0q15-60 30 0m-5 0 10-45q10-30 20 0l10 45m-10 0q10-55 25 0Z' fill='%2388c488'/%3E%3C/svg%3E") repeat-x bottom 10%,url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 130'%3E%3Cpath d='M0 130V90q8-30 16 0 4-20 12 0 7-35 17 0l5 40m-10 0 8-45q10-35 20 0l7 45m-10 0q13-70 25 0m-8 0 10-50q10-35 20 0l6 50m-10 0q17-75 32 0m-8 0 10-55q10-35 18 0v55Z' fill='%2370b070'/%3E%3C/svg%3E") repeat-x bottom;background-size:450px 100px,380px 110px,320px 130px;bottom:0;height:55%}.desk-scroll-hint{color:#fff8e6b3;font-family:var(--font-handwriting);text-align:center;text-shadow:0 2px 8px #00000080;z-index:1}.desk-scroll-hint .hint-arrow{font-size:4rem;margin-bottom:16px}.desk-scroll-hint p{font-size:2rem;margin:0}.desk-nav-buttons{align-items:center;display:flex;gap:60px;height:100vh;justify-content:center;padding:40px 40px 120px;position:relative;width:100%;z-index:1}.desk-nav-button{align-items:center;background:#0000;border:none;border-radius:32px;cursor:pointer;display:flex;flex-direction:column;font-family:Nanum Pen Script,cursive;font-size:3rem;gap:30px;padding:40px 50px;transition:all .3s ease}.desk-nav-button .button-icon{filter:drop-shadow(0 0 20px rgba(255,200,100,.3)) drop-shadow(6px 8px 16px rgba(0,0,0,.5));height:auto;transition:filter .3s ease,transform .3s ease;width:280px}.desk-nav-button:hover .button-icon{filter:drop-shadow(0 0 30px rgba(255,200,100,.5)) drop-shadow(8px 12px 24px rgba(0,0,0,.5))}.desk-nav-button span{background:linear-gradient(145deg,#f8f4e8,#f0ead8);border:4px solid #c4a77d;border-radius:24px;box-shadow:0 8px 30px #00000040,inset 0 3px 6px #ffffff80;font-size:2.5rem;padding:20px 50px;transition:all .3s ease}.desk-nav-button.letters-button{color:#8b5a5a}.desk-nav-button.letters-button span{background:linear-gradient(145deg,#fff5f5,#ffe8e8);border-color:#d4a0a0}.desk-nav-button.letters-button:hover span{background:linear-gradient(145deg,#ffe8e8,#ffd8d8);box-shadow:0 10px 30px #c864644d,inset 0 2px 4px #ffffff80}.desk-nav-button.watercolor-button{color:#5a7a8b}.desk-nav-button.watercolor-button span{background:linear-gradient(145deg,#f0f8ff,#e0f0fa);border-color:#a0c4d4}.desk-nav-button.watercolor-button:hover span{background:linear-gradient(145deg,#e0f0fa,#d0e8f5);box-shadow:0 10px 30px #6496c84d,inset 0 2px 4px #ffffff80}.desk-nav-button.cassette-button{color:#8b5a6b}.desk-nav-button.cassette-button span{background:linear-gradient(145deg,#fff0f5,#fce4ec);border-color:#f8bbd9}.desk-nav-button.cassette-button:hover span{background:linear-gradient(145deg,#fce4ec,#f8d8e8);box-shadow:0 10px 30px #c878964d,inset 0 2px 4px #ffffff80}.desk-nav-button.poetry-button{color:#6b5a8b}.desk-nav-button.poetry-button span{background:linear-gradient(145deg,#f8f5ff,#f0e8ff);border-color:#c4a0d4}.desk-nav-button.poetry-button:hover span{background:linear-gradient(145deg,#f0e8ff,#e8d8ff);box-shadow:0 10px 30px #9664c84d,inset 0 2px 4px #ffffff80}@media (max-width:1400px){.desk-nav-buttons{gap:40px}.desk-nav-button .button-icon{width:220px}.desk-nav-button span{font-size:2rem;padding:16px 40px}}@media (max-width:1024px){.desk-nav-buttons{flex-wrap:wrap;gap:30px}.desk-nav-button{padding:30px 40px}.desk-nav-button .button-icon{width:180px}.desk-nav-button span{font-size:1.8rem;padding:14px 35px}}@media (max-width:768px){.below-desk-nav{min-height:100vh}.desk-scroll-hint .hint-arrow{font-size:3rem}.desk-scroll-hint p{font-size:1.5rem}.desk-nav-buttons{flex-direction:column;gap:25px;padding:20px}.desk-nav-button{font-size:2rem;gap:20px;padding:20px 30px}.desk-nav-button .button-icon{width:150px}.desk-nav-button span{font-size:1.6rem;padding:12px 30px}}.watercolor-transition-overlay{align-items:center;background:#faf8f04d;bottom:0;display:flex;justify-content:center;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:9999}.watercolor-splash{filter:blur(20px);height:300px;position:absolute;width:300px}.watercolor-splash.splash-1{left:15%;top:10%}.watercolor-splash.splash-2{right:10%;top:20%}.watercolor-splash.splash-3{bottom:25%;left:20%}.watercolor-splash.splash-4{bottom:15%;right:25%}.temp-intimacy-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#8b45454d;border:2px solid #8b454580;border-radius:8px;box-shadow:0 2px 10px #0000004d;color:#f4c2c2;cursor:pointer;font-family:Playfair Display,serif;font-size:.9rem;left:20px;padding:10px 20px;position:fixed;top:20px;transition:all .4s ease;z-index:1000}.temp-intimacy-nav:hover{background:#8b454580;border-color:#b85a5a;box-shadow:0 4px 15px #8b454580}.coming-soon-section{align-items:center;background:linear-gradient(180deg,#5ba05b,#5ba05b);display:flex;justify-content:center;min-height:80vh;overflow:hidden;position:relative;width:100%}.coming-soon-section:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='12' r='4' fill='%23ffb6c1'/%3E%3Ccircle cx='11' cy='15' r='4' fill='%23ffb6c1'/%3E%3Ccircle cx='19' cy='15' r='4' fill='%23ffb6c1'/%3E%3Ccircle cx='13' cy='19' r='4' fill='%23ffb6c1'/%3E%3Ccircle cx='17' cy='19' r='4' fill='%23ffb6c1'/%3E%3Ccircle cx='15' cy='15' r='3' fill='%23fff4b8'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cellipse cx='15' cy='10' rx='3' ry='5' fill='%23fff'/%3E%3Cellipse cx='10' cy='13' rx='3' ry='5' fill='%23fff' transform='rotate(-30 10 13)'/%3E%3Cellipse cx='20' cy='13' rx='3' ry='5' fill='%23fff' transform='rotate(30 20 13)'/%3E%3Cellipse cx='11' cy='19' rx='3' ry='5' fill='%23fff' transform='rotate(-60 11 19)'/%3E%3Cellipse cx='19' cy='19' rx='3' ry='5' fill='%23fff' transform='rotate(60 19 19)'/%3E%3Ccircle cx='15' cy='15' r='4' fill='%23ffd54f'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='12' r='4' fill='%23fff176'/%3E%3Ccircle cx='11' cy='15' r='4' fill='%23fff176'/%3E%3Ccircle cx='19' cy='15' r='4' fill='%23fff176'/%3E%3Ccircle cx='13' cy='19' r='4' fill='%23fff176'/%3E%3Ccircle cx='17' cy='19' r='4' fill='%23fff176'/%3E%3Ccircle cx='15' cy='15' r='3' fill='%23ffcc80'/%3E%3C/svg%3E");background-position:12% 30%,85% 60%,45% 75%;background-size:40px 40px,45px 45px,35px 35px}.coming-soon-section:after,.coming-soon-section:before{background-repeat:no-repeat;bottom:0;content:"";left:0;opacity:.8;pointer-events:none;position:absolute;right:0;top:0}.coming-soon-section:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Ccircle cx='15' cy='12' r='4' fill='%23ce93d8'/%3E%3Ccircle cx='11' cy='15' r='4' fill='%23ce93d8'/%3E%3Ccircle cx='19' cy='15' r='4' fill='%23ce93d8'/%3E%3Ccircle cx='13' cy='19' r='4' fill='%23ce93d8'/%3E%3Ccircle cx='17' cy='19' r='4' fill='%23ce93d8'/%3E%3Ccircle cx='15' cy='15' r='3' fill='%23fff9c4'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='8' r='3' fill='%23ef9a9a'/%3E%3Ccircle cx='7' cy='11' r='3' fill='%23ef9a9a'/%3E%3Ccircle cx='13' cy='11' r='3' fill='%23ef9a9a'/%3E%3Ccircle cx='10' cy='10' r='2' fill='%23ffecb3'/%3E%3C/svg%3E");background-position:75% 25%,20% 70%;background-size:38px 38px,28px 28px}.coming-soon-button{align-items:center;background:linear-gradient(145deg,#f8fff8,#e8f5e8 50%,#d8ecd8);border:4px solid #8fbc8f;border-radius:20px;box-shadow:0 8px 30px #0003,0 0 20px #8fbc8f4d,inset 0 2px 4px #fffc,inset 0 -2px 4px #0000001a;color:#5a7a5a;cursor:pointer;display:flex;font-family:Nanum Pen Script,cursive;font-size:2.5rem;height:260px;justify-content:center;position:relative;text-shadow:0 1px 2px #fffc;transition:all .3s ease;width:260px;z-index:1}.coming-soon-button:hover{background:linear-gradient(145deg,#efffef,#d8f0d8 50%,#c8e8c8);border-color:#7cb07c;box-shadow:0 12px 40px #00000040,0 0 30px #8fbc8f66,inset 0 2px 4px #ffffffe6,inset 0 -2px 4px #0000001a}.coming-soon-button:active{box-shadow:0 4px 15px #0003,0 0 15px #8fbc8f4d,inset 0 2px 8px #00000026;transform:scale(.98)}@media (max-width:768px){.coming-soon-section{min-height:60vh}.coming-soon-button{font-size:2rem;height:200px;width:200px}}.night-forest-section{background:linear-gradient(180deg,#5ba05b,#4d8a4d 5%,#3d7a3d 12%,#2d6a2d 20%,#1e5a2e 30%,#154a25 42%,#0d3a1d 55%,#082a15 68%,#051a0d 80%,#030f08 90%,#020805);min-height:120vh;overflow:hidden;position:relative;width:100%}.crimson-depths-section{align-items:center;background:linear-gradient(180deg,#020805,#050505 8%,#080505 18%,#0d0606 28%,#120808 40%,#1a0a0a 52%,#2a1010 65%,#3a1515 80%,#4a1a1a 92%,#3d1212);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100%}.crimson-depths-section:before{background:radial-gradient(ellipse at center 70%,#5014144d 0,#0000 60%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.intimacy-heavy-button{background:linear-gradient(180deg,#2a1212,#1a0808 50%,#0f0404);border:2px solid #4a2020;border-radius:4px;box-shadow:0 4px 20px #0009,0 0 40px #3c14144d,inset 0 1px 0 #64323233,inset 0 -2px 10px #0006;color:#d4a0a0;cursor:pointer;font-family:Playfair Display,serif;font-size:1.8rem;font-weight:600;letter-spacing:.3em;padding:35px 80px;position:relative;text-transform:uppercase;transition:all .5s ease;z-index:1}.intimacy-heavy-button:before{background:linear-gradient(180deg,#8b45454d,#0000 50%,#501e1e33);border-radius:4px;bottom:-1px;content:"";left:-1px;opacity:0;pointer-events:none;position:absolute;right:-1px;top:-1px;transition:opacity .5s ease}.intimacy-heavy-button:hover{border-color:#6a3030;box-shadow:0 8px 30px #000000b3,0 0 60px #50191966,inset 0 1px 0 #783c3c4d,inset 0 -2px 15px #00000080;color:#e8c0c0;transform:translateY(-2px)}.intimacy-heavy-button:hover:before{opacity:1}.intimacy-heavy-button:active{box-shadow:0 2px 10px #00000080,0 0 30px #3c14144d,inset 0 2px 10px #0009;transform:translateY(1px)}.night-forest-section:before{animation:twinkle 4s ease-in-out infinite alternate;background-image:radial-gradient(2px 2px at 10% 15%,#fffc,#0000),radial-gradient(2px 2px at 25% 8%,#fff9,#0000),radial-gradient(1px 1px at 40% 20%,#ffffffb3,#0000),radial-gradient(2px 2px at 55% 12%,#ffffff80,#0000),radial-gradient(1px 1px at 70% 25%,#fffc,#0000),radial-gradient(2px 2px at 85% 10%,#fff9,#0000),radial-gradient(1px 1px at 15% 35%,#ffffff80,#0000),radial-gradient(2px 2px at 30% 28%,#ffffffb3,#0000),radial-gradient(1px 1px at 60% 32%,#fff9,#0000),radial-gradient(2px 2px at 80% 22%,#fffc,#0000),radial-gradient(1px 1px at 5% 18%,#ffffff80,#0000),radial-gradient(1px 1px at 95% 30%,#ffffffb3,#0000),radial-gradient(2px 2px at 45% 5%,#fff9,#0000),radial-gradient(1px 1px at 75% 18%,#ffffff80,#0000),radial-gradient(2px 2px at 20% 40%,#fff6,#0000),radial-gradient(1px 1px at 90% 35%,#fff9,#0000);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:30%}.night-moon{animation:moonGlow 4s ease-in-out infinite alternate;background:radial-gradient(circle at 30% 30%,#fffacd,khaki,#daa520);border-radius:50%;box-shadow:0 0 40px #fffacd99,0 0 80px #fffacd4d,inset -10px -10px 20px #daa52066;height:80px;position:absolute;right:15%;top:15%;width:80px}@keyframes moonGlow{0%{box-shadow:0 0 40px #fffacd99,0 0 80px #fffacd4d}to{box-shadow:0 0 60px #fffacdcc,0 0 100px #fffacd66}}.punishment-popup-overlay{z-index:9999}.punishment-popup-icon svg{animation:warningPulse 1.5s ease-in-out infinite}@keyframes warningPulse{0%,to{filter:drop-shadow(0 0 20px rgba(255,50,50,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 35px rgba(255,50,50,.9));transform:scale(1.1)}}.moon-phase-icon{display:inline-block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.placeholder-page{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow-x:hidden;padding:var(--spacing-xl);position:relative;width:100%}.placeholder-content{max-width:900px;padding:var(--spacing-2xl);text-align:center;width:100%}.placeholder-content h1{color:var(--color-text-primary);font-family:var(--font-primary);font-size:3.5rem;font-weight:600;margin-bottom:var(--spacing-lg)}.placeholder-content p{color:var(--color-text-secondary);font-family:var(--font-primary);font-size:1.5rem;font-style:italic;margin-bottom:var(--spacing-xl)}.placeholder-icon{font-size:5rem;margin-top:var(--spacing-xl);opacity:.3}.letters-back-arrow{background:#f4efe799;border:2px solid var(--color-soft-brown);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-handwriting);font-size:1.2rem;left:var(--spacing-lg);padding:10px 20px;position:absolute;top:var(--spacing-lg);transition:all .3s ease;z-index:100}.letters-back-arrow:hover{background:#f4efe7e6;box-shadow:0 4px 8px #0000001a}.letters-filter{display:flex;gap:var(--spacing-md);justify-content:center;margin:var(--spacing-lg) 0}.filter-btn{align-items:center;background:#f4efe799;border:2px solid var(--color-soft-brown);border-radius:var(--radius-md);color:var(--color-text-primary);display:flex;font-size:1.2rem;gap:var(--spacing-sm);padding:10px 24px}.filter-btn:hover{background:#f4efe7e6;box-shadow:0 4px 8px #0000001a}.filter-btn.active{background:var(--color-deep-brown);border-color:var(--color-deep-brown);color:var(--color-cream);font-weight:700}.filter-count{align-items:center;background:#ffffff4d;border-radius:12px;display:inline-flex;font-size:.9rem;font-weight:700;height:24px;justify-content:center;min-width:24px;padding:0 6px}.filter-btn.active .filter-count{background:#fff3}.letters-sort{align-items:center;display:flex;gap:var(--spacing-md);justify-content:center;margin:var(--spacing-md) 0 var(--spacing-lg) 0}.sort-label{color:var(--color-text-secondary);font-family:var(--font-handwriting);font-size:1rem}.sort-buttons{display:flex;gap:var(--spacing-sm)}.sort-btn{background:#f4efe766;border:1px solid var(--color-soft-brown);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-handwriting);font-size:.95rem;padding:6px 16px;transition:all .2s ease}.sort-btn:hover{background:#f4efe7b3}.sort-btn.active{background:var(--color-soft-brown);border-color:var(--color-soft-brown);color:var(--color-cream)}.letters-status-filter{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin:var(--spacing-sm) 0 var(--spacing-md) 0}.status-filter-btn{align-items:center;background:#f4efe766;border:1px solid #8b6d594d;border-radius:16px;color:var(--color-text-primary);cursor:pointer;display:flex;font-family:var(--font-handwriting);font-size:.95rem;gap:6px;padding:6px 14px;transition:all .2s ease}.status-filter-btn:hover{background:#f4efe7b3;border-color:var(--color-soft-brown)}.status-filter-btn.active{background:var(--color-deep-brown);border-color:var(--color-deep-brown);color:var(--color-cream)}.status-filter-btn .filter-count{font-size:.8rem;height:20px;min-width:20px;padding:0 5px}.status-filter-btn .filter-count.unread-count{background:#c9533c;color:#fff}.status-filter-btn.active .filter-count.unread-count{background:#ffffff4d;color:inherit}.no-letters-message{background:#f4efe74d;border:2px dashed var(--color-soft-brown);border-radius:var(--radius-md);margin:var(--spacing-xl) auto;max-width:500px;padding:var(--spacing-2xl);text-align:center}.no-letters-message .placeholder-icon{filter:grayscale(50%);font-size:4rem;margin-bottom:var(--spacing-md);opacity:.4}.no-letters-message p{color:var(--color-text-secondary);font-family:var(--font-handwriting);font-size:1.3rem;line-height:1.6;margin:0}.entries-container{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:100px;margin-top:var(--spacing-xl)}.poetry-entry{background:#f4efe799;border:2px solid var(--color-soft-brown);border-radius:var(--radius-md);padding:var(--spacing-lg);text-align:left;transition:all .3s ease}.poetry-entry:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-4px)}.poetry-title{color:var(--color-deep-brown);font-family:var(--font-primary);font-size:1.8rem}.poetry-content,.poetry-title{margin:0 0 var(--spacing-md) 0}.poetry-content{color:var(--color-text-primary);font-size:1.2rem;line-height:1.8;white-space:pre-wrap}.poetry-content,.poetry-meta{font-family:var(--font-handwriting)}.poetry-meta{color:var(--color-text-secondary);display:flex;flex-wrap:wrap;font-size:.9rem;gap:var(--spacing-md)}.poetry-date,.poetry-medium{font-style:italic}.letter-envelope{background:linear-gradient(180deg,#f0ebe1f2,#f5f0e6e6 50%,#f0ebe1f2);border:none;border-radius:8px;box-shadow:0 4px 12px #6b564433,0 1px 3px #6b564426;cursor:pointer;overflow:visible;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);perspective:1000px;position:relative;text-align:left;transition:all .3s ease}.letter-envelope:before{background:linear-gradient(180deg,#dacebccc,#e6dccd99);border-radius:8px 8px 0 0;-webkit-clip-path:polygon(0 0,50% 40px,100% 0);clip-path:polygon(0 0,50% 40px,100% 0);height:60px;top:0}.letter-envelope:after,.letter-envelope:before{content:"";left:0;pointer-events:none;position:absolute;right:0}.letter-envelope:after{background:linear-gradient(90deg,#0000,#6b564426 20%,#6b564426 80%,#0000);height:2px;top:40px}.letter-envelope.opening{pointer-events:none;transform-style:preserve-3d}.letter-envelope.can-open{background:linear-gradient(180deg,#fcf8f0f2,#fffcf5e6 50%,#fcf8f0f2);box-shadow:0 6px 16px #6b564440,0 2px 4px #6b564433}.letter-envelope.can-open:before{background:linear-gradient(180deg,#e6dac8e6,#f0e6d7b3)}.letter-envelope.can-open:hover{box-shadow:0 16px 32px #6b56444d,0 4px 8px #6b564440;transform:translateY(-6px) scale(1.01)}.letter-envelope.sealed{cursor:not-allowed;filter:grayscale(10%);opacity:.75}.letter-envelope.is-read.can-open{opacity:.85}.read-badge,.unread-badge{border-radius:10px;box-shadow:0 2px 4px #00000026;font-family:var(--font-handwriting);font-size:.75rem;font-weight:700;left:16px;padding:4px 10px;position:absolute;top:-8px;z-index:15}.read-badge{background:#789678e6;color:#fff}.unread-badge{animation:pulse-badge 2s ease-in-out infinite;background:linear-gradient(135deg,#c9533c,#a8432f);color:#fff}@keyframes pulse-badge{0%,to{box-shadow:0 2px 4px #c9533c4d;transform:scale(1)}50%{box-shadow:0 3px 8px #c9533c80;transform:scale(1.05)}}.previously-read{color:#789678e6;font-size:.8rem;font-style:italic;margin-top:4px}.letter-status.read{color:#648264e6;font-weight:500}.envelope-seal{align-items:center;background:radial-gradient(circle at 35% 35%,#a0522df2 0,#8b4513 30%,#65320f 70%,#50280c 100%);border-radius:50%;box-shadow:inset -3px -3px 6px #0006,inset 3px 3px 6px #ffc8964d;display:flex;height:65px;justify-content:center;position:absolute;right:var(--spacing-lg);top:20px;width:65px;z-index:10}.envelope-seal:before{background:radial-gradient(ellipse at center,#65320fe6 0,#50280cb3 60%,#0000 100%);bottom:-8px;filter:blur(1px);height:12px;left:50%;transform:translateX(-50%);width:30px}.envelope-seal:after,.envelope-seal:before{border-radius:50%;content:"";position:absolute}.envelope-seal:after{background:radial-gradient(circle at 30% 30%,#ffc89633 0,#0000 60%);inset:8px;pointer-events:none}.seal-moon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.5));font-size:2rem;z-index:1}.letter-from{color:var(--color-deep-brown);font-family:var(--font-primary);font-size:1.5rem;margin:0 0 var(--spacing-xs) 0}.letter-date,.letter-from{position:relative;z-index:1}.letter-date{color:var(--color-text-secondary);font-family:var(--font-handwriting);font-size:.95rem;margin:0 0 var(--spacing-sm) 0}.letter-from:before{background:var(--color-soft-brown);border-radius:50%;content:"";height:4px;left:-8px;opacity:.4;position:absolute;top:50%;transform:translateY(-50%);width:4px}.letter-preview{background:#ffffff4d;border-left:3px solid var(--color-soft-brown);border-radius:4px;color:var(--color-text-primary);font-size:1.05rem;font-style:italic;line-height:1.6;margin:var(--spacing-sm) 0;padding:var(--spacing-sm) var(--spacing-md)}.letter-preview,.letter-status{font-family:var(--font-handwriting)}.letter-status{border-top:1px dashed #8b56444d;font-size:1.1rem;margin:0;padding-top:var(--spacing-sm);position:relative;z-index:1}.letter-status.open{color:var(--color-deep-brown);font-weight:700}.letter-status.sealed p{color:var(--color-text-secondary);margin:4px 0}.days-until{font-size:.9rem;font-style:italic}.letter-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-xl);position:fixed;right:0;top:0;z-index:1000}.letter-modal{background:linear-gradient(180deg,#fffdf7 0,#fcf8f2);border:none;border-radius:2px;box-shadow:0 20px 60px #0009,0 8px 16px #0000004d;max-height:85vh;max-width:650px;overflow-y:auto;padding:var(--spacing-2xl) var(--spacing-2xl) var(--spacing-xl);position:relative;width:100%}.close-letter{align-items:center;background:#ffffff80;border:1px solid #8b564433;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;position:absolute;right:var(--spacing-sm);top:var(--spacing-sm);transition:all .2s ease;width:32px}.close-letter:hover{background:#fffc;border-color:var(--color-soft-brown);color:var(--color-deep-brown)}.letter-date-stamp{color:var(--color-text-secondary);font-family:var(--font-handwriting);font-size:.85rem;font-style:italic;margin-bottom:var(--spacing-lg);opacity:.6;text-align:right}.letter-content-display{color:var(--color-text-primary);font-family:var(--font-handwriting);font-size:1.25rem;line-height:2.2;min-height:200px;padding:0;text-align:left;white-space:pre-wrap}.letter-content-display p{color:inherit;font-family:inherit;font-size:inherit;letter-spacing:.02em;margin:0 0 var(--spacing-lg) 0;text-align:left}.letter-signature{margin-top:var(--spacing-2xl);padding-left:60%;padding-top:0;text-align:left}.letter-signature p{color:var(--color-deep-brown);font-family:var(--font-handwriting);font-size:1.3rem;font-style:italic;font-weight:500;letter-spacing:.03em;margin:0}@media (max-width:768px){.placeholder-content h1{font-size:2.5rem}.placeholder-content p{font-size:1.2rem}.placeholder-icon{font-size:3.5rem}.letter-modal{padding:var(--spacing-lg)}}.poetry-page{background:linear-gradient(135deg,#f5e6d3,#e8d5c4 50%,#d4c4b0);min-height:100vh;overflow-x:hidden;position:relative;width:100%}.poems-selection-container,.viewing-types-container{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:60px 40px 120px}.poetry-title{color:#6b4423;font-family:Playfair Display,serif;font-size:4rem;margin-bottom:20px;text-align:center;text-shadow:2px 3px 6px #00000026}.poetry-subtitle{color:#8b6f47;font-family:Nanum Pen Script,cursive;font-size:1.6rem;margin-bottom:80px;text-align:center}.poems-title{color:#6b4423;font-family:Playfair Display,serif;font-size:3rem;margin-bottom:60px;text-align:center;text-shadow:2px 3px 6px #00000026}.flowers-grid{grid-gap:60px;align-items:center;display:grid;gap:60px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-items:center;max-width:1200px;width:100%}.flower-container{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:15px;position:relative;transition:transform .3s ease}.flower-container:hover{transform:translateY(-8px)}.flower-svg{filter:drop-shadow(3px 5px 12px rgba(0,0,0,.2));height:160px;transition:all .3s ease;width:140px}.flower-container:hover .flower-svg{filter:drop-shadow(5px 8px 16px rgba(0,0,0,.3))}.flower-label{background:#fff8dce6;border:2px solid #8b6f474d;border-radius:15px;box-shadow:0 2px 8px #0000001a;color:#6b4423;font-family:Nanum Pen Script,cursive;font-size:1.4rem;max-width:200px;opacity:0;padding:8px 16px;pointer-events:none;text-align:center;transform:translateY(10px);transition:all .3s ease}.flower-container:hover .flower-label{opacity:1;transform:translateY(0)}.vertical-vine-flower-label.poem-title{color:#6b4423;font-family:Nanum Pen Script,cursive;font-size:1.4rem;font-weight:400;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.back-flower{opacity:.8}.back-flower:hover{opacity:1}.no-poems-message{align-items:center;color:#8b6f47;display:flex;flex-direction:column;font-family:Nanum Pen Script,cursive;font-size:1.5rem;gap:10px}.no-poems-message p{margin:10px 0}.back-to-garden-btn{background:#fff0f5e6;border:2px solid #6b8e2366;border-radius:20px;box-shadow:0 3px 10px #6b8e2333;color:#6b8e23;cursor:pointer;font-family:Nanum Pen Script,cursive;font-size:1.3rem;margin-top:20px;padding:12px 24px;transition:all .3s ease}.back-to-garden-btn:hover{background:#fff5fa;border-color:#6b8e2399;box-shadow:0 5px 15px #6b8e234d}@media (max-width:1024px){.poetry-title{font-size:3rem}.flowers-grid{gap:40px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.flower-svg{height:140px;width:120px}}@media (max-width:768px){.poetry-title{font-size:2.5rem}.poetry-subtitle{font-size:1.3rem}.flowers-grid{gap:30px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.flower-svg{height:120px;width:100px}.flower-label{font-size:1.2rem;opacity:1;transform:translateY(0)}}.vine-garden-vertical{margin:0 auto;max-width:500px;min-height:1100px;position:relative;width:100%}.vertical-vine-svg{height:1000px;left:50%;pointer-events:none;position:absolute;top:0;transform:translateX(-50%);width:400px;z-index:1}.flowers-on-vertical-vine{height:1100px;position:relative;width:100%;z-index:2}.vertical-vine-flower{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:12px;position:absolute;transition:all .3s ease}.vertical-vine-flower:hover{z-index:10}.vertical-vine-flower.flower-back{left:25%;margin-left:-15px;top:2%;transform:translateX(-50%)}.vertical-vine-flower.flower-0{left:55%;margin-left:-35px;top:10%;transform:translateX(-50%)}.vertical-vine-flower.flower-1{left:25%;margin-left:5px;top:22%;transform:translateX(-50%)}.vertical-vine-flower.flower-2{left:55%;margin-left:-35px;top:34%;transform:translateX(-50%)}.vertical-vine-flower.flower-3{left:25%;margin-left:5px;top:46%;transform:translateX(-50%)}.vertical-vine-flower.flower-4{left:55%;margin-left:-35px;top:58%;transform:translateX(-50%)}.vertical-vine-flower.flower-5{left:25%;margin-left:5px;top:70%;transform:translateX(-50%)}.vertical-vine-flower.flower-6{left:55%;margin-left:-35px;top:82%;transform:translateX(-50%)}.vertical-vine-flower.flower-7{left:25%;margin-left:5px;top:94%;transform:translateX(-50%)}.vertical-vine-flower.flower-8{left:55%;margin-left:-35px;transform:translateX(-50%)}.vertical-vine-flower.flower-9{left:25%;margin-left:5px;transform:translateX(-50%)}.vertical-vine-flower.flower-10{left:55%;margin-left:-35px;transform:translateX(-50%)}.flower-emoji{cursor:pointer;filter:drop-shadow(3px 5px 12px rgba(255,105,180,.4));font-size:80px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.vertical-vine-flower:hover .flower-emoji{filter:drop-shadow(5px 8px 20px rgba(255,105,180,.7))}.vertical-vine-flower-label{background:#fff0f5f2;border:2px solid #ffb6c199;border-radius:18px;box-shadow:0 2px 8px #ff69b44d;color:#6b4423;font-family:Nanum Pen Script,cursive;font-size:1.4rem;max-width:200px;opacity:0;padding:10px 16px;pointer-events:none;text-align:center;transform:translateY(10px);transition:all .3s ease}.vertical-vine-flower:hover .vertical-vine-flower-label{opacity:1;transform:translateY(0)}@media (max-width:1024px){.vine-garden-vertical{max-width:400px}.flowers-on-vertical-vine{height:800px}.flower-emoji{font-size:70px}}@media (max-width:768px){.vine-garden-vertical{max-width:100%}.vertical-vine-svg{height:800px;width:300px}.flowers-on-vertical-vine{height:700px}.vertical-vine-flower-label{font-size:1.2rem;opacity:1;transform:translateY(0)}.flower-emoji{font-size:60px}}.unread-poem .flower-emoji{animation:gentle-glow 2s ease-in-out infinite}@keyframes gentle-glow{0%,to{filter:drop-shadow(0 0 8px rgba(255,215,0,.6))}50%{filter:drop-shadow(0 0 16px rgba(255,215,0,.9))}}.breath-view{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100%}.breath-background{background:linear-gradient(180deg,#ffdab9 0,bisque);bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.breath-feather{filter:drop-shadow(2px 4px 6px rgba(0,0,0,.1));height:500px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:200px;z-index:1}.breath-content{max-width:800px;padding:40px;position:relative;text-align:center;z-index:2}.breath-title{color:#8b4513;font-family:Playfair Display,serif;font-size:3rem;margin-bottom:60px;text-shadow:2px 2px 4px #0000001a}.breath-poem-container{margin:40px 0}.breath-line{color:#654321;font-family:Playfair Display,serif;font-size:1.8rem;line-height:2.5;margin:20px 0;text-shadow:1px 1px 2px #0000000d}.breath-author{color:sienna;font-size:1.5rem;font-style:italic;margin-top:60px}.breath-author,.breath-back-button{font-family:Nanum Pen Script,cursive}.breath-back-button{background:#fff8dce6;border:2px solid #d2691e;border-radius:25px;bottom:40px;box-shadow:0 4px 12px #00000026;color:#8b4513;cursor:pointer;font-size:1.2rem;left:50%;padding:12px 28px;position:fixed;transform:translateX(-50%);transition:all .3s ease;z-index:10}.breath-back-button:hover{background:#ffebcd;box-shadow:0 6px 16px #0003}@media (max-width:768px){.breath-title{font-size:2rem}.breath-line{font-size:1.3rem;line-height:2}.breath-feather{height:375px;width:150px}}.constellations-view{min-height:100vh;overflow:hidden;position:relative;width:100%}.night-sky-background{z-index:0}.night-sky-background,.sky-gradient{bottom:0;left:0;position:absolute;right:0;top:0}.sky-gradient{background:radial-gradient(ellipse at bottom,#1b2735 0,#090a0f 100%)}.background-star{background:#fff;border-radius:50%;box-shadow:0 0 6px 2px #ffffff80;position:absolute}.constellation-title{left:50%;position:absolute;text-align:center;top:60px;transform:translateX(-50%);z-index:10}.constellation-title h2{color:#93c5fd;font-family:Playfair Display,serif;font-size:3rem;margin:0;text-shadow:0 0 20px #93c5fdcc,0 0 40px #93c5fd66}.constellations-content{display:flex;flex-direction:column;gap:40px;min-height:100vh;padding:180px 60px 120px;position:relative;z-index:5}.constellation-line{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.constellation-word{display:inline-block;margin:10px;position:relative}.star-formed-word{animation:star-shimmer 3s ease-in-out infinite;color:#fff;font-family:Playfair Display,serif;font-size:2rem;font-weight:700;letter-spacing:.15em;text-shadow:0 0 10px #ffffffe6,0 0 20px #93c5fdcc,0 0 30px #93c5fd99,0 0 40px #60a5fa66,0 0 50px #60a5fa33,2px 2px 4px #0000004d}@keyframes star-shimmer{0%,to{text-shadow:0 0 10px #ffffffe6,0 0 20px #93c5fdcc,0 0 30px #93c5fd99,0 0 40px #60a5fa66,0 0 50px #60a5fa33,2px 2px 4px #0000004d}50%{text-shadow:0 0 15px #fff,0 0 30px #93c5fd,0 0 45px #93c5fdcc,0 0 60px #60a5fa99,0 0 75px #60a5fa66,2px 2px 4px #0000004d}}.word-constellation{display:block;height:40px;width:200px}.word-text{color:#dbeafe;font-family:Playfair Display,serif;font-size:1.5rem;left:50%;pointer-events:none;position:absolute;text-shadow:0 0 10px #dbeafe99;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.constellation-author{bottom:100px;font-size:1.8rem;text-align:center;text-shadow:0 0 15px #93c5fdcc}.constellation-author,.constellation-back-button{color:#93c5fd;font-family:Nanum Pen Script,cursive;left:50%;position:fixed;transform:translateX(-50%);z-index:10}.constellation-back-button{background:#1e293be6;border:2px solid #60a5fa;border-radius:25px;bottom:40px;box-shadow:0 0 20px #60a5fa66;cursor:pointer;font-size:1.2rem;padding:12px 28px;transition:all .3s ease}.constellation-back-button:hover{background:#1e293b;box-shadow:0 0 30px #60a5fa99}@media (max-width:768px){.constellation-title h2{font-size:2rem}.star-formed-word{font-size:1.3rem}.word-constellation{height:30px;width:150px}.word-text{font-size:1.2rem}.constellations-content{gap:30px;padding:140px 30px 100px}.constellation-line{gap:20px}}.windblown-view{min-height:100vh;overflow:hidden;position:relative;width:100%}.windblown-background{background:linear-gradient(135deg,#ffa07a,#ff8c69 25%,peru 50%,#d2691e 75%,#8b4513);z-index:0}.leaves-container,.windblown-background{bottom:0;left:0;position:absolute;right:0;top:0}.leaves-container{overflow:hidden;pointer-events:none;z-index:1}.falling-leaf{position:absolute;top:-50px}.leaf-svg{filter:drop-shadow(2px 3px 4px rgba(0,0,0,.3));height:100%;width:100%}.windblown-title{color:#fffaf0;font-family:Playfair Display,serif;font-size:3rem;left:50%;margin:0;position:fixed;text-align:center;text-shadow:3px 3px 6px #0006;top:40px;transform:translateX(-50%);z-index:10}.windblown-content{min-height:100vh;padding:40px;position:relative;z-index:5}.windblown-word{border-radius:8px;color:#fffaf0;font-family:Playfair Display,serif;font-size:1.6rem;padding:8px 16px;text-shadow:2px 2px 4px #00000080;-webkit-user-select:none;user-select:none;white-space:nowrap}.windblown-word.floating{background:#d9770666;border:2px solid #ffffff4d;box-shadow:0 4px 12px #0003}.windblown-word.floating:hover{background:#d9770699;border-color:#ffffff80}.windblown-word.settled{background:#0000;border:none;box-shadow:none;cursor:default}.windblown-signature{background:#8b451399;border:2px solid #d2691e80;border-radius:30px;bottom:100px;box-shadow:0 4px 15px #0006;font-size:1.8rem;padding:15px 35px;text-align:center;text-shadow:2px 2px 4px #0009}.windblown-back-button,.windblown-signature{color:#fffaf0;font-family:Nanum Pen Script,cursive;left:50%;position:fixed;transform:translateX(-50%);z-index:10}.windblown-back-button{background:#8b4513e6;border:2px solid #d2691e;border-radius:25px;bottom:40px;box-shadow:0 4px 12px #0000004d;cursor:pointer;font-size:1.2rem;padding:12px 28px;transition:all .3s ease}.windblown-back-button:hover{background:#d9770666;box-shadow:0 6px 16px #0006}@media (max-width:768px){.windblown-title{font-size:2rem}.windblown-word{font-size:1.3rem;padding:6px 12px}.windblown-signature{font-size:1.4rem;padding:12px 24px}}.rain-view{min-height:100vh;overflow:hidden;perspective:1000px;position:relative;width:100%}.rain-background{background:radial-gradient(ellipse at center,#6b7b8c 0,#4a5568 40%,#374151 80%,#1f2937 100%);z-index:0}.clouds-layer,.rain-background{bottom:0;left:0;position:absolute;right:0;top:0}.clouds-layer{background:radial-gradient(ellipse 80% 50% at 20% 30%,#94a3b866 0,#0000 50%),radial-gradient(ellipse 60% 40% at 70% 20%,#94a3b84d 0,#0000 50%),radial-gradient(ellipse 90% 60% at 50% 60%,#94a3b840 0,#0000 50%),radial-gradient(ellipse 50% 30% at 80% 70%,#94a3b833 0,#0000 50%);opacity:.3;z-index:1}.rain-container{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.raindrop{background:radial-gradient(circle,#c8dcffe6 0,#96b4dc99 50%,#0000 70%);height:8px;transform-origin:center;width:8px}.raindrop,.splatter{border-radius:50%;pointer-events:none;position:absolute}.splatter{background:radial-gradient(circle,#c8dcff80 0,#96b4dc4d 30%,#0000 70%)}.glass-puddle{-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);background:radial-gradient(ellipse at center,#6494ed26 0,#6494ed1a 30%,#6494ed0d 60%,#0000 80%);border-radius:50%;height:70%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:85%;z-index:3}.water-streak{background:linear-gradient(180deg,#0000,#c8dcff4d 20%,#c8dcff66 50%,#c8dcff33 80%,#0000);border-radius:2px;width:2px;z-index:4}.ripples-container,.water-streak{pointer-events:none;position:absolute}.ripples-container{bottom:0;left:0;right:0;top:0;z-index:5}.ripple{border:1px solid #c8dcff66;border-radius:50%;position:absolute;transform-origin:center}@keyframes ripple-expand{0%{opacity:.7;transform:scale(0)}to{opacity:0;transform:scale(5)}}.rain-title{color:#e2e8f0;font-family:Playfair Display,serif;font-size:2.8rem;left:50%;margin:0;position:fixed;text-align:center;text-shadow:0 0 30px #6494ed80,2px 2px 4px #00000080;top:60px;transform:translateX(-50%);z-index:10}.rain-poem-container{max-width:650px;padding:30px;text-align:center;width:75%;z-index:8}.rain-poem-container,.rain-prompt{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.rain-prompt{color:#c8dcffcc;font-family:Nanum Pen Script,cursive;font-size:1.4rem;letter-spacing:.15em;pointer-events:none;text-shadow:0 0 20px #6494ed80;z-index:7}.rain-line{animation:water-shimmer 3s ease-in-out infinite;color:#f1f5f9;font-family:Playfair Display,serif;font-size:1.5rem;line-height:2;margin:10px 0;position:relative;text-shadow:0 0 20px #6494ed99,0 0 40px #6494ed4d,1px 1px 3px #0009}@keyframes water-shimmer{0%,to{filter:blur(.2px);opacity:.95}50%{filter:blur(.6px);opacity:1}}.line-ripple{border:2px solid #c8dcff80;border-radius:50%;height:40px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100px;z-index:-1}.rain-author{background:#47556966;border:1px solid #94a3b833;border-radius:20px;bottom:100px;font-size:1.5rem;padding:10px 25px;text-align:center;text-shadow:0 0 15px #6494ed99,1px 1px 3px #00000080}.rain-author,.rain-back-button{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#cbd5e1;font-family:Nanum Pen Script,cursive;left:50%;position:fixed;transform:translateX(-50%);z-index:10}.rain-back-button{background:#334155d9;border:2px solid #64748b;border-radius:25px;bottom:40px;box-shadow:0 4px 15px #0000004d;cursor:pointer;font-size:1.2rem;padding:12px 28px;transition:all .3s ease}.rain-back-button:hover{background:#475569f2;border-color:#94a3b8;box-shadow:0 6px 20px #0006,0 0 20px #6494ed4d}@media (max-width:768px){.rain-title{font-size:2rem;top:40px}.rain-line{font-size:1.2rem;line-height:1.8}.rain-poem-container{padding:20px;width:90%}.rain-author{bottom:90px;font-size:1.2rem}.rain-back-button{font-size:1.1rem;padding:10px 22px}}.journal-page{align-items:center;background:linear-gradient(180deg,#8b7355,#6b5644 50%,#4a3d2f);justify-content:center;min-height:100vh;padding:var(--spacing-xl);width:100%}.journal-book,.journal-page{display:flex;position:relative}.journal-book{height:700px;max-width:1200px;perspective:2000px;width:90%}.book-spine{background:linear-gradient(90deg,#3d2817,#5a4230 20%,#6b5644 50%,#5a4230 80%,#3d2817);border-radius:4px;bottom:0;box-shadow:inset 0 0 20px #00000080,0 0 30px #0006;left:50%;position:absolute;top:0;transform:translateX(-50%);width:40px;z-index:10}.journal-book.no-spine{justify-content:center}.journal-book.no-spine .journal-left-page,.journal-book.no-spine .journal-right-page{border:3px solid #d4b8a0;border-radius:var(--radius-md);margin:0}.journal-left-page,.journal-right-page{background:#f5e6d3;box-shadow:0 8px 30px #0000004d;flex:1 1;padding:var(--spacing-xl);position:relative}.journal-left-page{border-radius:8px 0 0 8px;border-right:2px solid #d4c5b0;margin-right:20px}.journal-right-page{border-left:2px solid #d4c5b0;border-radius:0 8px 8px 0;margin-left:20px}.journal-left-page:before,.journal-right-page:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#a68a6408 0,#a68a6408 4px);border-radius:inherit;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.page-content{display:flex;flex-direction:column;height:100%;position:relative;z-index:1}.journal-heading{color:var(--color-deep-brown);font-family:var(--font-primary);font-size:2.5rem;margin:0;margin-bottom:var(--spacing-md);text-align:center}.journal-intro{color:var(--color-text-secondary);font-family:var(--font-handwriting);font-size:1.2rem;line-height:1.8;text-align:center}.menu-section{margin-top:var(--spacing-lg)}.close-journal-button,.read-journal-button{flex:1 1;min-width:0}.menu-options{display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center}.menu-flavor-text{color:var(--color-text-secondary);font-family:var(--font-handwriting);font-size:1.1rem;font-style:italic;margin:0;opacity:.7}.menu-flavor-text.left{text-align:left}.menu-flavor-text.right{text-align:right}.journal-illustration{display:block;height:auto;margin:35px auto 0;max-width:400px;opacity:.85;width:100%}.journal-menu-button{background:#f4efe799;border:2px solid var(--color-soft-brown);border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-lg);text-align:center;transition:all .3s ease}.journal-menu-button:hover{background:#f4efe7e6;box-shadow:0 4px 12px #0003;transform:translateY(-4px)}.menu-icon{display:block;font-size:3rem;margin-bottom:var(--spacing-sm)}.menu-label{color:var(--color-deep-brown);display:block;font-family:var(--font-primary);font-size:1.5rem;margin-bottom:var(--spacing-xs)}.menu-description{color:var(--color-text-secondary);margin:0}.journal-page .back-button,.menu-description{font-family:var(--font-handwriting);font-size:1rem}.journal-page .back-button{background:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:var(--color-deep-brown);cursor:pointer;display:block;margin-bottom:var(--spacing-md);padding:var(--spacing-xs);position:static!important;text-align:center;transition:all .2s ease;width:100%}.journal-page .back-button:hover{background:none!important;color:var(--color-text-primary);transform:none}.page-title{border-bottom:2px solid var(--color-soft-brown);color:var(--color-deep-brown);font-family:var(--font-primary);font-size:1.8rem;margin:0;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.writing-options{display:flex;flex-direction:column;gap:var(--spacing-md)}.option-label{color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:var(--spacing-xs)}.option-label,.title-input{font-family:var(--font-handwriting)}.title-input{background:#0000!important;border:none!important;border-bottom:2px solid var(--color-soft-brown)!important;border-radius:0!important;box-shadow:none!important;color:var(--color-text-primary);font-size:1.2rem;outline:none;padding:var(--spacing-sm);transition:border-color .3s ease}.title-input:focus{background:#0000!important;border-bottom-color:var(--color-deep-brown)}.title-input::placeholder{color:#6b564466}.style-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);max-width:400px}.style-btn{background:#0000;border:2px solid var(--color-soft-brown);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-handwriting);font-size:1rem;padding:var(--spacing-xs) var(--spacing-md);transition:all .3s ease}.style-btn:hover{background:var(--color-warm-beige)}.style-btn.active{background:var(--color-deep-brown);border-color:var(--color-deep-brown);color:var(--color-cream)}.letter-help{color:var(--color-text-secondary);font-family:var(--font-handwriting);font-size:1.1rem;line-height:1.8}.letter-writing-container{align-items:center;bottom:0;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;left:0;overflow:hidden;padding:var(--spacing-lg);position:absolute;right:0;top:0}.parchment-bg{background:linear-gradient(135deg,#d4c5b0,#c9b99a 50%,#b8a88a);background-image:radial-gradient(ellipse at top,#ffffff1a 0,#0000 70%),radial-gradient(ellipse at bottom,#0000000d 0,#0000 70%),linear-gradient(135deg,#d4c5b0,#c9b99a 50%,#b8a88a)}.letter-back-btn{align-self:flex-start;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#6b5644cc;border:2px solid #8b7355;border-radius:var(--radius-md);color:#f5e6d3;cursor:pointer;font-family:var(--font-handwriting);font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;z-index:10}.letter-back-btn:hover{background:#6b5644f2;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.letter-parchment,.sealing-parchment{background:#fff;border:3px solid #8b7355;border-radius:8px;box-shadow:0 20px 60px #0006,inset 0 0 80px #c8c8c80d;display:flex;flex-direction:column;max-height:75vh;max-width:750px;overflow:hidden;padding:20px 28px;position:relative;width:90%;z-index:2}.parchment-header{border-bottom:2px solid #8b73554d;flex-shrink:0;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.letter-greeting{color:var(--color-deep-brown);font-family:var(--font-handwriting);font-size:1.5rem;font-weight:600;letter-spacing:.5px}.letter-textarea-parchment{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-family:var(--font-handwriting);font-size:1.3rem;line-height:2;min-height:300px;outline:none;padding:var(--spacing-sm) 0;resize:none;width:100%}.letter-textarea-parchment::placeholder{color:#6b56444d;font-style:italic}.parchment-footer{border-top:2px solid #8b73554d;display:flex;flex-shrink:0;justify-content:flex-end;margin-top:var(--spacing-md);padding-top:var(--spacing-sm)}.letter-continue-seal-btn{background:linear-gradient(135deg,#6b5644,#5a4530);border:2px solid #4a3d2f;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;color:#f5e6d3;cursor:pointer;font-family:var(--font-primary);font-size:1.1rem;padding:var(--spacing-md) var(--spacing-xl);transition:all .3s ease}.letter-continue-seal-btn:hover:not(:disabled){background:linear-gradient(135deg,#5a4530,#4a3d2f);box-shadow:0 6px 16px #0006;transform:translateY(-2px)}.letter-continue-seal-btn:disabled{background:#999;box-shadow:none;cursor:not-allowed;opacity:.5}.sealing-header{border-bottom:2px solid #8b73554d;flex-shrink:0;margin-bottom:10px;padding-bottom:6px;text-align:center}.sealing-title{color:var(--color-deep-brown);font-family:var(--font-primary);font-size:1.4rem;letter-spacing:.5px;margin:0 0 4px}.sealing-subtitle{color:var(--color-text-secondary);font-family:var(--font-handwriting);font-size:.85rem;font-style:italic;margin:0}.sealing-content{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:0;overflow:hidden}.seal-methods-parchment{grid-gap:10px;display:grid;flex-shrink:0;gap:10px;grid-template-columns:repeat(2,1fr);margin-bottom:0}.seal-intro{color:var(--color-text-secondary);font-family:var(--font-handwriting);font-size:1.1rem;line-height:1.8;margin-bottom:var(--spacing-lg)}.seal-methods{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.seal-method-btn{align-items:center;background:#ffffffb3;border:2px solid #8b735566;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;cursor:pointer;display:flex;flex-direction:column;gap:4px;padding:10px;transition:all .3s ease}.seal-method-btn:hover{background:#ffffffe6;border-color:#8b735599;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.seal-method-btn.active{background:#8b735533;border-color:var(--color-deep-brown);box-shadow:0 0 0 3px #8b735533;transform:scale(1.03)}.method-icon{font-size:1.6rem}.method-name{color:var(--color-deep-brown);font-family:var(--font-primary);font-size:.85rem;font-weight:600}.seal-send-section{border-top:2px solid #8b73554d;display:flex;flex-shrink:0;justify-content:center;margin-top:8px;padding-top:8px}.seal-send-button{align-items:center;background:linear-gradient(135deg,#6b5644,#5a4530);border:2px solid #4a3d2f;border-radius:var(--radius-md);box-shadow:0 4px 12px #0000004d;color:#f5e6d3;cursor:pointer;display:flex;font-family:var(--font-primary);font-size:.95rem;font-weight:600;gap:6px;letter-spacing:.5px;padding:10px 16px;transition:all .3s ease}.seal-send-button:hover{background:linear-gradient(135deg,#5a4530,#4a3d2f);box-shadow:0 8px 24px #00000080;transform:translateY(-3px)}.seal-options{display:flex;flex-direction:column;height:100%}.seal-subtitle{color:var(--color-deep-brown);font-family:var(--font-primary);font-size:1rem;margin:0 0 4px}.placeholder-note{background:#ffc1071a;border-left:3px solid #ffc107;border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-handwriting);font-size:.95rem;margin:var(--spacing-md) 0;padding:var(--spacing-sm)}.moon-seal-section{border-top:2px solid var(--color-soft-brown);margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.seal-title{color:var(--color-deep-brown);font-family:var(--font-primary);font-size:1.3rem;margin:0;margin-bottom:var(--spacing-xs)}.seal-description{color:var(--color-text-secondary);font-size:.8rem;font-style:italic}.current-moon,.seal-description{font-family:var(--font-handwriting);margin:0 0 6px}.current-moon{align-items:center;background:#f4efe780;border-radius:var(--radius-sm);color:var(--color-text-primary);display:inline-flex;font-size:.85rem;gap:4px;padding:4px 8px}.moon-phase-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.moon-phase-btn{align-items:center;background:#0000;border:2px solid var(--color-soft-brown);border-radius:var(--radius-sm);cursor:pointer;display:flex;flex-direction:column;padding:6px;transition:all .3s ease}.moon-phase-btn:hover{background:#f4efe74d;transform:scale(1.05)}.moon-phase-btn.selected{background:#6b564433;border-color:var(--color-deep-brown);box-shadow:0 0 0 2px #6b56444d}.moon-emoji{font-size:1.5rem;margin-bottom:2px}.moon-name{color:var(--color-text-primary);font-size:.65rem;line-height:1.1;text-align:center}.moon-days,.moon-name{font-family:var(--font-handwriting)}.moon-days{color:var(--color-text-secondary);font-size:.6rem;margin-top:1px}.journal-textarea{background-attachment:local;background-color:initial!important;background-image:repeating-linear-gradient(#0000,#0000 31px,var(--color-soft-brown) 31px,var(--color-soft-brown) 32px)!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:var(--color-text-primary);flex:1 1;font-family:var(--font-handwriting);font-size:1.2rem;line-height:2;outline:none;padding:var(--spacing-md);padding-top:8px;resize:none}.journal-textarea::placeholder{color:#6b564466}.send-button{align-items:center;align-self:flex-end;background:var(--color-deep-brown);border:none;border-radius:var(--radius-sm);box-shadow:0 2px 6px #0003;color:var(--color-cream);cursor:pointer;display:inline-flex;font-family:var(--font-handwriting);font-size:1.1rem;gap:var(--spacing-xs);margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease}.send-button:hover{background:#7d5a3f;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.seal-button{gap:var(--spacing-sm)}.send-button:disabled{cursor:not-allowed;opacity:.5}.delay-options{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(5,1fr);margin-bottom:6px}.delay-btn{background:#0000;border:2px solid var(--color-soft-brown);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-handwriting);font-size:.8rem;padding:8px 4px;transition:all .3s ease}.delay-btn:hover{background:#f4efe74d;transform:scale(1.05)}.delay-btn.selected{background:#6b564433;border-color:var(--color-deep-brown);box-shadow:0 0 0 2px #6b56444d}.custom-delay{align-items:center;display:flex;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.delay-input{background:#0000;border:2px solid var(--color-soft-brown);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:var(--font-handwriting);font-size:1.1rem;outline:none;padding:var(--spacing-xs) var(--spacing-sm);width:80px}.delay-input:focus{border-color:var(--color-deep-brown)}.delay-label{color:var(--color-text-secondary);font-family:var(--font-handwriting);font-size:1rem}.distance-options{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(2,1fr);margin-top:var(--spacing-md)}.distance-btn{background:#0000;border:2px solid var(--color-soft-brown);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-handwriting);font-size:.95rem;padding:var(--spacing-sm);transition:all .3s ease}.distance-btn:hover{background:#f4efe74d;transform:scale(1.05)}.distance-btn.selected{background:#6b564433;border-color:var(--color-deep-brown);box-shadow:0 0 0 2px #6b56444d}.weather-options{grid-gap:var(--spacing-xs);display:grid;gap:var(--spacing-xs);grid-template-columns:repeat(2,1fr);margin-top:var(--spacing-md)}.weather-btn{align-items:center;background:#0000;border:2px solid var(--color-soft-brown);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-handwriting);font-size:.95rem;gap:var(--spacing-xs);padding:var(--spacing-sm);transition:all .3s ease}.weather-btn:hover{background:#f4efe74d;transform:scale(1.05)}.weather-btn.selected{background:#6b564433;border-color:var(--color-deep-brown);box-shadow:0 0 0 2px #6b56444d}.journal-reading-page{background:#f9f6f0}.journal-entry-content{display:flex;flex-direction:column;height:100%}.journal-entry-header{border-bottom:2px solid var(--color-soft-brown);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.journal-entry-title{color:var(--color-deep-brown);font-family:var(--font-primary);font-size:2rem;line-height:1.3;margin:0;margin-bottom:var(--spacing-xs)}.journal-entry-date{color:var(--color-text-secondary);font-family:var(--font-handwriting);font-size:1rem;font-style:italic;margin:0}.journal-entry-body{flex:1 1;margin-bottom:var(--spacing-md);overflow-y:auto;padding-right:var(--spacing-sm)}.journal-entry-body::-webkit-scrollbar{width:4px}.journal-entry-body::-webkit-scrollbar-track{background:#0000}.journal-entry-body::-webkit-scrollbar-thumb{background:var(--color-soft-brown);border-radius:var(--radius-sm)}.journal-entry-text{color:var(--color-text-primary);font-family:var(--font-handwriting);font-size:1.3rem;line-height:2;margin:0;white-space:pre-wrap}.journal-entry-author{color:var(--color-text-secondary);font-family:var(--font-handwriting);font-size:1.1rem;font-style:italic;margin:auto 0 0;text-align:right}.journal-nav{align-items:center;background:#f4efe780;border-radius:var(--radius-md);display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.journal-nav-btn{background:#0000;border:2px solid var(--color-soft-brown);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-handwriting);font-size:1rem;padding:var(--spacing-xs) var(--spacing-md);transition:all .3s ease}.journal-nav-btn:hover:not(:disabled){background:var(--color-warm-beige);transform:translateY(-2px)}.journal-nav-btn:disabled{cursor:not-allowed;opacity:.4}.journal-page-number{color:var(--color-text-secondary);font-family:var(--font-handwriting);font-size:.95rem;text-align:center}.journal-entries-sidebar{display:flex;flex:1 1;flex-direction:column;height:450px}.sidebar-title{border-bottom:2px solid var(--color-soft-brown);color:var(--color-deep-brown);font-family:var(--font-primary);font-size:1.3rem;margin:0;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.entries-list-scroll{flex:1 1;overflow-y:auto;padding-right:var(--spacing-xs)}.entries-list-scroll::-webkit-scrollbar{width:4px}.entries-list-scroll::-webkit-scrollbar-track{background:#6b56441a;border-radius:var(--radius-sm)}.entries-list-scroll::-webkit-scrollbar-thumb{background:var(--color-soft-brown);border-radius:var(--radius-sm)}.entries-list-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-deep-brown)}.entry-list-item{align-items:center;background:#0000;border:2px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);text-align:left;transition:all .3s ease;width:100%}.entry-list-item:hover{background:#f4efe780;border-color:var(--color-soft-brown)}.entry-list-item.active{background:var(--color-warm-beige);border-color:var(--color-deep-brown);box-shadow:0 2px 8px #0000001a}.entry-list-title{color:var(--color-text-primary);flex:1 1;font-family:var(--font-handwriting);font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-list-date{font-size:.85rem;margin-left:var(--spacing-sm)}.entry-list-date,.no-entries-message{color:var(--color-text-secondary);font-family:var(--font-handwriting);font-style:italic}.no-entries-message{font-size:1.3rem;line-height:1.8;margin-top:var(--spacing-xl);padding:var(--spacing-xl);text-align:center}@media (max-width:1024px){.journal-book{flex-direction:column;height:auto;max-width:600px}.book-spine{display:none}.journal-left-page,.journal-right-page{border:2px solid #d4c5b0;border-radius:var(--radius-md);margin:0;margin-bottom:var(--spacing-md);min-height:400px}.journal-heading{font-size:2rem}.page-title{font-size:1.5rem}}@media (max-width:768px){.journal-page{padding:var(--spacing-md)}.journal-book{width:100%}.menu-icon{font-size:2rem}.menu-label{font-size:1.2rem}.letter-parchment,.sealing-parchment{max-height:93vh;padding:20px 28px;width:95%}.letter-greeting{font-size:1.5rem}.letter-textarea-parchment{font-size:1.2rem;max-height:45vh;min-height:300px}.sealing-title{font-size:2rem}.seal-methods-parchment{gap:var(--spacing-sm);grid-template-columns:1fr}}.signature-section{margin:var(--spacing-xl) 0}.signature-options{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);margin:var(--spacing-lg) 0}.signature-btn{background:#f4efe780;border:2px solid #8b6a4f4d;border-radius:12px;box-shadow:0 2px 6px #0000001a;color:var(--color-text-primary);cursor:pointer;font-family:Nanum Pen Script,cursive;font-size:1.3rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease}.signature-btn:hover{background:#f4efe7cc;border-color:#8b6a4f80;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.signature-btn.selected{background:#d2b48c99;border-color:#8b6a4fcc;border-width:3px;box-shadow:0 4px 16px #8b6a4f4d;font-weight:600}.custom-signature{border-top:1px solid #8b6a4f33;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.signature-input{background:#fff9;border:2px solid #8b6a4f4d;border-radius:8px;color:var(--color-text-primary);font-family:Nanum Pen Script,cursive;font-size:1.4rem;margin-top:var(--spacing-sm);padding:var(--spacing-md);transition:all .3s ease;width:100%}.signature-input:focus{background:#fffc;border-color:#8b6a4f99;box-shadow:0 0 0 3px #8b6a4f1a;outline:none}.signature-input::placeholder{color:#6b564466;font-style:italic}.puzzle-page{align-items:center;background:linear-gradient(180deg,#f0f8ff,#e8f4f8 30%,#dfeef5 60%,#d4e8f0);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:var(--spacing-xl);position:relative;width:100%}.watercolor-orb{animation:float-dreamy 25s ease-in-out infinite;opacity:.4;transition:background .8s ease-in-out}.orb-1{animation-delay:0s;animation-duration:20s;background:radial-gradient(circle,#7eb39c99 0,#7eb39c33 50%,#0000 100%);height:400px;left:-100px;top:-100px;width:400px}.orb-2{animation-delay:3s;animation-duration:23s;background:radial-gradient(circle,#daa56280 0,#daa56233 50%,#0000 100%);height:350px;right:-80px;top:20%;width:350px}.orb-3{animation-delay:7s;animation-duration:28s;background:radial-gradient(circle,#badae699 0,#badae633 50%,#0000 100%);bottom:-120px;height:450px;left:10%;width:450px}.orb-4{animation-delay:5s;animation-duration:22s;background:radial-gradient(circle,#c6e2c680 0,#c6e2c633 50%,#0000 100%);bottom:15%;height:300px;right:5%;width:300px}@keyframes float-dreamy{0%,to{opacity:.3;transform:translate(0) scale(1)}25%{opacity:.5;transform:translate(30px,-40px) scale(1.1)}50%{opacity:.4;transform:translate(-20px,30px) scale(.95)}75%{opacity:.45;transform:translate(40px,20px) scale(1.05)}}.watercolor-gradient{animation:watercolor-shift 30s ease-in-out infinite alternate;background:radial-gradient(ellipse at 20% 30%,#7eb39c33 0,#0000 50%),radial-gradient(ellipse at 80% 70%,#badae626 0,#0000 50%),linear-gradient(135deg,#daa5621a,#0000);filter:blur(60px);height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:background .8s ease-in-out;width:100%;z-index:0}.flowing-edge-top{animation:edge-flow 20s ease-in-out infinite alternate;background:linear-gradient(180deg,#badae640,#7eb39c26 50%,#0000);top:0}.flowing-edge-bottom,.flowing-edge-top{filter:blur(40px);height:250px;left:0;pointer-events:none;position:absolute;transition:background .8s ease-in-out;width:100%;z-index:0}.flowing-edge-bottom{animation:edge-flow 25s ease-in-out infinite alternate-reverse;background:linear-gradient(0deg,#c6e2c640,#daa56226 50%,#0000);bottom:0}@keyframes edge-flow{0%,to{opacity:.6;transform:translateX(0)}50%{opacity:.8;transform:translateX(20px)}}.puzzle-page:before{animation:watercolor-shift 30s ease-in-out infinite alternate;background:radial-gradient(ellipse at 15% 25%,#7eb39c26 0,#0000 40%),radial-gradient(ellipse at 85% 35%,#daa5621f 0,#0000 45%),radial-gradient(ellipse at 50% 70%,#badae62e 0,#0000 50%),radial-gradient(ellipse at 30% 80%,#c6e2c624 0,#0000 42%);content:"";filter:blur(80px);height:100%;left:0;pointer-events:none;position:absolute;top:0;transition:background .8s ease-in-out;width:100%}@keyframes watercolor-shift{0%{opacity:.6;transform:translate(0) rotate(0deg) scale(1)}50%{opacity:.8;transform:translate(20px,15px) rotate(2deg) scale(1.05)}to{opacity:.7;transform:translate(-15px,-10px) rotate(-1deg) scale(.98)}}.puzzle-header{animation:gentle-float 6s ease-in-out infinite;margin-bottom:var(--spacing-lg);margin-top:var(--spacing-xl);text-align:center;z-index:1}@keyframes gentle-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.puzzle-title{-webkit-text-fill-color:#0000;animation:color-shift 10s ease-in-out infinite alternate;background:linear-gradient(135deg,#2c5f7f,#4a8fa8 30%,#6aa98c 60%,#5a9d8a);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 4px 8px rgba(255,255,255,.7));font-family:var(--font-primary);font-size:3.5rem;margin:0;margin-bottom:var(--spacing-sm)}@keyframes color-shift{0%{filter:drop-shadow(0 4px 8px rgba(126,179,156,.3)) brightness(1)}50%{filter:drop-shadow(0 4px 8px rgba(186,218,230,.4)) brightness(1.05)}to{filter:drop-shadow(0 4px 8px rgba(218,165,98,.3)) brightness(1)}}.puzzle-subtitle{color:#5a7f95;filter:drop-shadow(0 2px 4px rgba(255,255,255,.9));font-family:var(--font-handwriting);font-size:1.5rem;margin:0;opacity:.85}.puzzle-tabs{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);z-index:1}.puzzle-tab{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border:none;border-radius:25px;box-shadow:0 4px 20px #badae64d,inset 0 1px 0 #ffffffe6;color:#2c5f7f;cursor:pointer;font-family:var(--font-handwriting);font-size:1.3rem;overflow:hidden;padding:var(--spacing-md) var(--spacing-xl);position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.puzzle-tab:before{background:radial-gradient(circle at 50% 50%,#badae666 0,#c6e2c64d 50%,#0000 100%);bottom:0;content:"";left:0;mix-blend-mode:overlay;opacity:0;position:absolute;right:0;top:0;transition:opacity .5s ease}.puzzle-tab:hover:before{opacity:1}.puzzle-tab:hover{box-shadow:0 12px 30px #7eb39c66,inset 0 1px 0 #fff;transform:translateY(-6px) scale(1.02)}.puzzle-tab.active{animation:tab-bloom .6s ease-out;background:linear-gradient(135deg,#7eb39cb3,#6a9f88cc 50%,#568b74bf);box-shadow:0 8px 25px #6a9f8880,inset 0 2px 4px #ffffff4d,0 0 40px #7eb39c4d;color:#fff;transform:translateY(-4px)}@keyframes tab-bloom{0%{filter:blur(2px);transform:translateY(0) scale(.95)}50%{filter:blur(1px);transform:translateY(-6px) scale(1.05)}to{filter:blur(0);transform:translateY(-4px) scale(1)}}.puzzle-content{animation:content-float 8s ease-in-out infinite;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffbf;border:none;border-radius:35px;box-shadow:0 20px 60px #2c5f7f26,inset 0 1px 0 #fffffff2,0 0 60px #badae633;max-width:900px;overflow:hidden;padding:var(--spacing-xl);position:relative;width:100%;z-index:1}@keyframes content-float{0%,to{box-shadow:0 20px 60px #2c5f7f26,inset 0 1px 0 #fffffff2,0 0 60px #badae633;transform:translateY(0)}50%{box-shadow:0 25px 70px #2c5f7f33,inset 0 1px 0 #fff,0 0 80px #7eb39c40;transform:translateY(-5px)}}.puzzle-content:before{animation:gradient-flow 15s ease infinite;background:linear-gradient(45deg,#7eb39c80,#badae680 20%,#daa56266 40%,#c6e2c680 60%,#badae680 80%,#7eb39c80);background-size:300% 300%;border-radius:35px;bottom:-3px;content:"";filter:blur(8px);left:-3px;opacity:.6;position:absolute;right:-3px;top:-3px;z-index:-1}@keyframes gradient-flow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.connections-container,.wordle-container{position:relative;text-align:center;z-index:1}.partner-status{align-items:center;animation:bloom .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;display:flex;font-family:var(--font-handwriting);font-size:1.1rem;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.partner-status.live{animation:pulse-glow 2s ease-in-out infinite;background:#badae640;border:2px solid #6a9f884d;color:#4a8fa8}.partner-status.completed{background:#7eb39c33;border:2px solid #7eb39c66;color:#6aa98c}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #6a9f884d}50%{box-shadow:0 0 30px #6a9f8880}}.pulse-dot{animation:pulse-dot 1.5s ease-in-out infinite;background:#6aa98c;border-radius:50%;box-shadow:0 0 10px #6a9f8899;height:10px;width:10px}.flower-icon{animation:flower-spin 2s ease-in-out infinite;font-size:1.5rem}@keyframes flower-spin{0%,to{transform:rotate(0deg)}50%{transform:rotate(15deg)}}.comparison-view{animation:bloom .8s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff80;border-radius:25px;box-shadow:0 8px 20px #2c5f7f1f;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.comparison-view h3{color:#2c5f7f;font-family:var(--font-primary);font-size:1.8rem;margin:0 0 var(--spacing-md) 0}.comparison-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.comparison-player h4{color:#5a7f95;font-family:var(--font-handwriting);font-size:1.3rem;margin:0 0 var(--spacing-sm) 0}.comparison-player p{font-family:var(--font-primary);font-size:1.8rem;font-weight:700;margin:0 0 var(--spacing-md) 0}.comparison-player p.won{color:#6aa98c}.comparison-player p.lost{color:#9a9a9a}.mini-grid{display:flex;flex-direction:column;gap:3px;margin-top:var(--spacing-sm)}.mini-row{display:flex;gap:3px;justify-content:center}.mini-tile{background:#e0e0e0;border-radius:3px;height:20px;width:20px}.mini-tile.correct{background:#7eb39c}.mini-tile.present{background:#daa562}.mini-tile.absent{background:#787880}.wordle-grid{display:flex;flex-direction:column;gap:8px;margin:var(--spacing-xl) auto;max-width:400px}.wordle-row{display:flex;gap:8px;justify-content:center}.wordle-row:first-child .wordle-tile:first-child{animation-delay:0s}.wordle-row:first-child .wordle-tile:nth-child(2){animation-delay:.3s}.wordle-row:first-child .wordle-tile:nth-child(3){animation-delay:.6s}.wordle-row:first-child .wordle-tile:nth-child(4){animation-delay:.9s}.wordle-row:first-child .wordle-tile:nth-child(5){animation-delay:1.2s}.wordle-row:nth-child(2) .wordle-tile:first-child{animation-delay:.2s}.wordle-row:nth-child(2) .wordle-tile:nth-child(2){animation-delay:.5s}.wordle-row:nth-child(2) .wordle-tile:nth-child(3){animation-delay:.8s}.wordle-row:nth-child(2) .wordle-tile:nth-child(4){animation-delay:1.1s}.wordle-row:nth-child(2) .wordle-tile:nth-child(5){animation-delay:1.4s}.wordle-row:nth-child(3) .wordle-tile:first-child{animation-delay:.4s}.wordle-row:nth-child(3) .wordle-tile:nth-child(2){animation-delay:.7s}.wordle-row:nth-child(3) .wordle-tile:nth-child(3){animation-delay:1s}.wordle-row:nth-child(3) .wordle-tile:nth-child(4){animation-delay:1.3s}.wordle-row:nth-child(3) .wordle-tile:nth-child(5){animation-delay:1.6s}.wordle-row:nth-child(4) .wordle-tile:first-child{animation-delay:.1s}.wordle-row:nth-child(4) .wordle-tile:nth-child(2){animation-delay:.4s}.wordle-row:nth-child(4) .wordle-tile:nth-child(3){animation-delay:.7s}.wordle-row:nth-child(4) .wordle-tile:nth-child(4){animation-delay:1s}.wordle-row:nth-child(4) .wordle-tile:nth-child(5){animation-delay:1.3s}.wordle-row:nth-child(5) .wordle-tile:first-child{animation-delay:.3s}.wordle-row:nth-child(5) .wordle-tile:nth-child(2){animation-delay:.6s}.wordle-row:nth-child(5) .wordle-tile:nth-child(3){animation-delay:.9s}.wordle-row:nth-child(5) .wordle-tile:nth-child(4){animation-delay:1.2s}.wordle-row:nth-child(5) .wordle-tile:nth-child(5){animation-delay:1.5s}.wordle-row:nth-child(6) .wordle-tile:first-child{animation-delay:.5s}.wordle-row:nth-child(6) .wordle-tile:nth-child(2){animation-delay:.8s}.wordle-row:nth-child(6) .wordle-tile:nth-child(3){animation-delay:1.1s}.wordle-row:nth-child(6) .wordle-tile:nth-child(4){animation-delay:1.4s}.wordle-row:nth-child(6) .wordle-tile:nth-child(5){animation-delay:1.7s}.wordle-tile{align-items:center;animation:tile-float 4s ease-in-out infinite;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(ellipse at 30% 30%,#fffffff2 0,#f5f5fae6 60%,#ebf0f5d9 100%);border:none;border-radius:15px;box-shadow:0 4px 15px #badae640,inset -2px -2px 8px #badae64d,inset 2px 2px 8px #fffc;color:#5a7f95;display:flex;font-family:var(--font-handwriting);font-size:2.2rem;font-weight:500;height:62px;justify-content:center;overflow:visible;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:62px}.wordle-tile.filled{animation:tile-float 4s ease-in-out infinite,gentle-pulse 2s ease-in-out infinite;box-shadow:0 6px 20px #8b73554d,inset -3px -3px 10px #8b735533,inset 3px 3px 10px #fff9}@keyframes tile-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes gentle-pulse{0%,to{box-shadow:0 6px 20px #8b73554d,inset -3px -3px 10px #8b735533,inset 3px 3px 10px #fff9}50%{box-shadow:0 8px 25px #8b735566,inset -4px -4px 12px #8b735540,inset 4px 4px 12px #ffffffb3}}.wordle-tile.correct{animation:bloom-correct .8s cubic-bezier(.34,1.56,.64,1),tile-float 4s ease-in-out infinite,gentle-pulse 2s ease-in-out infinite;background:radial-gradient(ellipse at 25% 25%,#a6dbc4e6 0,#0000 50%),radial-gradient(ellipse at 70% 70%,#6ab39cd9 0,#0000 55%),radial-gradient(ellipse at 50% 50%,#7ec7b0f2 0,#569f88e6 100%);box-shadow:0 8px 25px #6a9f8873,inset -4px -4px 12px #568b7466,inset 4px 4px 12px #baefd899,0 0 40px #7eb39c59;color:#fffffff2;text-shadow:0 2px 4px #568b7466,0 0 8px #baefd84d}.wordle-tile.present{animation:bloom-present .8s cubic-bezier(.34,1.56,.64,1),tile-float 4s ease-in-out infinite,gentle-pulse 2s ease-in-out infinite;background:radial-gradient(ellipse at 25% 25%,#f8cd8ae6 0,#0000 50%),radial-gradient(ellipse at 70% 70%,#daa562d9 0,#0000 55%),radial-gradient(ellipse at 50% 50%,#eeb976f2 0,#b2914ee6 100%);box-shadow:0 8px 25px #c6914e73,inset -4px -4px 12px #b27d3a66,inset 4px 4px 12px #ffe19e99,0 0 40px #daa56259;color:#fffffff2;text-shadow:0 2px 4px #b27d3a66,0 0 8px #ffe19e4d}.wordle-tile.absent{animation:bloom-absent .8s cubic-bezier(.34,1.56,.64,1),tile-float 4s ease-in-out infinite,gentle-pulse 2s ease-in-out infinite;background:radial-gradient(ellipse at 25% 25%,#96969ed9 0,#0000 50%),radial-gradient(ellipse at 70% 70%,#6e6e76cc 0,#0000 55%),radial-gradient(ellipse at 50% 50%,#82828ae6 0,#5a5a62d9 100%);box-shadow:0 8px 25px #64646c66,inset -4px -4px 12px #50505859,inset 4px 4px 12px #aaaab280,0 0 35px #7878804d;color:#ffffffe6;text-shadow:0 2px 4px #50505859,0 0 6px #aaaab240}@keyframes bloom-correct{0%{filter:blur(6px) saturate(.5);opacity:0;transform:scale(.7) rotate(-5deg)}40%{filter:blur(3px) saturate(1.3);transform:scale(1.15) rotate(2deg)}70%{filter:blur(1px) saturate(1.1);transform:scale(.95) rotate(-1deg)}to{filter:blur(0) saturate(1);opacity:1;transform:scale(1) rotate(0deg)}}@keyframes bloom-present{0%{filter:blur(6px) saturate(.5);opacity:0;transform:scale(.7) rotate(5deg)}40%{filter:blur(3px) saturate(1.3);transform:scale(1.15) rotate(-2deg)}70%{filter:blur(1px) saturate(1.1);transform:scale(.95) rotate(1deg)}to{filter:blur(0) saturate(1);opacity:1;transform:scale(1) rotate(0deg)}}@keyframes bloom-absent{0%{filter:blur(6px) saturate(.3);opacity:0;transform:scale(.7)}40%{filter:blur(3px) saturate(.8);transform:scale(1.12)}70%{filter:blur(1px) saturate(.9);transform:scale(.96)}to{filter:blur(0) saturate(1);opacity:1;transform:scale(1)}}.wordle-tile.absent:before,.wordle-tile.correct:before,.wordle-tile.present:before{animation:bleed-shift 6s ease-in-out infinite;background:inherit;border-radius:45% 55% 52% 48%/48% 45% 55% 52%;bottom:-20%;content:"";filter:blur(15px);left:-20%;mix-blend-mode:multiply;opacity:.5;position:absolute;right:-20%;top:-20%;z-index:-1}@keyframes bleed-shift{0%,to{border-radius:45% 55% 52% 48%/48% 45% 55% 52%;transform:rotate(0deg) scale(1)}33%{border-radius:52% 48% 45% 55%/55% 52% 48% 45%;transform:rotate(3deg) scale(1.05)}66%{border-radius:48% 52% 55% 45%/45% 55% 52% 48%;transform:rotate(-3deg) scale(1.02)}}.wordle-tile.absent:after,.wordle-tile.correct:after,.wordle-tile.present:after{background:radial-gradient(ellipse at 30% 30%,#ffffff4d 0,#0000 40%),radial-gradient(ellipse at 70% 70%,#fff3 0,#0000 35%);border-radius:50%;bottom:5%;content:"";left:5%;mix-blend-mode:overlay;opacity:.6;pointer-events:none;position:absolute;right:5%;top:5%}.wordle-instructions{color:#5a7f95;font-family:var(--font-handwriting);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-lg);text-align:center}.current-guess-display{color:#2c5f7f;font-family:var(--font-primary)!important;font-size:2rem!important;font-weight:700;letter-spacing:8px;min-height:40px;text-shadow:0 2px 4px #fffc}.virtual-keyboard{display:flex;flex-direction:column;gap:8px;margin-left:auto;margin-right:auto;margin-top:var(--spacing-xl);max-width:600px}.keyboard-row{display:flex;gap:6px;justify-content:center}.keyboard-key{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffc;border:2px solid #b8a68f4d;border-radius:8px;box-shadow:0 3px 8px #2c5f7f1f,inset 0 1px 0 #ffffffe6;color:#3a3a3a;cursor:pointer;font-family:var(--font-primary);font-size:.95rem;font-weight:600;min-width:40px;padding:16px 12px;transition:all .3s cubic-bezier(.4,0,.2,1)}.keyboard-key.wide{font-size:.85rem;min-width:65px}.keyboard-key:hover:not(:disabled){border-color:#6a9f8866;box-shadow:0 6px 15px #6a9f8840,inset 0 1px 0 #fff;transform:translateY(-3px) scale(1.05)}.keyboard-key:active:not(:disabled){transform:translateY(-1px) scale(1.02)}.keyboard-key:disabled{cursor:not-allowed;opacity:.4}.keyboard-key.correct{background:linear-gradient(135deg,#7eb39c,#6aa98c);border-color:#6aa98c;box-shadow:0 4px 12px #6a9f8866,inset 0 1px 0 #ffffff4d;color:#fff}.keyboard-key.present{background:linear-gradient(135deg,#daa562,#c6914e);border-color:#c6914e;box-shadow:0 4px 12px #c6914e66,inset 0 1px 0 #ffffff4d;color:#fff}.keyboard-key.absent{background:linear-gradient(135deg,#787880,#64646c);border-color:#64646c;box-shadow:0 4px 12px #64646c4d,inset 0 1px 0 #fff3;color:#fff}.game-over-message{animation:bloom .8s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff9;border-radius:25px;box-shadow:0 8px 20px #2c5f7f1f;margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.game-over-message h3{color:#2c5f7f;font-family:var(--font-primary);font-size:1.8rem;margin:0 0 var(--spacing-sm) 0}.game-over-message p{color:#5a7f95;font-family:var(--font-handwriting);font-size:1.2rem;margin:0}.game-over-message strong{color:#6aa98c;font-size:1.5rem;letter-spacing:6px;text-shadow:0 2px 4px #7eb39c4d}.feature-note{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5d7c640;border-left:4px solid #daa56299;border-radius:15px;margin-top:var(--spacing-lg);padding:var(--spacing-md)}.puzzle-page.connections-theme{background:linear-gradient(180deg,#faf5f8,#f5eef5 30%,#f0e8f0 60%,#ebe0eb);transition:background .8s ease-in-out}.puzzle-page.connections-theme:before{background:radial-gradient(ellipse at 15% 25%,#ffb4d233 0,#0000 40%),radial-gradient(ellipse at 85% 35%,#f0a0c326 0,#0000 45%),radial-gradient(ellipse at 50% 70%,#ffc8dc38 0,#0000 50%),radial-gradient(ellipse at 30% 80%,#dc96b42e 0,#0000 42%)}.puzzle-page.connections-theme .puzzle-content{box-shadow:0 20px 60px #8b3a6226,inset 0 1px 0 #fffffff2,0 0 60px #ffc8dc33}@keyframes content-float-pink{0%,to{box-shadow:0 20px 60px #8b3a6226,inset 0 1px 0 #fffffff2,0 0 60px #ffc8dc33;transform:translateY(0)}50%{box-shadow:0 25px 70px #8b3a6233,inset 0 1px 0 #fff,0 0 80px #f0b4d240;transform:translateY(-5px)}}.puzzle-page.connections-theme .puzzle-content{animation:content-float-pink 8s ease-in-out infinite}.puzzle-page.connections-theme .puzzle-content:before{background:linear-gradient(45deg,#ffb4d280,#f0a0c380 20%,#ffc8dc66 40%,#dc96b480 60%,#ffb4d280 80%,#f0a0c380)}.puzzle-page.connections-theme .puzzle-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#8b3a62,#c080a8 30%,#e8a0c8 60%,#a6628a);-webkit-background-clip:text;background-clip:text}@keyframes color-shift-pink{0%{filter:drop-shadow(0 4px 8px rgba(255,180,210,.3)) brightness(1)}50%{filter:drop-shadow(0 4px 8px rgba(240,160,195,.4)) brightness(1.05)}to{filter:drop-shadow(0 4px 8px rgba(220,150,180,.3)) brightness(1)}}.puzzle-page.connections-theme .puzzle-title{animation:color-shift-pink 10s ease-in-out infinite alternate}.puzzle-page.connections-theme .puzzle-subtitle{color:#a6628a}.puzzle-page.connections-theme .puzzle-tab.active{background:linear-gradient(135deg,#ffb4d2b3,#f0a0c3cc 50%,#dc96b4bf);box-shadow:0 8px 25px #ffb4d280,inset 0 2px 4px #ffffff4d,0 0 40px #f0a0c34d;color:#fff}.puzzle-page.connections-theme .puzzle-tab:hover{box-shadow:0 12px 30px #ffb4d266,inset 0 1px 0 #fff}.puzzle-page.connections-theme .puzzle-tab:hover:before{background:radial-gradient(circle at 50% 50%,#ffc8dc66 0,#f0b4d24d 50%,#0000 100%)}.puzzle-page.connections-theme .puzzle-tab{box-shadow:0 4px 20px #ffc8dc4d,inset 0 1px 0 #ffffffe6;color:#8b3a62}.puzzle-page.connections-theme .orb-1{background:radial-gradient(circle,#ffb6c199 0,#ffb6c133 50%,#0000 100%)}.puzzle-page.connections-theme .orb-2{background:radial-gradient(circle,#ffa0b480 0,#ffa0b433 50%,#0000 100%)}.puzzle-page.connections-theme .orb-3{background:radial-gradient(circle,#dc96b499 0,#dc96b433 50%,#0000 100%)}.puzzle-page.connections-theme .orb-4{background:radial-gradient(circle,#c882aa80 0,#c882aa33 50%,#0000 100%)}.puzzle-page.connections-theme .watercolor-gradient{background:radial-gradient(ellipse at 20% 30%,#ffc8dc4d 0,#0000 50%),radial-gradient(ellipse at 80% 70%,#f0b4d240 0,#0000 50%),linear-gradient(135deg,#ffdceb26,#0000)}.puzzle-page.connections-theme .flowing-edge-top{background:linear-gradient(180deg,#ffd2e159,#ffbed240 50%,#0000)}.puzzle-page.connections-theme .flowing-edge-bottom{background:linear-gradient(0deg,#f0b4d259,#dca0c340 50%,#0000)}.connections-container{animation:fade-in .8s ease-out;margin:0 auto;max-width:800px;padding:var(--spacing-lg);width:100%}.connections-title{-webkit-text-fill-color:#0000;animation:gentle-float 6s ease-in-out infinite;background:linear-gradient(135deg,#8b3a62,#c080a8 50%,#a6628a);-webkit-background-clip:text;background-clip:text;font-family:var(--font-primary);font-size:2.5rem;margin:0 0 var(--spacing-sm) 0;text-align:center;text-shadow:0 2px 8px #8b3a624d}.connections-subtitle{color:#a6628a;font-family:var(--font-handwriting);font-size:1.3rem;margin:0 0 var(--spacing-xl) 0;text-align:center;text-shadow:0 1px 4px #8b3a6233}.connections-menu{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.connections-menu h3{color:#8b3a62;font-family:var(--font-primary);font-size:1.8rem;margin:0 0 var(--spacing-md) 0;text-align:center;text-shadow:0 2px 8px #8b3a6233}.no-puzzles{animation:gentle-pulse 3s ease-in-out infinite;background:radial-gradient(ellipse at 30% 30%,#ffe6f599 0,#0000 50%),radial-gradient(ellipse at 70% 70%,#f5d2e680 0,#0000 55%),#fff5fa66;border:2px dashed #a6628a4d;border-radius:20px;color:#a6628a;font-family:var(--font-handwriting);font-size:1.4rem;margin:var(--spacing-lg) 0;padding:40px 20px;text-align:center;text-shadow:0 1px 4px #8b3a6226}.puzzle-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg)}.filter-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ebe1f566;border:2px solid #a08cb440;border-radius:18px;color:#9a8aaa;cursor:pointer;font-family:var(--font-handwriting);font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.filter-btn:hover{background:#f0c8dc80;border-color:#8b3a624d;color:#8b3a62;transform:translateY(-2px)}.filter-btn.active{background:radial-gradient(ellipse at 30% 30%,#c8aac8d9 0,#0000 50%),radial-gradient(ellipse at 70% 70%,#b9a0becc 0,#0000 55%),radial-gradient(ellipse at 50% 50%,#c3a5c8e6 0,#aa91b4d9 100%);border-color:#0000;box-shadow:0 4px 12px #8c6e9633;color:#fff;text-shadow:0 1px 3px #82648c33}.filter-btn.active:hover{box-shadow:0 6px 16px #8c6e964d;color:#fff;transform:translateY(-2px)}.puzzle-cards-grid{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:var(--spacing-lg)}.puzzle-card{animation:tile-float 4s ease-in-out infinite;background:radial-gradient(ellipse at 25% 25%,#e6dcebd9 0,#0000 50%),radial-gradient(ellipse at 75% 75%,#dcd2e6cc 0,#0000 55%),radial-gradient(ellipse at 50% 50%,#ebe1f0e6 0,#d7cde1d9 100%);border:none;border-radius:20px;box-shadow:0 6px 18px #78508226,inset 0 1px 0 #fffc;cursor:pointer;overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.puzzle-card:before{background:radial-gradient(ellipse at 30% 30%,#ffb4d24d 0,#0000 60%);border-radius:22px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .4s ease;z-index:-1}.puzzle-card:hover{box-shadow:0 12px 30px #8b3a6240,inset 0 1px 0 #fff;transform:translateY(-8px) scale(1.02)}.puzzle-card:hover:before{opacity:1}.puzzle-card h4{color:#8b3a62;font-family:var(--font-handwriting);font-size:1.6rem;margin:0 0 var(--spacing-sm) 0}.puzzle-card p{color:#a6628a;font-family:var(--font-primary);font-size:.95rem;margin:0}.puzzle-card .puzzle-meta{color:#c080a8;font-size:.85rem;margin-top:var(--spacing-sm)}.puzzle-status{border-top:2px solid #8b3a6226;display:flex;justify-content:space-around;margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.user-status{align-items:center;display:flex;font-family:var(--font-primary);font-size:.9rem;gap:var(--spacing-xs)}.user-label{color:#8b3a62;font-weight:600}.status-detail{border-radius:12px;font-family:var(--font-handwriting);font-size:.95rem;font-weight:500;padding:4px 12px;transition:all .3s ease}.status-detail.completed{background:#c896b433;border:1.5px solid #c896b466;color:#8b3a62}.status-detail.failed{background:#c83c6426;border:1.5px solid #c83c644d;color:#a83860}.status-detail.not-attempted{background:#b4aabe26;border:1.5px solid #78508233;color:#8e7a9e;font-style:italic}.create-puzzle-btn{animation:gentle-pulse 3s ease-in-out infinite;background:radial-gradient(ellipse at 30% 30%,#c8aac8cc 0,#0000 50%),radial-gradient(ellipse at 70% 70%,#b9a0bebf 0,#0000 55%),radial-gradient(ellipse at 50% 50%,#c3a5c8d9 0,#aa91b4cc 100%);border:none;border-radius:25px;box-shadow:0 6px 18px #8c6e962e,inset 0 1px 0 #ffffff80;color:#fff;cursor:pointer;font-family:var(--font-handwriting);font-size:1.3rem;padding:var(--spacing-md) var(--spacing-xl);text-shadow:0 2px 4px #82648c40;transition:all .4s cubic-bezier(.4,0,.2,1)}.create-puzzle-btn:hover{box-shadow:0 12px 30px #8c6e964d,inset 0 1px 0 #ffffffb3;transform:translateY(-4px) scale(1.05)}.connections-header{margin-bottom:var(--spacing-lg);text-align:center}.connections-header h3{color:#9a8aaa;font-family:var(--font-handwriting);font-size:2rem;margin:0 0 var(--spacing-sm) 0;text-shadow:0 2px 8px #8c6e9626}.connections-header p{color:#aa9aba;font-family:var(--font-handwriting);font-size:1.2rem;margin:0}.connections-game-header{margin-bottom:var(--spacing-lg);position:relative;text-align:center}.connections-game-header .back-btn{background:radial-gradient(ellipse at 30% 30%,#ffc8dcb3 0,#0000 50%),radial-gradient(ellipse at 70% 70%,#f0b4d2a6 0,#0000 55%),radial-gradient(ellipse at 50% 50%,#fabed7bf 0,#ebafcdb3 100%);border:2px solid #8b3a6240;box-shadow:0 4px 12px #8b3a6226;color:#6a2a4a;left:0;position:absolute;top:0}.connections-game-header .back-btn:hover{background:radial-gradient(ellipse at 30% 30%,#ffb4d2d9 0,#0000 50%),radial-gradient(ellipse at 70% 70%,#f0a0c8cc 0,#0000 55%),radial-gradient(ellipse at 50% 50%,#faaacde6 0,#eb9bc3d9 100%);border-color:#8b3a6266;box-shadow:0 6px 16px #8b3a6240;color:#5a1a3a;transform:translateX(-4px)}.connections-game-header h3{color:#9a8aaa;font-family:var(--font-handwriting);font-size:2rem;margin:0 0 var(--spacing-sm) 0;text-shadow:0 2px 8px #8c6e9626}.connections-game-header p{color:#aa9aba;margin:0 0 var(--spacing-md) 0}.connections-game-header p,.mistakes-counter{font-family:var(--font-handwriting);font-size:1.1rem}.mistakes-counter{background:#ebe1f54d;border:1.5px solid #a08cb440;border-radius:15px;color:#9a8aaa;display:inline-block;padding:var(--spacing-sm) var(--spacing-md)}.mistakes-tracker{align-items:center;color:#9a8aaa;display:flex;font-family:var(--font-handwriting);font-size:1.1rem;gap:var(--spacing-sm);justify-content:center;margin:var(--spacing-md) 0}.mistake-dot{background:#8b3a624d;border-radius:50%;height:12px;transition:all .3s ease;width:12px}.mistake-dot.used{background:radial-gradient(circle,#c83c64e6 0,#a02850cc 100%);box-shadow:0 2px 8px #c83c6466}.solved-groups-container{margin-bottom:var(--spacing-md);width:100%}.solved-groups,.solved-groups-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.solved-groups{margin-bottom:var(--spacing-lg)}.solved-group{animation:bloom .6s ease-out;border-radius:20px;box-shadow:0 6px 18px #0000001a,inset 0 1px 0 #fff9;flex-shrink:0;padding:var(--spacing-lg);text-align:center}.group-difficulty-label{color:#6a4a5a;font-family:var(--font-primary);font-size:.85rem;font-weight:600;letter-spacing:1px;margin-bottom:var(--spacing-xs);opacity:.9;text-transform:uppercase}.solved-group h4{color:#5a3a4a;font-size:1.4rem;font-weight:600;margin:0 0 var(--spacing-sm) 0}.solved-group h4,.solved-group p{font-family:var(--font-handwriting);text-shadow:0 1px 2px #ffffff4d}.solved-group p{color:#3d2a35;font-size:1.1rem;font-weight:500;margin:0}.solved-group.rose-light{background:radial-gradient(ellipse at 25% 25%,#ffdcebf2 0,#0000 50%),radial-gradient(ellipse at 75% 75%,#fad2e6e6 0,#0000 55%),radial-gradient(ellipse at 50% 50%,#ffe1f0 0,#f5cde1f2 100%)}.solved-group.rose-medium{background:radial-gradient(ellipse at 25% 25%,#f5bed7f2 0,#0000 50%),radial-gradient(ellipse at 75% 75%,#ebb4d2e6 0,#0000 55%),radial-gradient(ellipse at 50% 50%,#f0c3dc 0,#e1afcdf2 100%)}.solved-group.rose-deep{background:radial-gradient(ellipse at 25% 25%,#e6a5c3f2 0,#0000 50%),radial-gradient(ellipse at 75% 75%,#dc9bbee6 0,#0000 55%),radial-gradient(ellipse at 50% 50%,#e1aac8 0,#d296b9f2 100%)}.solved-group.rose-purple{background:radial-gradient(ellipse at 25% 25%,#d791b4f2 0,#0000 50%),radial-gradient(ellipse at 75% 75%,#cd87afe6 0,#0000 55%),radial-gradient(ellipse at 50% 50%,#d296b9 0,#c382aaf2 100%)}.connections-grid{grid-gap:var(--spacing-md);clear:both;display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-lg);margin-top:var(--spacing-lg)}.connection-word{animation:tile-float 4s ease-in-out infinite;background:radial-gradient(ellipse at 25% 25%,#f0ebf5d9 0,#0000 50%),radial-gradient(ellipse at 75% 75%,#ebe6f0cc 0,#0000 55%),radial-gradient(ellipse at 50% 50%,#f5f0fae6 0,#e6e1f0d9 100%);border:none;border-radius:18px;box-shadow:0 4px 12px #8c6e961a,inset 0 1px 0 #fffc;color:#8a7a9a;cursor:pointer;font-family:var(--font-handwriting);font-size:1.3rem;font-weight:500;overflow:hidden;padding:var(--spacing-lg);position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.connection-word:first-child{animation-delay:0s}.connection-word:nth-child(2){animation-delay:.2s}.connection-word:nth-child(3){animation-delay:.4s}.connection-word:nth-child(4){animation-delay:.6s}.connection-word:nth-child(5){animation-delay:.8s}.connection-word:nth-child(6){animation-delay:1s}.connection-word:nth-child(7){animation-delay:1.2s}.connection-word:nth-child(8){animation-delay:1.4s}.connection-word:nth-child(9){animation-delay:.3s}.connection-word:nth-child(10){animation-delay:.5s}.connection-word:nth-child(11){animation-delay:.7s}.connection-word:nth-child(12){animation-delay:.9s}.connection-word:nth-child(13){animation-delay:1.1s}.connection-word:nth-child(14){animation-delay:1.3s}.connection-word:nth-child(15){animation-delay:1.5s}.connection-word:nth-child(16){animation-delay:1.7s}.connection-word:before{animation:bleed-shift 6s ease-in-out infinite;background:radial-gradient(ellipse at 30% 30%,#ffb4d266 0,#0000 65%);border-radius:45% 55% 52% 48%/48% 45% 55% 52%;bottom:-3px;content:"";filter:blur(8px);left:-3px;mix-blend-mode:multiply;opacity:0;position:absolute;right:-3px;top:-3px;transition:opacity .3s ease;z-index:-1}.connection-word:hover{box-shadow:0 8px 20px #8b3a6233,inset 0 1px 0 #fff;transform:translateY(-6px) scale(1.03)}.connection-word:hover:before{opacity:1}.connection-word.selected{animation:gentle-pulse 2s ease-in-out infinite;background:radial-gradient(ellipse at 25% 25%,#b9a5c8f2 0,#0000 50%),radial-gradient(ellipse at 75% 75%,#aa96bee6 0,#0000 55%),radial-gradient(ellipse at 50% 50%,#b4a0c8 0,#a08cb9f2 100%);box-shadow:0 10px 25px #8c6e9640,inset 0 1px 0 #fff9;color:#fff;transform:translateY(-4px) scale(1.05)}.connection-word.selected:before{background:radial-gradient(ellipse at 30% 30%,#aa96be66 0,#0000 65%);opacity:1}.connections-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:center}.connections-controls button{background:radial-gradient(ellipse at 30% 30%,#c8b9d2cc 0,#0000 50%),radial-gradient(ellipse at 70% 70%,#b9aac8bf 0,#0000 55%),radial-gradient(ellipse at 50% 50%,#c3b4d2d9 0,#aa9bbecc 100%);border:none;border-radius:20px;box-shadow:0 4px 12px #8c6e961f,inset 0 1px 0 #ffffff80;color:#fff;cursor:pointer;font-family:var(--font-handwriting);font-size:1.2rem;padding:var(--spacing-md) var(--spacing-xl);text-shadow:0 2px 4px #82648c2e;transition:all .3s cubic-bezier(.4,0,.2,1)}.connections-controls button:hover:not(:disabled){box-shadow:0 8px 20px #8c6e9633,inset 0 1px 0 #ffffffb3;transform:translateY(-3px) scale(1.05)}.connections-controls button:active:not(:disabled){transform:translateY(-1px) scale(1.02)}.connections-controls button:disabled{cursor:not-allowed;opacity:.4;transform:none}.connections-controls .submit-btn{background:radial-gradient(ellipse at 25% 25%,#af9bbee6 0,#0000 50%),radial-gradient(ellipse at 75% 75%,#a08cb4d9 0,#0000 55%),radial-gradient(ellipse at 50% 50%,#aa96b9f2 0,#9682aae6 100%);font-weight:600}.connections-controls .submit-btn:hover:not(:disabled){box-shadow:0 10px 25px #8c6e9647,inset 0 1px 0 #fffc}.back-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffe6f080;border:2px solid #8b3a6240;border-radius:18px;box-shadow:0 3px 10px #8b3a621a;color:#8b3a62;display:inline-flex;font-family:var(--font-handwriting);font-size:1.1rem;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.back-btn:hover{background:#ffd2e1b3;border-color:#8b3a6266;box-shadow:0 5px 15px #8b3a6233;color:#6a2a4a;transform:translateX(-4px)}.back-btn:active{box-shadow:0 2px 8px #8b3a6226;transform:translateX(-2px)}.back-to-menu-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffe6f080;border:2px solid #8b3a6240;border-radius:18px;box-shadow:0 3px 10px #8b3a621a;color:#8b3a62;cursor:pointer;display:inline-flex;font-family:var(--font-handwriting);font-size:1.1rem;font-weight:600;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.back-to-menu-btn:hover{background:#ffd2e1b3;border-color:#8b3a6266;box-shadow:0 5px 15px #8b3a6233;color:#6a2a4a;transform:translateX(-4px)}.back-to-menu-btn:active{box-shadow:0 2px 8px #8b3a6226;transform:translateX(-2px)}.connections-complete{animation:bloom .8s ease-out;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ebe1f559;border-radius:25px;box-shadow:0 8px 20px #8c6e961f;margin-top:var(--spacing-lg);padding:var(--spacing-xl);text-align:center}.connections-complete h3{color:#9a8aaa;font-family:var(--font-handwriting);font-size:2rem;margin:0 0 var(--spacing-md) 0;text-shadow:0 2px 8px #8c6e9626}.connections-complete p{color:#aa9aba;font-family:var(--font-handwriting);font-size:1.4rem;line-height:1.6;margin:var(--spacing-sm) 0}.create-puzzle-form{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(ellipse at 20% 20%,#ffdcebf2 0,#0000 50%),radial-gradient(ellipse at 80% 80%,#f0c8dce6 0,#0000 50%),#fff5fafa;border-radius:25px;box-shadow:0 12px 40px #8b3a6233;margin:0 auto;max-width:900px;padding:var(--spacing-xl)}.form-header{align-items:center;border-bottom:2px solid #8b3a6233;display:flex;justify-content:space-between;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.form-header h3{color:#8b3a62;font-family:var(--font-primary);font-size:2rem;margin:0;text-shadow:0 2px 8px #8b3a6226}.close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#a6628a;cursor:pointer;display:flex;font-size:1.8rem;height:36px;justify-content:center;padding:0;transition:all .3s ease;width:36px}.close-btn:hover{background:#8b3a621a;color:#8b3a62;transform:rotate(90deg)}.form-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-error-message{background:#c83c6426;border:2px solid #c83c6466;box-shadow:0 4px 12px #c83c6433;color:#8b3a62;font-family:var(--font-handwriting);font-size:1.1rem;text-align:center}.form-error-message,.word-bucket-section{border-radius:15px;padding:var(--spacing-md)}.word-bucket-section{align-items:center;background:#8b3a620d;border:2px dashed #8b3a6233;display:flex;flex-direction:column;gap:var(--spacing-sm)}.fill-from-bucket-btn{background:#c3a5c8e6;border:2px solid #8b3a624d;border-radius:15px;box-shadow:0 4px 12px #8b3a6233;color:#5a3a52;cursor:pointer;font-family:var(--font-handwriting);font-size:1.1rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease}.fill-from-bucket-btn:hover:not(:disabled){background:#c3a5c8;box-shadow:0 6px 16px #8b3a624d;transform:translateY(-2px)}.fill-from-bucket-btn:disabled{cursor:not-allowed;opacity:.5}.bucket-hint{color:#a6628a;font-family:var(--font-handwriting);font-size:.9rem;margin:0;text-align:center}.form-group{gap:var(--spacing-sm)}.form-group label{color:#8b3a62;font-family:var(--font-primary);font-weight:600}.form-group input{background:#fffc;border:2px solid #8b3a6233;border-radius:15px;color:#8b3a62;font-family:var(--font-handwriting);font-size:1.2rem;padding:var(--spacing-md);transition:all .3s ease}.form-group input:focus{background:#fff;border-color:#8b3a6280;box-shadow:0 4px 12px #8b3a6226;outline:none}.form-group input::placeholder{color:#a6628a80}.groups-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.groups-section h4{color:#8b3a62;font-family:var(--font-primary);font-size:1.3rem;margin:0 0 var(--spacing-xs) 0;text-align:center}.groups-hint{color:#a6628a;font-family:var(--font-handwriting);font-size:.95rem;margin:0 0 var(--spacing-md) 0;opacity:.8;text-align:center}.group-form{background:#fff9;border:2px solid #8b3a6226;border-radius:18px;padding:var(--spacing-lg);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.group-form:hover{border-color:#8b3a624d;box-shadow:0 4px 12px #8b3a621a}.groups-section.is-dragging .group-form{animation:group-shuffle-ready .8s ease-in-out infinite}.groups-section.is-dragging .group-form.dragging{animation:none}@keyframes group-shuffle-ready{0%,to{transform:translateX(0)}25%{transform:translateX(-2px)}75%{transform:translateX(2px)}}.group-form.dragging{box-shadow:0 12px 30px #8b3a624d;opacity:.4;transform:scale(.96) rotate(-1deg);z-index:10}.group-form.drag-over{background:#fff0f5cc;border-color:#8b3a6299;box-shadow:0 0 0 4px #8b3a6226,0 8px 20px #8b3a6233;transform:scale(1.02)}.group-form.drag-over:before{animation:drop-indicator-pulse .6s ease-in-out infinite;background:linear-gradient(90deg,#0000,#8b3a6299,#0000);border-radius:2px;content:"";height:4px;left:10%;position:absolute;right:10%;top:-8px}@keyframes drop-indicator-pulse{0%,to{opacity:.5;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1)}}.group-form.group-1{border-left:4px solid #ffd2e6}.group-form.group-2{border-left:4px solid #faaacd}.group-form.group-3{border-left:4px solid #d28caf}.group-form.group-4{border-left:4px solid #be78aa}.group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.group-header-left{align-items:center;display:flex;gap:var(--spacing-sm)}.group-header-center{display:flex;flex:1 1;justify-content:center}.group-header-right{display:flex;gap:var(--spacing-xs)}.drag-handle{border-radius:4px;color:#a6628a;cursor:grab;font-size:1.2rem;opacity:.6;padding:4px 6px;position:relative;transition:all .2s ease;-webkit-user-select:none;user-select:none}.drag-handle:hover{background:#8b3a621a;opacity:1}.drag-handle:active{background:#8b3a6226;cursor:grabbing}.drag-handle:after{background:#5a3246f2;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #8b3a624d;color:#fff;content:attr(title);font-family:var(--font-handwriting);font-size:.85rem;padding:6px 12px;white-space:nowrap}.drag-handle:after,.drag-handle:before{left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%) scale(.8);transition:all .2s ease;visibility:hidden;z-index:100}.drag-handle:before{border:6px solid #0000;border-top-color:#5a3246f2;bottom:calc(100% + 2px);content:""}.drag-handle:hover:after,.drag-handle:hover:before{opacity:1;transform:translateX(-50%) scale(1);visibility:visible}.reorder-btn{align-items:center;background:#ffdceb80;border:2px solid #8b3a6233;border-radius:8px;color:#8b3a62;cursor:pointer;display:flex;font-family:var(--font-primary);font-size:1.1rem;height:32px;justify-content:center;padding:0;position:relative;transition:all .2s ease;width:32px}.reorder-btn:hover:not(:disabled){background:#ffc8dcb3;border-color:#8b3a6266;box-shadow:0 4px 12px #8b3a6226;transform:translateY(-2px)}.reorder-btn:after{background:#5a3246f2;border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 12px #8b3a624d;color:#fff;content:attr(title);font-family:var(--font-handwriting);font-size:.85rem;padding:6px 12px;white-space:nowrap}.reorder-btn:after,.reorder-btn:before{left:50%;opacity:0;pointer-events:none;position:absolute;transform:translateX(-50%) scale(.8);transition:all .2s ease;visibility:hidden;z-index:100}.reorder-btn:before{border:6px solid #0000;border-top-color:#5a3246f2;bottom:calc(100% + 2px);content:""}.reorder-btn:hover:after,.reorder-btn:hover:before{opacity:1;transform:translateX(-50%) scale(1);visibility:visible}.reorder-btn:active:not(:disabled){transform:translateY(0)}.reorder-btn:disabled{cursor:not-allowed;opacity:.3}.reorder-btn:disabled:after,.reorder-btn:disabled:before{display:none}.group-number{color:#8b3a62;font-family:var(--font-primary);font-size:1.1rem;font-weight:600}.difficulty-label{background:#ffdceb80;border-radius:12px;color:#a6628a;font-size:1rem;padding:4px 12px}.category-input,.difficulty-label{font-family:var(--font-handwriting)}.category-input{background:#ffffffe6;border:2px solid #8b3a6233;border-radius:12px;color:#8b3a62;font-size:1.1rem;margin-bottom:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.category-input:focus{border-color:#8b3a6280;box-shadow:0 2px 8px #8b3a6226;outline:none}.category-input::placeholder{color:#a6628a80}.words-grid{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}.words-grid input{background:#ffffffe6;border:2px solid #8b3a6226;border-radius:10px;color:#8b3a62;font-family:var(--font-handwriting);font-size:1rem;padding:var(--spacing-sm);text-align:center;text-transform:uppercase;transition:all .3s ease}.words-grid input:focus{border-color:#8b3a6266;box-shadow:0 2px 6px #8b3a621a;outline:none;transform:scale(1.02)}.words-grid input::placeholder{color:#a6628a66;text-transform:none}.category-input:-webkit-autofill,.category-input:-webkit-autofill:active,.category-input:-webkit-autofill:focus,.category-input:-webkit-autofill:hover,.words-grid input:-webkit-autofill,.words-grid input:-webkit-autofill:active,.words-grid input:-webkit-autofill:focus,.words-grid input:-webkit-autofill:hover{-webkit-text-fill-color:#8b3a62!important;background-color:#ffffffe6!important;-webkit-box-shadow:inset 0 0 0 30px #fffffff2!important}.create-puzzle-form input{background-color:#ffffffe6!important}.form-actions{border-top:2px solid #8b3a621a;display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-md)}.form-actions button{border:none;border-radius:18px;box-shadow:0 4px 12px #8b3a6226;cursor:pointer;font-family:var(--font-handwriting);font-size:1.2rem;padding:var(--spacing-md) var(--spacing-xl);transition:all .3s cubic-bezier(.4,0,.2,1)}.cancel-btn{background:#c8c8c84d;border:2px solid #8b3a6233;color:#8b3a62}.cancel-btn:hover{background:#c8c8c880;border-color:#8b3a624d;box-shadow:0 6px 16px #8b3a6233;transform:translateY(-2px)}.save-btn{background:radial-gradient(ellipse at 25% 25%,#c882b4f2 0,#0000 50%),radial-gradient(ellipse at 75% 75%,#b46ea5e6 0,#0000 55%),radial-gradient(ellipse at 50% 50%,#be78aa 0,#a05a91f2 100%);color:#fff;font-weight:600;text-shadow:0 2px 4px #8b3a624d}.save-btn:hover{box-shadow:0 8px 20px #8b3a624d;transform:translateY(-3px) scale(1.05)}.save-btn:active{transform:translateY(-1px) scale(1.02)}@media (max-width:768px){.puzzle-title{font-size:2.5rem}.puzzle-subtitle{font-size:1.1rem}.puzzle-tabs{flex-direction:column;max-width:300px;width:100%}.puzzle-tab{width:100%}.puzzle-content{padding:var(--spacing-lg)}.wordle-tile{font-size:1.6rem;height:52px;width:52px}.comparison-grid{grid-template-columns:1fr}.keyboard-key{font-size:.85rem;min-width:32px;padding:14px 8px}.keyboard-key.wide{min-width:55px}.connections-grid{grid-template-columns:repeat(2,1fr)}.connection-word{font-size:1.1rem;padding:var(--spacing-md)}.puzzle-cards-grid{grid-template-columns:1fr}}.puzzle-return-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffd9;border:2px solid #7eb39c99;border-radius:20px;bottom:24px;box-shadow:0 4px 12px #7eb39c4d;color:#5a9d8a;cursor:pointer;font-family:Nanum Pen Script,cursive;font-size:1.2rem;left:24px;padding:12px 24px;position:fixed;transition:all .3s ease;z-index:100}.puzzle-return-button:hover{background:#7eb39c33;border-color:#7eb39ccc;box-shadow:0 6px 16px #7eb39c66;color:#4a7f6a}.puzzle-page.connections-theme .puzzle-return-button{border-color:#c76ac199;box-shadow:0 4px 12px #c76ac14d;color:#9b4d96}.puzzle-page.connections-theme .puzzle-return-button:hover{background:#c76ac133;border-color:#c76ac1cc;box-shadow:0 6px 16px #c76ac166;color:#7d3d79}@media (max-width:768px){.puzzle-return-button{bottom:16px;font-size:1rem;left:16px;padding:10px 18px}}.hint-section{margin-top:var(--spacing-lg);text-align:center}.reveal-hint-btn{background:linear-gradient(135deg,#ffdcb4e6,#ffc896d9);border:2px solid #c8966466;border-radius:20px;box-shadow:0 4px 12px #c8966433;color:#8b6914;cursor:pointer;font-family:var(--font-handwriting);font-size:1.1rem;padding:var(--spacing-md) var(--spacing-xl);transition:all .3s ease}.reveal-hint-btn:hover{background:linear-gradient(135deg,#ffe6bef2,#ffd2a0e6);box-shadow:0 6px 16px #c896644d;transform:translateY(-2px)}.hint-content{background:#fff8e6e6;border:2px solid #c896644d;border-radius:16px;box-shadow:0 4px 12px #c8966426;margin:0 auto;max-width:400px;padding:var(--spacing-md) var(--spacing-lg)}.hint-label{color:#a68520;display:block;font-family:var(--font-primary);font-size:.9rem;font-weight:600;margin-bottom:var(--spacing-xs)}.hint-content p{color:#6b5a20;font-family:var(--font-handwriting);font-size:1.15rem;line-height:1.4;margin:0}.hint-available-notice{background:#fff8e6cc;border-radius:12px;color:#a68520;display:inline-block;font-family:var(--font-handwriting);font-size:1rem;margin-top:var(--spacing-md)!important;padding:var(--spacing-sm) var(--spacing-md)}.form-hint-text{color:#a6628ab3;font-family:var(--font-handwriting);font-size:.9rem;margin-top:var(--spacing-xs)}.feet-watercolor-page{align-items:center;background:linear-gradient(180deg,#f8f4f0,#f5efe8 30%,#f0e8e0 60%,#ebe0d8);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding:16px;position:relative;width:100%}.watercolor-orb{border-radius:50%;filter:blur(60px);mix-blend-mode:multiply;opacity:.3;pointer-events:none;position:absolute}.feet-orb-1{background:radial-gradient(circle,#7eb8d880 0,#0000 70%);height:300px;left:-50px;top:-50px;width:300px}.feet-orb-2{background:radial-gradient(circle,#d4a0b880 0,#0000 70%);height:350px;right:-80px;top:30%;width:350px}.feet-orb-3{background:radial-gradient(circle,#e8a06066 0,#0000 70%);bottom:10%;height:280px;left:15%;width:280px}.feet-header{margin-bottom:12px;text-align:center;z-index:10}.feet-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#7eb8d8,#d4a0b8 50%,#e8a060);-webkit-background-clip:text;background-clip:text;font-family:Playfair Display,serif;font-family:var(--font-primary,"Playfair Display",serif);font-size:2.2rem;margin:0 0 4px}.feet-subtitle{font-size:1.2rem;margin:0}.feet-return-button,.feet-subtitle{color:#8b7355;font-family:Nanum Pen Script,cursive;font-family:var(--font-handwriting,"Nanum Pen Script",cursive)}.feet-return-button{background:#ffffffe6;border:2px solid #8b735566;border-radius:16px;bottom:20px;box-shadow:0 3px 10px #8b735533;cursor:pointer;font-size:1.1rem;left:20px;padding:10px 20px;position:fixed;transition:all .2s ease;z-index:100}.feet-return-button:hover{background:#fff;border-color:#8b735599;box-shadow:0 4px 14px #8b735540}.feet-controls{margin-bottom:12px;z-index:10}.brush-controls{align-items:center;background:#fffc;border-radius:20px;box-shadow:0 2px 10px #00000014;display:flex;flex-wrap:wrap;gap:16px;justify-content:center;padding:10px 20px}.brush-controls label{align-items:center;color:#6b5340;display:flex;font-family:Nanum Pen Script,cursive;font-family:var(--font-handwriting,"Nanum Pen Script",cursive);font-size:1rem;gap:8px}.brush-controls input[type=range]{cursor:pointer;width:80px}.mode-btn{background:#ffffffe6;border:2px solid #8b73554d;border-radius:12px;color:#6b5340;cursor:pointer;font-family:Nanum Pen Script,cursive;font-family:var(--font-handwriting,"Nanum Pen Script",cursive);font-size:1rem;padding:8px 16px;transition:all .2s ease}.mode-btn:hover{background:#7eb8d826;border-color:#7eb8d880}.mode-btn.active{background:linear-gradient(135deg,#7eb8d84d,#d4a0b84d);border-color:#7eb8d899;color:#4a6a7a}.clear-btn{background:#c864641a;border:2px solid #c864644d;border-radius:12px;color:#8b5a5a;cursor:pointer;font-family:Nanum Pen Script,cursive;font-family:var(--font-handwriting,"Nanum Pen Script",cursive);font-size:1rem;padding:8px 16px;transition:all .2s ease}.clear-btn:hover{background:#c8646433;border-color:#c8646480}.canvas-container{background:#faf8f0;border-radius:20px;box-shadow:0 8px 32px #8b735526,inset 0 1px 3px #fffc;flex:1 1;max-width:1400px;min-height:600px;overflow:hidden;position:relative;width:100%;z-index:5}.painting-canvas{border-radius:20px;display:block;height:100%;touch-action:none;width:100%}.partner-cursor-indicator{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:48px;opacity:.75;pointer-events:none;position:absolute;transform:translate(-50%,-50%);transition:left .1s ease-out,top .1s ease-out;width:32px;z-index:20}.partner-cursor-indicator:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="48" viewBox="0 0 32 48"><ellipse cx="16" cy="24" rx="8" ry="12" fill="currentColor" opacity="0.8"/><ellipse cx="16" cy="34" rx="6" ry="4" fill="currentColor" opacity="0.8"/><ellipse cx="11" cy="14" rx="3" ry="4" fill="currentColor" opacity="0.8"/><ellipse cx="14" cy="11" rx="2.5" ry="3.5" fill="currentColor" opacity="0.8"/><ellipse cx="18" cy="11" rx="2.5" ry="3.5" fill="currentColor" opacity="0.8"/><ellipse cx="21" cy="14" rx="2.5" ry="3.5" fill="currentColor" opacity="0.8"/><ellipse cx="24" cy="17" rx="2" ry="3" fill="currentColor" opacity="0.8"/></svg>');background-position:50%;background-repeat:no-repeat;content:"";height:100%;position:absolute;width:100%}.partner-label{background:#fffffff2;border-radius:8px;box-shadow:0 1px 4px #0000001a;color:#6b5340;font-family:Nanum Pen Script,cursive;font-family:var(--font-handwriting,"Nanum Pen Script",cursive);font-size:.85rem;left:50%;padding:2px 8px;position:absolute;top:-24px;transform:translateX(-50%);white-space:nowrap}.color-puddles{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:12px;z-index:10}.puddles-label{color:#6b5340;font-family:Nanum Pen Script,cursive;font-family:var(--font-handwriting,"Nanum Pen Script",cursive);font-size:1.1rem}.puddles-row{display:flex;gap:10px}.color-puddle{border:none;border-radius:50%;box-shadow:0 4px 12px #00000026,inset -2px -2px 6px #00000026,inset 2px 2px 6px #ffffff4d;cursor:pointer;height:44px;position:relative;transition:transform .2s ease,box-shadow .2s ease;width:44px}.color-puddle:before{background:#ffffff73;border-radius:50%;content:"";height:10px;left:6px;position:absolute;top:6px;transform:rotate(-25deg);width:14px}.color-puddle:hover{transform:scale(1.1) translateY(-2px)}.color-puddle.active{box-shadow:0 6px 16px #0003,inset -2px -2px 6px #00000026,inset 2px 2px 6px #ffffff4d,0 0 20px currentColor;transform:scale(1.15)}.color-puddle.locked{cursor:not-allowed!important;filter:grayscale(.8)}.color-puddle.locked:hover{transform:scale(1) translateY(0)}.feet-instructions{background:#ffffffb3;border-radius:12px;margin-bottom:60px;margin-top:12px;max-width:600px;padding:10px 20px;text-align:center;z-index:10}.feet-instructions p{color:#6b5340;font-family:Nanum Pen Script,cursive;font-family:var(--font-handwriting,"Nanum Pen Script",cursive);font-size:.95rem;line-height:1.5;margin:0}.feet-instructions strong{color:#4a6a7a}.feet-instructions kbd{background:#f0e8e0;border:1px solid #c4a77d;border-radius:4px;box-shadow:0 1px 2px #0000001a;display:inline-block;font-family:monospace;font-size:.85rem;padding:2px 6px}.partner-online{align-items:center;color:#5a8a6a!important;display:flex;gap:8px;justify-content:center;margin-top:6px!important}.online-dot{animation:pulse-dot 2s ease-in-out infinite;background:#7eb39c;border-radius:50%;box-shadow:0 0 6px #7eb39c80;height:8px;width:8px}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}@media (max-width:768px){.feet-watercolor-page{padding:12px}.feet-title{font-size:1.8rem}.feet-subtitle{font-size:1rem}.brush-controls{gap:10px;padding:8px 14px}.clear-btn,.mode-btn{font-size:.9rem;padding:6px 12px}.canvas-container{min-height:280px}.color-puddle{height:38px;width:38px}.puddles-row{gap:8px}.feet-return-button{bottom:14px;font-size:1rem;left:14px;padding:8px 16px}.feet-instructions{margin-bottom:50px;padding:8px 14px}.feet-instructions p{font-size:.85rem}}@media (max-width:480px){.brush-controls{flex-direction:column;gap:8px}.color-puddle{height:34px;width:34px}}.intimacy-page{align-items:center;display:flex;flex-direction:column;font-family:Playfair Display,serif;justify-content:center;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.intimacy-auth{height:100vh;overflow:hidden;position:relative;width:100%}.intimacy-background{animation:subtleGlow 8s ease-in-out infinite;background:linear-gradient(135deg,#2c1810,#4a1e1e 50%,#2c1810);bottom:0;left:0;position:absolute;right:0;top:0}@keyframes subtleGlow{0%,to{background:linear-gradient(135deg,#2c1810,#4a1e1e 50%,#2c1810)}50%{background:linear-gradient(135deg,#3a1818,#5a2020 50%,#3a1818)}}.intimacy-auth-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:1}.intimacy-auth-content{max-width:500px;text-align:center;width:90%}.intimacy-auth-content form{align-items:center;display:flex;flex-direction:column}.intimacy-title{font-size:3rem;font-weight:600;letter-spacing:2px;margin-bottom:60px}.intimacy-auth-input,.intimacy-title{color:#f4c2c2;font-family:Playfair Display,serif;text-align:center}.intimacy-auth-input{background:#0000;border:none;border-bottom:2px solid #b4646e80;font-size:1.3rem;max-width:400px;padding:16px;transition:all .3s ease;width:100%}.intimacy-auth-input::placeholder{color:#c896a066}.intimacy-auth-input:focus{border-bottom-color:#dc828cb3;outline:none}.intimacy-error{color:#f4c2c2;font-family:Nanum Pen Script,cursive;font-style:italic;margin-top:30px}.intimacy-back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:2px solid #8b454580;border-radius:12px;color:#f4c2c2;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;left:30px;padding:12px 24px;position:absolute;top:30px;transition:all .5s ease;z-index:100}.intimacy-back-button:hover{background:#8b45454d;border-color:#b85a5a;box-shadow:0 4px 15px #8b454566}.intimacy-mode-selection{animation:modeSelectionGlow 10s ease-in-out infinite;background:linear-gradient(135deg,#1a0e0e,#3a1a1a 50%,#1a0e0e)}@keyframes modeSelectionGlow{0%,to{background:linear-gradient(135deg,#1a0e0e,#3a1a1a 50%,#1a0e0e)}50%{background:linear-gradient(135deg,#2a1515,#4a2020 50%,#2a1515)}}.mode-selection-container{max-width:1200px;padding:40px;width:90%}.mode-selection-title{color:#f4c2c2;font-size:3.5rem;font-weight:600;letter-spacing:3px;margin-bottom:20px;text-align:center;text-shadow:0 2px 30px #f4c2c280}.partner-mode-indicator{color:#d4a5a5;font-size:1.2rem;font-style:italic;margin-bottom:60px;opacity:.9;text-align:center}.mode-options{grid-gap:60px;display:grid;gap:60px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:40px}.mode-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#00000080;border:3px solid #8b454580;border-radius:24px;box-shadow:0 20px 60px #0009;cursor:pointer;overflow:hidden;padding:50px 40px;position:relative;transition:all .7s cubic-bezier(.23,1,.32,1)}.mode-card:before{background:radial-gradient(circle,#8b454526 0,#0000 70%);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transition:opacity .7s ease;width:200%}.mode-card:hover:before{opacity:1}.mode-card:hover{border-color:#b85a5a;box-shadow:0 25px 80px #8b454580;transform:translateY(-10px)}.mode-card h2{color:#f4c2c2;font-size:2.5rem;font-weight:600;letter-spacing:2px;margin-bottom:15px;margin-top:0;text-align:center}.mode-card p{color:#d4a5a5;font-size:1.2rem;margin-bottom:30px;opacity:.9;text-align:center}.mode-features{list-style:none;margin:0;padding:0}.mode-features li{background:#8b454533;border-left:3px solid #b85a5a99;border-radius:8px;color:#c4a0a0;font-size:1.1rem;margin-bottom:10px;padding:12px 20px;transition:all .4s ease}.mode-card:hover .mode-features li{background:#8b45454d;border-left-color:#b85a5a}.eros-card{border-color:#b85a5a99}.eros-card:hover{border-color:#d46a6a;box-shadow:0 25px 80px #d46a6a80}.freaky-card{border-color:#5a325a99}.freaky-card:hover{border-color:#a05aa0;box-shadow:0 25px 80px #a05aa080}.intimacy-freaky-selection{background:linear-gradient(135deg,#1a0a1a,#2d152d 30%,#1a081a 70%,#0d050d)}.freaky-selection-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:60px 40px;position:relative;z-index:10}.freaky-selection-title{color:#e4b5e4;font-size:3.5rem;font-weight:500;letter-spacing:4px;margin-bottom:15px;text-align:center;text-shadow:0 0 60px #a05aa066}.freaky-selection-subtitle{color:#8b658b;font-size:1.3rem;font-style:italic;letter-spacing:2px;margin-bottom:60px}.freaky-mode-options{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr);max-width:1000px;width:100%}.freaky-mode-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e0f1eb3;border:2px solid #783c7866;border-radius:20px;cursor:pointer;padding:40px 30px;position:relative;text-align:center;transition:all .4s ease}.freaky-mode-card:hover{background:#2d192dd9;border-color:#a05aa099;box-shadow:0 15px 50px #783c7859}.freaky-mode-icon{filter:grayscale(.3);font-size:3rem;margin-bottom:20px}.freaky-mode-card h2{color:#e4b5e4;font-size:1.5rem;font-weight:500;letter-spacing:1px;margin:0 0 12px}.freaky-mode-card p{color:#a080a0;font-size:1rem;font-style:italic;margin:0}.coming-soon-badge{background:#50285099;border-radius:12px;color:#c090c0;font-size:.75rem;letter-spacing:1px;padding:6px 12px;position:absolute;right:15px;text-transform:uppercase;top:15px}.command-card{align-items:center;background:radial-gradient(ellipse at center,#280000e6 0,#0f000af2 100%);border-color:#50000099;display:flex;flex-direction:column;justify-content:center;min-height:200px}.command-card:hover{border-color:#960000cc;box-shadow:0 0 60px #64000080,inset 0 0 40px #5000004d}.command-symbol{align-items:center;display:flex;height:100px;justify-content:center;position:relative;width:100px}.void-ring{animation:void-pulse 3s ease-in-out infinite;border:2px solid #78000099;border-radius:50%;position:absolute}.void-ring:first-child{animation-delay:0s;height:100px;width:100px}.void-ring:nth-child(2){animation-delay:.5s;height:70px;width:70px}.void-ring:nth-child(3){animation-delay:1s;height:40px;width:40px}.void-core{animation:core-throb 2s ease-in-out infinite;background:radial-gradient(circle,#b40000cc 0,#3c0000 100%);border-radius:50%;box-shadow:0 0 20px #96000099;height:15px;width:15px}@keyframes void-pulse{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}@keyframes core-throb{0%,to{box-shadow:0 0 20px #96000099;transform:scale(1)}50%{box-shadow:0 0 35px #b40000e6;transform:scale(1.2)}}.command-card:hover .void-ring{animation-duration:1.5s;border-color:#b40000e6}.command-card:hover .void-core{animation-duration:.8s}.scary-label{animation:label-flicker 4s ease-in-out infinite;color:#963232cc;font-family:Playfair Display,serif;font-size:1.4rem;letter-spacing:4px;margin-top:25px;text-shadow:0 0 10px #64000080;text-transform:uppercase}@keyframes label-flicker{0%,to{opacity:.7}50%{opacity:1}}.command-card:hover .scary-label{color:#c83232f2;text-shadow:0 0 20px #960000cc}.choke-card .scary-label{color:#783278b3;text-shadow:0 0 10px #50005080}.choke-card{align-items:center;background:radial-gradient(ellipse at center,#280028e6 0,#140019f2 100%);border-color:#64006499;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:200px;transition:all .4s ease}.choke-card.active{opacity:1}.choke-card.active .scary-label{color:#b450b4e6;text-shadow:0 0 15px #963296b3}.choke-card:hover{border-color:#963296cc;box-shadow:0 0 40px #64006480;transform:scale(1.05)}.choke-card:hover .choke-ring{border-color:#b450b4b3}.choke-symbol{align-items:center;display:flex;height:100px;justify-content:center;position:relative;width:100px}.choke-ring{animation:choke-constrict 4s ease-in-out infinite;border:3px solid #64006480;border-radius:50%;position:absolute}.choke-ring:first-child{animation-delay:0s;height:90px;width:90px}.choke-ring:nth-child(2){animation-delay:.3s;height:60px;width:60px}.choke-ring:nth-child(3){animation-delay:.6s;height:30px;width:30px}@keyframes choke-constrict{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(.7)}}.carnival-card{cursor:not-allowed;opacity:.6;overflow:hidden}.carnival-card:hover{box-shadow:none;transform:none}.carnival-fireworks{height:0;left:50%;pointer-events:none;position:absolute;top:50%;width:0}.firework-particle{border-radius:50%;height:8px;opacity:0;position:absolute;transform:translate(-50%,-50%);width:8px}.carnival-card:hover .firework-particle{animation:firework-burst .8s ease-out forwards;animation-delay:calc(var(--i)*.02s)}.firework-particle:first-child{background:#ff6b6b}.firework-particle:nth-child(2){background:#ffd93d}.firework-particle:nth-child(3){background:#6bcb77}.firework-particle:nth-child(4){background:#4d96ff}.firework-particle:nth-child(5){background:#ff6bd6}.firework-particle:nth-child(6){background:#ffa06b}.firework-particle:nth-child(7){background:#6bfff0}.firework-particle:nth-child(8){background:#c56bff}.firework-particle:nth-child(9){background:#ff6b6b}.firework-particle:nth-child(10){background:#ffd93d}.firework-particle:nth-child(11){background:#6bcb77}.firework-particle:nth-child(12){background:#4d96ff}.firework-particle:first-child{--x:80px;--y:0px}.firework-particle:nth-child(2){--x:69px;--y:40px}.firework-particle:nth-child(3){--x:40px;--y:69px}.firework-particle:nth-child(4){--x:0px;--y:80px}.firework-particle:nth-child(5){--x:-40px;--y:69px}.firework-particle:nth-child(6){--x:-69px;--y:40px}.firework-particle:nth-child(7){--x:-80px;--y:0px}.firework-particle:nth-child(8){--x:-69px;--y:-40px}.firework-particle:nth-child(9){--x:-40px;--y:-69px}.firework-particle:nth-child(10){--x:0px;--y:-80px}.firework-particle:nth-child(11){--x:40px;--y:-69px}.firework-particle:nth-child(12){--x:69px;--y:-40px}@keyframes firework-burst{0%{opacity:1;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(.3)}}@media (max-width:900px){.freaky-mode-options{grid-template-columns:1fr;max-width:400px}.freaky-selection-title{font-size:2.5rem}}.change-password-btn{background:#3c282899;border:1px solid #8b454566;border-radius:10px;color:#b89090;cursor:pointer;font-family:Playfair Display,serif;font-size:.9rem;margin-top:30px;padding:12px 24px;transition:all .3s ease}.change-password-btn:hover{background:#503232cc;border-color:#8b454599;color:#f4c2c2}.password-change-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.password-change-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#140a0af2;border:2px solid #8b454599;border-radius:16px;max-width:350px;padding:30px;width:90%}.password-change-modal h3{color:#f4c2c2;font-size:1.4rem;margin:0 0 20px;text-align:center}.new-password-input{background:#0006;border:2px solid #8b454580;border-radius:10px;box-sizing:border-box;color:#f4c2c2;font-family:Playfair Display,serif;font-size:1rem;outline:none;padding:14px;transition:all .3s ease;width:100%}.new-password-input:focus{border-color:#b85a5acc;box-shadow:0 0 15px #8b45454d}.new-password-input::placeholder{color:#8a7070}.password-modal-buttons{display:flex;gap:12px;margin-top:20px}.cancel-password-btn,.save-password-btn{border-radius:10px;cursor:pointer;flex:1 1;font-family:Playfair Display,serif;font-size:1rem;padding:12px;transition:all .3s ease}.cancel-password-btn{background:#3c282899;border:1px solid #8b454566;color:#b89090}.cancel-password-btn:hover{background:#503232cc;color:#f4c2c2}.save-password-btn{background:linear-gradient(135deg,#6b4545,#8b3030);border:2px solid #d4af3799;color:#f4c2c2}.save-password-btn:hover:not(:disabled){background:linear-gradient(135deg,#7b5555,#9b4040);border-color:#d4af37cc}.save-password-btn:disabled{cursor:not-allowed;opacity:.5}.intimacy-main{animation:mainInterfaceGlow 12s ease-in-out infinite;background:linear-gradient(135deg,#1a0a0a,#2a1515 50%,#1a0a0a);padding:60px 40px}@keyframes mainInterfaceGlow{0%,to{background:linear-gradient(135deg,#1a0a0a,#2a1515 50%,#1a0a0a)}50%{background:linear-gradient(135deg,#2a1010,#3a1a1a 50%,#2a1010)}}.intimacy-main.eros-mode{background:linear-gradient(135deg,#2a1010,#4a1a1a 50%,#2a1010)}.intimacy-main.freaky-mode{background:linear-gradient(135deg,#1a0a1a,#2a1020 50%,#1a0a1a)}.intimacy-content{margin:0 auto;max-width:1400px;width:100%}.intimacy-mode-title{color:#f4c2c2;font-size:3.5rem;font-weight:600;letter-spacing:3px;margin-bottom:60px;text-align:center;text-shadow:0 2px 30px #f4c2c280}.freaky-header{padding-top:30px;position:relative;z-index:10}.command-meter-container{align-items:center;display:flex;flex-direction:column;gap:20px;padding:30px}.meter-circular{height:140px;position:relative;width:140px}.meter-ring{height:100%;transform:rotate(0deg);width:100%}.meter-ring-bg{stroke:#3c141499}.meter-ring-progress{stroke:url(#goldGradient);stroke:#d4af37;filter:drop-shadow(0 0 8px rgba(212,175,55,.6));transition:stroke-dasharray 1s cubic-bezier(.34,1.56,.64,1)}.meter-center-content{align-items:center;display:flex;flex-direction:column;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.meter-value{color:#f4d03f;font-family:Playfair Display,serif;font-size:2.2rem;font-weight:700;line-height:1;text-shadow:0 0 20px #f4d03f99}.meter-label{color:#b48c8ccc;font-size:.75rem;letter-spacing:3px;margin-top:4px}.command-title,.meter-label{font-family:Playfair Display,serif;text-transform:uppercase}.command-title{color:#b46464e6;font-size:2rem;letter-spacing:8px;margin:0;text-shadow:0 0 30px #96323266}.vault-button{align-items:center;background:#1e0f14cc;border:2px solid #64323280;border-radius:12px;cursor:pointer;display:flex;height:50px;justify-content:center;position:relative;transition:all .3s ease;width:50px}.vault-button:hover{background:#32191ee6;border-color:#965050b3;transform:scale(1.08)}.vault-button.unlockable{animation:vaultPulse 1.5s ease-in-out infinite;border-color:#d4af37cc;box-shadow:0 0 20px #d4af3766}@keyframes vaultPulse{0%,to{box-shadow:0 0 20px #d4af3766}50%{box-shadow:0 0 35px #d4af37b3}}.vault-button .vault-svg-icon{color:#b48c8ccc;height:26px;transition:all .3s ease;width:26px}.vault-button:hover .vault-svg-icon{color:#dcb4b4}.vault-button.unlockable .vault-svg-icon{color:#d4af37}.vault-button .vault-count{align-items:center;background:linear-gradient(135deg,#6a3030,#4a1515);border:2px solid #64323299;border-radius:9px;color:#e8c8c8;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;min-width:18px;position:absolute;right:-8px;top:-8px}.intimacy-features{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding:20px}.feature-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0009;border:2px solid #8b454580;border-radius:20px;box-shadow:0 15px 50px #0009;overflow:hidden;padding:40px 30px;position:relative;transition:all .6s cubic-bezier(.23,1,.32,1)}.feature-card:before{background:radial-gradient(circle at center,#8b45451a 0,#0000 70%);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .6s ease}.feature-card:hover:before{opacity:1}.feature-card:hover{border-color:#b85a5a;box-shadow:0 20px 70px #8b454580;transform:translateY(-5px) scale(1.03)}.feature-card h3{color:#f4c2c2;font-size:1.8rem;font-weight:600;margin-bottom:15px;position:relative;z-index:1}.feature-card p{color:#d4a5a5;font-size:1.1rem;line-height:1.6;margin-bottom:20px;opacity:.9;position:relative;z-index:1}.coming-soon{background:#8b45454d;border-radius:8px;color:#c4a0a0;font-size:.95rem;font-style:italic;opacity:.7;padding:10px 20px;position:relative;text-align:center;z-index:1}@media (max-width:768px){.intimacy-auth-container{padding:40px 30px}.intimacy-title{font-size:2.2rem}.intimacy-mode-title,.mode-selection-title{font-size:2.5rem}.mode-options{gap:40px;grid-template-columns:1fr}.mode-card{padding:40px 30px}.mode-card h2{font-size:2rem}.intimacy-features{gap:30px;grid-template-columns:1fr}.intimacy-back-button{font-size:.9rem;left:20px;padding:10px 18px;top:20px}}.intimacy-protocol{overflow-y:auto}.intimacy-protocol,.protocol-container{min-height:100vh;position:relative;width:100%}.protocol-container{align-items:center;display:flex;justify-content:center;padding:80px 20px;z-index:1}.protocol-content{max-width:700px;width:100%}.protocol-title{color:#f4c2c2;font-family:Playfair Display,serif;font-size:2.5rem;font-weight:600;letter-spacing:2px;margin-bottom:20px;text-align:center}.protocol-subtitle{color:#d4a5a5;font-size:1.1rem;margin-bottom:50px;opacity:.9;text-align:center}.protocol-list{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.protocol-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:2px solid #8b454580;border-radius:12px;gap:20px;justify-content:space-between;padding:25px;transition:all .6s ease}.protocol-item.accepted{background:#14281466;border-color:#5a8b5a99}.protocol-text{color:#f4c2c2;font-size:1.1rem;line-height:1.6}.protocol-accept-btn{background:linear-gradient(135deg,#8b4545,#6b3030);border:2px solid #8b4545b3;border-radius:8px;color:#f4c2c2;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;padding:12px 24px;transition:all .6s ease;white-space:nowrap}.protocol-accept-btn:disabled{background:linear-gradient(135deg,#8b5a5a,#5a3a3a);border-color:#5a8b5ab3;cursor:not-allowed;opacity:.8}.protocol-accept-btn:not(:disabled):hover{background:linear-gradient(135deg,#a05050,#7b3838);box-shadow:0 4px 15px #8b454566}.protocol-submit-btn{background:linear-gradient(135deg,#8b4545,#6b3030);border:2px solid #8b4545b3;border-radius:12px;color:#f4c2c2;cursor:pointer;font-family:Playfair Display,serif;font-size:1.2rem;font-weight:600;padding:20px;transition:all .6s ease;width:100%}.protocol-submit-btn:disabled{background:linear-gradient(135deg,#5a3030,#4a2020);cursor:not-allowed;opacity:.5}.protocol-submit-btn:not(:disabled):hover{background:linear-gradient(135deg,#a05050,#7b3838);box-shadow:0 6px 20px #8b454580;transform:translateY(-2px)}.freaky-dashboard{display:flex;flex-direction:column;gap:30px;margin:0 auto;max-width:1000px;padding:20px;position:relative;z-index:2}.compliance-wall-background{bottom:0;left:0;opacity:.15;overflow:hidden;position:fixed;right:0;top:0;z-index:0}.compliance-grid-background{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));height:100%;padding:20px;width:100%}.compliance-item-bg{aspect-ratio:1;border:2px solid #8b45454d;border-radius:12px;overflow:hidden}.compliance-item-bg img{filter:grayscale(40%) brightness(.6) sepia(20%) hue-rotate(-10deg);height:100%;object-fit:cover;width:100%}.meter-container-horizontal{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border:2px solid #8b454580;border-radius:20px;display:flex;gap:15px;padding:15px}.meter-value-display{align-items:center;display:flex;flex-shrink:0;justify-content:center;min-width:60px}.meter-current-value{color:#f4d03f;font-family:Playfair Display,serif;font-size:1.8rem;font-weight:700;text-shadow:0 0 20px #f4d03f99}.meter-vault-icon{align-items:center;background:#1e1423cc;border:2px solid #64466480;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:50px;justify-content:center;position:relative;transition:all .3s ease;width:50px}.meter-vault-icon:hover{background:#281e32e6;border-color:#8c64a0b3;transform:scale(1.05)}.meter-vault-icon.unlockable{animation:vaultGlow 1.5s ease-in-out infinite;border-color:#d4af37cc;box-shadow:0 0 20px #d4af3766}@keyframes vaultGlow{0%,to{box-shadow:0 0 20px #d4af3766}50%{box-shadow:0 0 35px #d4af37b3,0 0 50px #d4af374d}}.vault-icon{font-size:1.5rem}.vault-svg-icon{color:#c8b0d8;height:28px;transition:all .3s ease;width:28px}.meter-vault-icon:hover .vault-svg-icon{color:#e0c8e8}.meter-vault-icon.unlockable .vault-svg-icon{color:#d4af37}.vault-count{align-items:center;background:linear-gradient(135deg,#6a3060,#4a2040);border:2px solid #8c64a099;border-radius:10px;color:#e0c8e8;display:flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;min-width:20px;position:absolute;right:-8px;top:-8px}.meter-bar-container{background:linear-gradient(180deg,#0f0808f2,#190f0fe6 50%,#0f0808f2);border:3px solid #8b4545cc;border-radius:25px;box-shadow:inset 0 4px 15px #000c,inset 0 -2px 10px #00000080,0 4px 20px #0006;flex:1 1;height:50px;overflow:hidden;position:relative}.meter-bar-fill{animation:oozingGold 3s ease-in-out infinite;background:linear-gradient(180deg,#ffebb4f2,#f4d03f 15%,#d4af37 35%,#b8960f 55%,#8a6f0a 75%,#64460ae6);border-radius:22px;bottom:0;box-shadow:0 0 25px #f4d03f80,0 0 50px #d4af3766,inset 0 2px 10px #fff5c866,inset 0 -3px 15px #64460a80;left:0;position:absolute;top:0;transition:width 1s cubic-bezier(.34,1.56,.64,1)}@keyframes oozingGold{0%,to{box-shadow:0 0 25px #f4d03f80,0 0 50px #d4af3766,inset 0 2px 10px #fff5c866,inset 0 -3px 15px #64460a80}50%{box-shadow:0 0 35px #f4d03fb3,0 0 70px #d4af3780,inset 0 2px 15px #fff5c880,inset 0 -3px 20px #64460a99}}.meter-bar-fill:before{background:linear-gradient(180deg,#ffffff4d,#ffffff1a 50%,#0000);border-radius:20px 20px 50% 50%;content:"";height:40%;left:5px;position:absolute;right:5px;top:3px}.meter-bar-fill:after{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ffffff1a 20%,#fff3 50%,#ffffff1a 80%,#0000);bottom:0;content:"";height:100%;left:0;position:absolute;right:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.command-dashboard-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border:2px solid #8b454566;border-radius:20px;padding:30px}.command-dashboard-section h2{color:#f4c2c2;font-size:1.8rem;font-weight:600;margin-bottom:20px}.task-list{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.no-tasks-message{color:#d4a5a5;font-size:1.1rem;opacity:.6;padding:40px;text-align:center}.task-card{align-items:center;background:#140a0a99;border:2px solid #8b454566;border-radius:12px;cursor:pointer;display:flex;gap:20px;padding:20px;transition:all .6s ease}.task-card:hover{background:#1e0f0fcc;border-color:#b85a5a;box-shadow:0 4px 15px #8b454566;transform:translateY(-2px)}.task-card.active-task{background:#1e190a99;border-color:#d4af3799;box-shadow:0 0 20px #d4af3733}.task-card.active-task:hover{border-color:#f4d03f;box-shadow:0 4px 15px #d4af3766}.task-card.active-task .task-status{color:#f4d03f;font-weight:600}.task-card.completed-task{border-color:#8b45454d;opacity:.6}.task-card.completed-task:hover{opacity:.8}.task-points{background:#00000080;border:2px solid #d4af374d;border-radius:8px;color:#d4af37;font-size:1.5rem;font-weight:700;padding:15px 20px}.task-info h3{color:#f4c2c2;font-size:1.2rem;margin-bottom:5px}.task-status{color:#d4a5a5;font-size:.95rem;opacity:.8}.create-task-btn{background:linear-gradient(135deg,#8b4545,#6b3030);border:2px solid #8b4545b3;border-radius:12px;color:#f4c2c2;cursor:pointer;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600;padding:15px;transition:all .6s ease;width:100%}.create-task-btn:hover{background:linear-gradient(135deg,#a05050,#7b3838);box-shadow:0 4px 15px #8b454566;transform:translateY(-2px)}.task-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.task-modal-overlay.no-close{cursor:not-allowed}.task-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#140a0af2;border:2px solid #8b454599;border-radius:20px;box-shadow:0 20px 60px #000c;margin:auto;max-height:90vh;max-width:600px;overflow-y:auto;padding:40px;width:90%}.task-modal h2{color:#f4c2c2;font-size:2rem;font-weight:600;margin-bottom:30px}.task-form{gap:20px}.form-group,.task-form{display:flex;flex-direction:column}.form-group{gap:10px}.form-group label{color:#d4a5a5;font-size:1.1rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{-webkit-text-fill-color:#f4c2c2;background:#00000080;border:2px solid #8b454580;border-radius:8px;color:#f4c2c2!important;font-family:Playfair Display,serif;font-size:1rem;padding:12px 16px;transition:all .5s ease}.form-group select{cursor:pointer}.form-group select option{background:#2a1515;color:#f4c2c2}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#0009;border-color:#b85a5a;box-shadow:0 0 15px #b85a5a4d;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#d4a5a580;opacity:.6}.form-group textarea{min-height:100px;resize:vertical}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.modal-buttons{margin-top:10px}.cancel-btn,.create-btn{border-radius:12px;cursor:pointer;flex:1 1;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600;padding:15px;transition:all .6s ease}.cancel-btn{background:#50323299;border:2px solid #8b454580;color:#d4a5a5}.cancel-btn:hover{background:#643c3ccc;border-color:#8b4545b3}.create-btn{background:linear-gradient(135deg,#8b4545,#6b3030);border:2px solid #8b4545b3;color:#f4c2c2}.create-btn:hover:not(:disabled){background:linear-gradient(135deg,#a05050,#7b3838);box-shadow:0 4px 15px #8b454580;transform:translateY(-2px)}.create-btn:disabled{cursor:not-allowed;opacity:.5}.task-detail-modal{background:linear-gradient(135deg,#1e0f0ffa,#140a0afa);max-width:800px}.task-detail-content{display:flex;flex-direction:column;gap:30px}.task-detail-header{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.task-detail-penalty,.task-detail-points,.task-detail-timeframe{background:#0009;border:2px solid #8b454580;border-radius:12px;box-shadow:inset 0 2px 8px #0000004d;display:flex;flex-direction:column;gap:8px;padding:20px}.penalty-label,.points-label,.timeframe-label{color:#d4a5a5;font-size:.95rem;font-weight:500;letter-spacing:1px;opacity:.8;text-transform:uppercase}.points-value{color:#f4d03f;font-size:2rem;font-weight:700;text-shadow:0 2px 10px #f4d03f66}.timeframe-value{color:#f4c2c2;font-size:1.8rem;font-weight:600}.penalty-value{color:#ff6b6b;font-size:1.8rem;font-weight:700;text-shadow:0 2px 10px #ff6b6b4d}.task-detail-description{background:#00000080;border:2px solid #8b454566;border-radius:12px;padding:25px}.task-detail-description h3{color:#f4c2c2;font-size:1.3rem;font-weight:600;letter-spacing:1.5px;margin-bottom:15px;text-transform:uppercase}.task-detail-description p{color:#f4e4e4;font-size:1.2rem;font-weight:400;line-height:1.9;opacity:1}.task-detail-upload{background:#00000080;border:2px solid #8b454566;border-radius:12px;padding:20px;text-align:center}.upload-label{color:#d4a5a5;font-size:1rem;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.upload-type{color:#f4c2c2;font-size:1.3rem;font-weight:600}.task-bonus-section{background:#5a321e4d;border:2px solid #d4af3766;border-radius:12px;padding:20px}.bonus-header{align-items:center;color:#f4d03f;display:flex;font-size:1.1rem;font-weight:600;gap:10px;letter-spacing:1.5px;margin-bottom:15px;text-transform:uppercase}.bonus-points{background:#d4af3733;border-radius:6px;color:#f4d03f;font-size:1rem;padding:5px 12px}.bonus-description{color:#f4e4e4;font-size:1.1rem;line-height:1.7}.task-response-buttons{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-top:10px}.disobey-btn,.obey-btn{border:3px solid;border-radius:14px;box-shadow:0 4px 15px #0006;cursor:pointer;font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700;letter-spacing:2px;padding:22px;text-transform:uppercase;transition:all .5s ease}.disobey-btn{background:linear-gradient(135deg,#4a2020,#2a1010);border-color:#ff6b6b99;color:#f88}.disobey-btn:hover{background:linear-gradient(135deg,#5a3030,#3a1a1a);border-color:#ff6b6bcc;box-shadow:0 6px 25px #ff6b6b66;transform:translateY(-2px)}.obey-btn{background:linear-gradient(135deg,#6b4545,#8b3030);border-color:#d4af37cc;color:#fff}.obey-btn:hover{background:linear-gradient(135deg,#8b5555,#a04040);border-color:#f4d03f;box-shadow:0 6px 25px #d4af3780;transform:translateY(-2px)}.task-status-display{background:#00000080;border:2px solid #8b454566;border-radius:12px;padding:25px;text-align:center}.status-text{color:#f4c2c2;font-size:1.4rem;font-weight:600;letter-spacing:2px;text-transform:uppercase}.status-text.accepted{color:#f4d03f;text-shadow:0 2px 10px #f4d03f80}.status-text.rejected{color:#ff6b6b;text-shadow:0 2px 10px #ff6b6b66}.status-text.completed{color:#90ee90;text-shadow:0 2px 10px #90ee9066}.close-detail-btn{background:#3c2828b3;border:2px solid #8b454599;border-radius:12px;color:#f4c2c2;cursor:pointer;font-family:Playfair Display,serif;font-size:1.2rem;font-weight:600;letter-spacing:1.5px;padding:18px;text-transform:uppercase;transition:all .5s ease;width:100%}.close-detail-btn:hover{background:#503c3ce6;border-color:#8b4545cc;box-shadow:0 4px 15px #8b45454d;transform:translateY(-2px)}.task-upload-section{display:flex;flex-direction:column;gap:20px}.deadline-warning{background:#d4af3726;border:2px solid #d4af3766;border-radius:10px;padding:15px;text-align:center}.deadline-warning p{color:#f4d03f;font-size:1.1rem;font-weight:600;margin:0}.upload-info-notice{background:#8b454533;border:1px solid #8b454566;border-radius:10px;padding:12px 15px;text-align:center}.upload-info-notice p{color:#d4a5a5;font-size:.95rem;font-style:italic;line-height:1.5;margin:0}.no-proof-notice{background:#90ee901a;border:2px solid #90ee904d;border-radius:12px;margin:15px 0;padding:20px;text-align:center}.no-proof-notice p{color:#90ee90;font-size:1.1rem;font-weight:500;margin:0}.upload-area{align-items:center;display:flex;flex-direction:column;gap:15px}.upload-label-btn{background:linear-gradient(135deg,#6b4545,#8b3030);border:2px solid #8b4545b3;border-radius:12px;color:#f4c2c2;cursor:pointer;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600;letter-spacing:1.5px;padding:20px 40px;text-transform:uppercase;transition:all .5s ease}.upload-label-btn:hover{background:linear-gradient(135deg,#8b5555,#a04040);box-shadow:0 4px 15px #8b454566;transform:translateY(-2px)}.upload-preview{border:2px solid #8b454580;border-radius:12px;max-width:400px;overflow:hidden;width:100%}.upload-preview img,.upload-preview video{display:block;height:auto;width:100%}.upload-previews-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:15px;max-width:500px;width:100%}.upload-preview-item{aspect-ratio:1;background:#0000004d;border:2px solid #8b454580;border-radius:10px;overflow:hidden;position:relative}.upload-preview-item img,.upload-preview-item video{height:100%;object-fit:cover;width:100%}.remove-file-btn{align-items:center;background:#ff5050e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:24px;justify-content:center;line-height:1;padding:0;position:absolute;right:5px;top:5px;transition:all .3s ease;width:24px}.remove-file-btn:hover{background:#ff3232;transform:scale(1.1)}.submit-task-btn{background:linear-gradient(135deg,#8b4545,#6b3030);border:3px solid #d4af37cc;border-radius:14px;color:#fff;cursor:pointer;font-family:Playfair Display,serif;font-size:1.3rem;font-weight:700;letter-spacing:2px;padding:20px;text-transform:uppercase;transition:all .5s ease;width:100%}.submit-task-btn:hover:not(:disabled){background:linear-gradient(135deg,#a05050,#7b3838);border-color:#f4d03f;box-shadow:0 6px 25px #d4af3780;transform:translateY(-2px)}.submit-task-btn:disabled{cursor:not-allowed;opacity:.5}.reenter-fullscreen-btn{background:linear-gradient(135deg,#4a6b8b,#2a4a6b);border:2px solid #5a8bb8b3;border-radius:12px;color:#c2d4f4;font-size:1.1rem;font-weight:600;letter-spacing:1.5px;margin-bottom:10px;padding:16px;text-transform:uppercase;transition:all .5s ease}.reenter-fullscreen-btn:hover{background:linear-gradient(135deg,#5a7b9b,#3a5a7b);border-color:#78a9d6e6;box-shadow:0 4px 20px #5a8bb880;transform:translateY(-2px)}.awaiting-review-section{padding:40px 20px;text-align:center}.awaiting-review-content{align-items:center;display:flex;flex-direction:column;gap:20px}.awaiting-icon{filter:grayscale(20%);font-size:4rem}.awaiting-title{color:#f4c2c2;font-size:1.8rem;font-weight:600;letter-spacing:2px;margin:0;text-transform:uppercase}.awaiting-text{color:#d4a5a5;font-size:1.2rem;font-style:italic;margin:0}.awaiting-subtext{color:#b89090;font-size:1rem;margin:0;opacity:.8}.late-notice{background:#ff646426;border:1px solid #ff64644d;border-radius:8px;color:#f88;font-size:.95rem;margin-top:15px;padding:10px 20px}.auto-denied-section{padding:40px 20px;text-align:center}.auto-denied-content{align-items:center;display:flex;flex-direction:column;gap:15px}.auto-denied-icon{filter:grayscale(30%);font-size:4rem}.auto-denied-title{color:#ff6b6b;font-size:1.8rem;font-weight:700;letter-spacing:2px;margin:0;text-transform:uppercase}.auto-denied-text{color:#d4a5a5;font-size:1.2rem;font-style:italic;margin:0}.auto-denied-penalty{background:#ff646433;border:2px solid #ff646466;border-radius:10px;color:#ff6b6b;font-size:1.4rem;font-weight:700;margin:10px 0;padding:12px 25px}.task-review-section{display:flex;flex-direction:column;gap:20px}.review-info{background:#00000080;border:2px solid #8b454566;border-radius:12px;padding:20px}.review-info p{color:#f4c2c2;font-size:1.1rem;margin:8px 0}.late-warning{color:#ff6b6b!important;font-weight:700!important;margin-top:15px!important}.review-uploads{background:#0006;border:2px solid #8b454566;border-radius:12px;padding:20px}.review-uploads h4{color:#f4c2c2;font-size:1.2rem;letter-spacing:1px;margin:0 0 15px;text-transform:uppercase}.review-uploads-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.review-upload-item{aspect-ratio:1;background:#0000004d;border:2px solid #8b454580;border-radius:10px;cursor:pointer;overflow:hidden;transition:all .3s ease}.review-upload-item:hover{border-color:#b85a5acc;transform:scale(1.02)}.review-upload-item img,.review-upload-item video{height:100%;object-fit:cover;width:100%}.upload-unavailable{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:15px;text-align:center}.upload-unavailable p{color:#d4a5a5;font-size:.85rem;margin:5px 0;word-break:break-all}.unavailable-note{color:#b89090!important;font-size:.75rem!important;font-style:italic}.no-preview-text{color:#d4a5a5;font-size:1rem;font-style:italic}.no-preview-text span{color:#b89090;display:block;font-size:.9rem;margin-top:8px;word-break:break-all}.review-buttons{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.approve-review-btn,.approve-wall-btn,.reject-review-btn{border:3px solid;border-radius:12px;cursor:pointer;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:700;letter-spacing:1.5px;padding:18px;text-transform:uppercase;transition:all .5s ease}.reject-review-btn{background:linear-gradient(135deg,#4a2020,#2a1010);border-color:#ff6b6b99;color:#f88}.reject-review-btn:hover{background:linear-gradient(135deg,#5a3030,#3a1a1a);border-color:#ff6b6bcc;box-shadow:0 6px 25px #ff6b6b66;transform:translateY(-2px)}.approve-review-btn{background:linear-gradient(135deg,#6b4a4a,#5a2a2a);border-color:#90ee9099;color:#90ee90}.approve-review-btn:hover{background:linear-gradient(135deg,#7b5a5a,#6a3a3a);border-color:#90ee90cc;box-shadow:0 6px 25px #90ee9066;transform:translateY(-2px)}.approve-wall-btn{background:linear-gradient(135deg,#6b4545,#8b3030);border-color:#d4af37cc;color:#f4d03f}.approve-wall-btn:hover{background:linear-gradient(135deg,#8b5555,#a04040);border-color:#f4d03f;box-shadow:0 6px 25px #d4af3780;transform:translateY(-2px)}@media (max-width:768px){.meter-container-horizontal,.protocol-item{flex-direction:column;text-align:center}.meter-label,.meter-status{min-width:auto;text-align:center}.form-row{grid-template-columns:1fr}.compliance-grid-background{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.intimacy-page *{transition-duration:.6s}button{transition:all .7s cubic-bezier(.34,1.56,.64,1)}button:active{transition:all .3s ease}.expanded-image-overlay{align-items:center;background:#000000f2;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.expanded-image-container{align-items:center;display:flex;flex-direction:column;gap:20px;max-height:90vh;max-width:90vw}.expanded-image-container img{border-radius:10px;box-shadow:0 10px 50px #00000080;max-height:80vh;max-width:100%;object-fit:contain}.close-expanded-btn{background:linear-gradient(135deg,#4a2020,#2a1010);border:2px solid #8b454599;border-radius:10px;font-family:Playfair Display,serif;font-size:1rem;padding:12px 30px}.close-expanded-btn:hover{background:linear-gradient(135deg,#5a3030,#3a1a1a);border-color:#b85a5acc}.expanded-video-overlay{align-items:center;background:#000000f2;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.expanded-video-container{align-items:center;display:flex;flex-direction:column;gap:20px;max-height:90vh;max-width:90vw}.expanded-video-container video{border-radius:10px;box-shadow:0 10px 50px #00000080;max-height:80vh;max-width:100%;object-fit:contain}.video-preview-wrapper{cursor:pointer;height:100%;position:relative;width:100%}.video-preview-wrapper video{height:100%;object-fit:cover;width:100%}.video-expand-icon{align-items:center;background:#0009;border-radius:50%;color:#f4c2c2;display:flex;font-size:1.5rem;height:50px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;width:50px}.video-preview-wrapper:hover .video-expand-icon{background:#8b4545cc;transform:translate(-50%,-50%) scale(1.1)}.click-to-expand-hint{color:#b89090;font-size:.85rem;font-style:italic;margin:0 0 10px;opacity:.8}.bonus-award-section{background:#d4af371a;border:2px solid #d4af3766;border-radius:12px;margin-bottom:15px;padding:20px}.bonus-checkbox-label{align-items:center;cursor:pointer;display:flex;gap:12px}.bonus-checkbox{accent-color:#f4d03f;cursor:pointer;height:22px;width:22px}.bonus-checkbox-text{color:#f4d03f;font-size:1.15rem;font-weight:600}.bonus-challenge-reminder{color:#d4a5a5;font-size:.95rem;font-style:italic;margin:12px 0 0;padding-left:34px}.floating-tasks-container{min-height:300px;padding:20px;position:relative;width:100%}.no-tasks-floating{padding:60px 20px;text-align:center}.no-tasks-floating p{color:#b89090;font-size:1.5rem;font-style:italic}.tasks-grid{grid-gap:20px;background:linear-gradient(145deg,#0f050ad9,#190a0fe6);border:2px solid #78283c99;border-radius:16px;box-shadow:inset 0 2px 20px #00000080,0 8px 32px #0006;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:25px}.task-grid-card,.tasks-grid{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.task-grid-card{background:linear-gradient(145deg,#280f19f2,#14080cfa);border:2px solid #8c324699;border-radius:12px;box-shadow:0 8px 32px #000000b3,0 2px 8px #00000080,inset 0 1px 0 #b464781a;cursor:pointer;padding:25px 20px 20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.task-grid-card:hover{border-color:#b45064cc;box-shadow:0 12px 40px #8c324666,0 4px 12px #00000080,inset 0 1px 0 #b4647826;transform:translateY(-2px)}.task-grid-card h3{color:#e8c0c8;font-size:1.1rem;font-weight:600;margin:0 0 8px}.task-grid-points{background:linear-gradient(135deg,#5a2030,#3a1520);border:2px solid #b48c5080;border-radius:20px;box-shadow:0 3px 12px #0006;color:#d4a060;font-size:.85rem;font-weight:700;padding:6px 12px;position:absolute;right:-10px;top:-10px}.task-grid-points .bonus-indicator{color:#a8d8a0;font-size:.75rem;margin-left:4px}.task-grid-status{color:#9a7080;font-size:.85rem;letter-spacing:1px;margin:0;text-transform:uppercase}.task-grid-card.active-task{animation:activeGlow 3s ease-in-out infinite;background:linear-gradient(145deg,#32141ef2,#1e0c12fa);border-color:#b43c5ae6;box-shadow:0 8px 32px #000000b3,0 0 25px #b43c5a66,inset 0 1px 0 #c8647826}@keyframes activeGlow{0%,to{box-shadow:0 8px 32px #000000b3,0 0 25px #b43c5a66,inset 0 1px 0 #c8647826}50%{box-shadow:0 8px 32px #000000b3,0 0 35px #b43c5a99,inset 0 1px 0 #c8647833}}.task-grid-card.active-task .task-grid-status{color:#e8a0b0;font-weight:600}.task-grid-card.pending-task{animation:pendingGlow 2.5s ease-in-out infinite;background:linear-gradient(145deg,#2d1e0ff2,#19120afa);border-color:#b4823ccc;box-shadow:0 8px 32px #000000b3,0 0 20px #b4823c4d,inset 0 1px 0 #c8a0501a}@keyframes pendingGlow{0%,to{box-shadow:0 8px 32px #000000b3,0 0 20px #b4823c4d,inset 0 1px 0 #c8a0501a}50%{box-shadow:0 8px 32px #000000b3,0 0 30px #b4823c80,inset 0 1px 0 #c8a05026}}.task-grid-card.pending-task .task-grid-status{color:#d4a860;font-weight:600}.task-grid-card.completed-task{cursor:default;filter:saturate(.6) brightness(.8)}.task-grid-card.completed-task.approved{border-color:#8c646480}.task-grid-card.completed-task.approved .task-grid-status{color:#90b890}.task-grid-card.completed-task.disobeyed,.task-grid-card.completed-task.late,.task-grid-card.completed-task.rejected{border-color:#a0464680}.task-grid-card.completed-task.disobeyed .task-grid-status,.task-grid-card.completed-task.late .task-grid-status,.task-grid-card.completed-task.rejected .task-grid-status{color:#d08080}.archive-task-btn{background:#8b454566;border:1px solid #8b454599;border-radius:8px;color:#d4a5a5;cursor:pointer;font-family:Playfair Display,serif;font-size:.8rem;margin-top:12px;padding:8px 16px;transition:all .3s ease;width:100%}.archive-task-btn:hover{background:#8b454599;color:#f4c2c2}.dashboard-controls{bottom:30px;display:flex;gap:15px;left:50%;position:fixed;transform:translateX(-50%);z-index:100}.dashboard-controls .create-task-btn{background:linear-gradient(135deg,#8b4545,#6b3030);border:2px solid #d4af3799;border-radius:12px;color:#f4c2c2;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;font-weight:600;padding:15px 25px;transition:all .3s ease}.dashboard-controls .create-task-btn:hover{background:linear-gradient(135deg,#9b5555,#7b4040);border-color:#d4af37cc;box-shadow:0 5px 25px #8b454566}.archive-all-btn{background:#3c2828cc;border:2px solid #8b454566;border-radius:12px;color:#d4a5a5;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;padding:15px 25px;transition:all .3s ease}.archive-all-btn:hover{background:#503232e6;border-color:#8b454599}.toggle-archive-btn{background:#281e32cc;border:2px solid #64507866;border-radius:12px;color:#c2b4d4;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;padding:15px 25px;transition:all .3s ease}.toggle-archive-btn:hover{background:#3c2d4be6;border-color:#78648c99}.archive-modal-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1500}.archive-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#140a0af2;border:2px solid #8b454599;border-radius:20px;max-height:80vh;max-width:600px;overflow-y:auto;padding:40px;width:90%}.archive-modal h2{color:#f4c2c2;font-size:1.8rem;font-weight:600;margin:0 0 25px;text-align:center}.archive-list{display:flex;flex-direction:column;gap:12px;margin-bottom:25px}.no-archived-tasks{color:#b89090;font-style:italic;padding:40px 0;text-align:center}.archive-task-item{background:#0000004d;border:1px solid #8b45454d;border-radius:12px;display:flex;flex-direction:column;padding:15px 20px}.archive-task-header{align-items:center;display:flex;justify-content:space-between;width:100%}.archive-task-item.completed{border-color:#90ee904d}.archive-task-item.auto_denied_late,.archive-task-item.disobeyed,.archive-task-item.rejected_review{border-color:#ff6b6b4d}.archive-task-info h4{color:#f4c2c2;font-size:1.1rem;margin:0 0 5px}.archive-task-status{color:#b89090;font-size:.85rem;letter-spacing:.5px;margin:0 0 3px;text-transform:uppercase}.archive-task-item.completed .archive-task-status{color:#90ee90}.archive-task-item.auto_denied_late .archive-task-status,.archive-task-item.disobeyed .archive-task-status,.archive-task-item.rejected_review .archive-task-status{color:#f88}.archive-task-date{color:#8a7070;font-size:.75rem;margin:0}.archive-task-description{border-top:1px solid #8b454533;color:#c4a0a0;font-size:.95rem;font-style:italic;line-height:1.5;margin:12px 0 0;padding-top:12px}.archive-task-points{background:#0000004d;border-radius:10px;font-size:1.2rem;font-weight:700;padding:8px 15px}.archive-task-item.completed .archive-task-points{color:#90ee90}.archive-task-item.auto_denied_late .archive-task-points,.archive-task-item.disobeyed .archive-task-points,.archive-task-item.rejected_review .archive-task-points{color:#f88}.close-archive-btn{background:linear-gradient(135deg,#4a2020,#2a1010);border:2px solid #8b454599;border-radius:12px;color:#f4c2c2;cursor:pointer;display:block;font-family:Playfair Display,serif;font-size:1.1rem;padding:15px;transition:all .3s ease;width:100%}.close-archive-btn:hover{background:linear-gradient(135deg,#5a3030,#3a1a1a);border-color:#b85a5acc}.reward-vault-btn{background:linear-gradient(135deg,#4a3050,#302040);border:2px solid #8c64a099;border-radius:12px;color:#d4b8e0;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;font-weight:600;padding:15px 25px;transition:all .3s ease}.reward-vault-btn:hover{background:linear-gradient(135deg,#5a4060,#403050);border-color:#a078b4cc;box-shadow:0 5px 25px #8c64a066}.reward-vault-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1500}.reward-vault-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#1e1423fa,#140c19fa);border:2px solid #8c64a099;border-radius:20px;box-shadow:0 20px 60px #000c,inset 0 1px 0 #b48cc81a;max-height:80vh;max-width:600px;overflow-y:auto;padding:30px;width:90%}.reward-vault-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.reward-vault-header h2{color:#e0c8e8;font-size:1.8rem;font-weight:600;margin:0}.reward-vault-balance{align-items:center;background:#0006;border:2px solid #d4af3780;border-radius:30px;display:flex;gap:10px;padding:10px 18px}.balance-label{color:#b89090;font-size:.9rem}.balance-value{color:#d4a060;font-size:1.3rem;font-weight:700}.add-reward-btn{background:linear-gradient(135deg,#5a3060,#402050);border:2px solid #8c64a099;border-radius:12px;color:#e0c8e8;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;font-weight:600;margin-bottom:20px;padding:14px;transition:all .3s ease;width:100%}.add-reward-btn:hover{background:linear-gradient(135deg,#6a4070,#503060);border-color:#a078b4cc}.create-reward-form{background:#0000004d;border:1px solid #8c64a066;border-radius:12px;margin-bottom:20px;padding:20px}.reward-form-buttons{display:flex;gap:12px;margin-top:15px}.cancel-reward-btn,.save-reward-btn{border-radius:10px;cursor:pointer;flex:1 1;font-family:Playfair Display,serif;font-size:1rem;padding:12px;transition:all .3s ease}.cancel-reward-btn{background:#3c283299;border:1px solid #8b454566;color:#b89090}.cancel-reward-btn:hover{background:#50323ccc;color:#e0c8e8}.save-reward-btn{background:linear-gradient(135deg,#5a3060,#402050);border:2px solid #8c64a099;color:#e0c8e8}.save-reward-btn:hover:not(:disabled){background:linear-gradient(135deg,#6a4070,#503060)}.save-reward-btn:disabled{cursor:not-allowed;opacity:.5}.rewards-list{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.no-rewards{color:#9a7090;font-style:italic;padding:40px 0;text-align:center}.reward-item{background:#0000004d;border:2px solid #8c64a066;border-radius:12px;padding:18px;transition:all .3s ease}.reward-item.available{border-color:#8c64a080}.reward-item.pending{background:#281e1466;border-color:#d4af3780}.reward-item.fulfilled{border-color:#8c646466;opacity:.7}.reward-info h4{color:#e0c8e8;font-size:1.15rem;font-weight:600;margin:0 0 8px}.reward-description{color:#b8a0c0;font-size:.95rem;line-height:1.5;margin:0 0 12px}.reward-meta{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.reward-cost{background:#d4af3726;color:#d4a060;font-size:1rem;font-weight:700}.reward-cost,.reward-status{border-radius:15px;padding:4px 12px}.reward-status{font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.reward-status.available{background:#8c64a033;color:#c0a8d0}.reward-status.pending{background:#d4af3733;color:#d4a860}.reward-status.fulfilled{background:#8c646433;color:#90b890}.reward-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:15px}.delete-reward-btn,.fulfill-reward-btn,.redeem-reward-btn{border-radius:10px;cursor:pointer;font-family:Playfair Display,serif;font-size:.95rem;font-weight:600;padding:10px 18px;transition:all .3s ease}.redeem-reward-btn{background:linear-gradient(135deg,#5a3060,#402050);border:2px solid #8c64a099;color:#e0c8e8}.redeem-reward-btn:hover:not(:disabled){background:linear-gradient(135deg,#6a4070,#503060);box-shadow:0 4px 15px #8c64a066}.redeem-reward-btn:disabled{background:#3c283266;cursor:not-allowed;opacity:.5}.fulfill-reward-btn{background:linear-gradient(135deg,#6b4a4a,#5a2a2a);border:2px solid #a0646499;color:#d4a5a5}.fulfill-reward-btn:hover{background:linear-gradient(135deg,#7b5a5a,#6a3a3a);box-shadow:0 4px 15px #a0646466}.delete-reward-btn{background:#50282899;border:1px solid #a0505066;color:#d08080}.delete-reward-btn:hover{background:#643232cc;border-color:#b45a5a99}.close-vault-btn{background:linear-gradient(135deg,#3a2040,#251530);border:2px solid #8c64a080;border-radius:12px;color:#d4b8e0;cursor:pointer;display:block;font-family:Playfair Display,serif;font-size:1.1rem;padding:15px;transition:all .3s ease;width:100%}.close-vault-btn:hover{background:linear-gradient(135deg,#4a3050,#352040);border-color:#a078b4b3}.vault-description{color:#b8a0c0;font-size:.95rem;font-style:italic;margin-bottom:20px;text-align:center}.vault-status-badge{border-radius:20px;display:inline-block;font-size:.85rem;font-weight:600;margin-bottom:20px;padding:6px 16px}.vault-status-badge.empty{background:#6446644d;border:1px solid #8c64a04d;color:#9a7090}.vault-status-badge.has-contents{background:#d4af3733;border:1px solid #d4af3766;color:#d4a860}.content-type-selector{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.type-btn{background:#281e3299;border:2px solid #64466466;border-radius:10px;color:#b8a0c0;cursor:pointer;flex:1 1;font-family:Playfair Display,serif;font-size:.9rem;min-width:70px;padding:10px 12px;transition:all .3s ease}.type-btn:hover{background:#3c2d4bb3;border-color:#8c64a080}.type-btn.active{background:linear-gradient(135deg,#5a3060,#402050);border-color:#8c64a0b3;box-shadow:0 0 15px #8c64a04d;color:#e0c8e8}.vault-media-preview{background:#0000004d;border:1px solid #8c64a04d;border-radius:12px;margin-top:15px;padding:15px}.vault-media-preview img,.vault-media-preview video{border-radius:8px;display:block;margin:0 auto;max-height:200px;max-width:100%}.vault-media-preview audio{width:100%}.vault-contents-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px;max-height:300px;overflow-y:auto}.vault-content-item{align-items:center;background:#0000004d;border:1px solid #8c64a066;border-radius:12px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.vault-content-item:hover{background:#0a050f66;border-color:#8c64a099}.vault-content-info{flex:1 1;min-width:0}.vault-content-info h4{color:#e0c8e8;font-size:1rem;font-weight:600;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vault-content-type{background:#6446644d;border-radius:10px;color:#9a7090;display:inline-block;font-size:.75rem;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.vault-content-preview{color:#b8a0c0;font-size:.85rem;line-height:1.4;margin-top:8px;max-height:40px;overflow:hidden}.vault-locked-view{padding:40px 20px;text-align:center}.locked-icon{margin-bottom:20px;opacity:.7}.locked-icon svg{color:#9a7090;height:80px;width:80px}.vault-locked-message{color:#b89090;font-size:1.2rem;margin-bottom:10px}.vault-progress-message{color:#9a7090;font-size:1rem;font-style:italic}.vault-unlockable-view{padding:30px 20px;text-align:center}.unlocked-icon{animation:pulse 1.5s ease-in-out infinite;margin-bottom:20px}.unlocked-icon svg{color:#d4af37;height:80px;width:80px}.vault-ready-message{color:#d4af37;font-size:1.3rem;margin-bottom:25px;text-shadow:0 0 20px #d4af3766}.unlock-vault-btn{background:linear-gradient(135deg,#5a4a10,#3a3005);border:3px solid #d4af37b3;border-radius:15px;color:#f4d03f;cursor:pointer;font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700;letter-spacing:1px;padding:18px 40px;text-transform:uppercase;transition:all .3s ease}.unlock-vault-btn:hover{background:linear-gradient(135deg,#6a5a15,#4a4008);border-color:#f4d03fe6;box-shadow:0 0 30px #d4af3780;transform:scale(1.03)}.unlock-vault-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.vault-warning{color:#9a7090;font-size:.85rem;font-style:italic;margin-top:20px}.reward-storage-section{border-top:2px solid #8c64a04d;margin-top:30px;padding-top:25px}.reward-storage-section h3{color:#e0c8e8;font-size:1.3rem;margin:0 0 20px;text-align:center}.reward-storage-list{display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto}.storage-item{background:#140c1999;border:2px solid #8c646466;border-radius:15px;padding:20px;transition:all .3s ease}.storage-item:hover{border-color:#a0787899}.storage-item h4{color:#d4a5a5;font-size:1.1rem;margin:0 0 10px}.storage-text-content{background:#0000004d;border-radius:10px;color:#b8a0c0;font-size:.95rem;line-height:1.6;margin-top:10px;padding:15px;white-space:pre-wrap}.storage-media{border-radius:10px;display:block;margin-top:10px;max-height:300px;max-width:100%}.storage-audio{margin-top:10px;width:100%}.storage-date{font-size:.8rem;margin-top:12px}.no-storage,.storage-date{color:#7a6080;font-style:italic}.no-storage{padding:30px 0;text-align:center}.reward-storage-btn{background:linear-gradient(135deg,#4a2a2a,#3a1a1a);border:2px solid #a0646480;border-radius:12px;color:#d4a5a5;cursor:pointer;display:block;font-family:Playfair Display,serif;font-size:1rem;font-weight:600;margin-bottom:20px;padding:15px;transition:all .3s ease;width:100%}.reward-storage-btn:hover{background:linear-gradient(135deg,#5a3a3a,#4a2a2a);border-color:#daa520cc;box-shadow:0 5px 20px #daa52080;color:#f4d4a5}.vault-item-actions{align-items:center;display:flex;gap:8px}.vault-text-preview{color:#fff9;font-size:.85rem;font-style:italic;margin-top:8px}.view-vault-content-btn{background:#643c7899;border:1px solid #8c64a066;border-radius:8px;color:#d0a0d0;cursor:pointer;flex-shrink:0;font-size:.85rem;padding:8px 16px;transition:all .3s ease}.view-vault-content-btn:hover{background:#78508ccc;border-color:#a078b499;transform:translateY(-1px)}.delete-vault-content-btn{background:#50282899;border:1px solid #a0505066;border-radius:8px;color:#d08080;cursor:pointer;flex-shrink:0;font-size:.85rem;padding:8px 12px;transition:all .3s ease}.delete-vault-content-btn:hover{background:#643232cc;border-color:#b45a5a99}@media (max-width:600px){.meter-container-horizontal{flex-wrap:wrap;gap:10px}.meter-value-display{min-width:50px;order:1}.meter-vault-icon{height:45px;order:2;width:45px}.meter-bar-container{flex:none;order:3;width:100%}.meter-current-value{font-size:1.5rem}}.edit-protocols-btn{background:linear-gradient(135deg,#3a2a40,#251a30);border:2px solid #8c64a080;border-radius:12px;color:#c8b0d8;cursor:pointer;font-family:Playfair Display,serif;font-size:.95rem;font-weight:600;padding:12px 20px;transition:all .3s ease}.edit-protocols-btn:hover{background:linear-gradient(135deg,#4a3a50,#352a40);border-color:#a078b4b3;box-shadow:0 4px 15px #8c64a04d}.protocol-editor-overlay{align-items:center;background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1500}.protocol-editor-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#1e1423fa,#140c19fa);border:2px solid #8c64a099;border-radius:20px;box-shadow:0 20px 60px #000c,inset 0 1px 0 #b48cc81a;max-height:80vh;max-width:600px;overflow-y:auto;padding:30px;width:90%}.protocol-editor-modal h2{color:#e0c8e8;font-size:1.8rem;font-weight:600;margin:0 0 10px;text-align:center}.protocol-editor-description{color:#9a7090;font-size:.9rem;font-style:italic;margin-bottom:25px;text-align:center}.protocol-list-editor{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.protocol-edit-item{align-items:center;background:#0000004d;border:1px solid #8c64a04d;border-radius:12px;display:flex;gap:12px;padding:12px 15px}.protocol-number{color:#d4af37;font-size:1.1rem;min-width:25px}.protocol-edit-item input{background:#140c1999;border:1px solid #8c64a066;border-radius:8px;color:#e0c8e8;flex:1 1;font-family:Playfair Display,serif;font-size:.95rem;padding:10px 12px}.protocol-edit-item input:focus{border-color:#a078b4b3;box-shadow:0 0 10px #8c64a033;outline:none}.protocol-edit-item input::placeholder{color:#7a6080}.remove-protocol-btn{align-items:center;background:#50282880;border:1px solid #a0505066;border-radius:8px;color:#d08080;cursor:pointer;display:flex;font-size:1.3rem;height:32px;justify-content:center;line-height:1;transition:all .3s ease;width:32px}.remove-protocol-btn:hover:not(:disabled){background:#643232b3;border-color:#b45a5a99}.remove-protocol-btn:disabled{cursor:not-allowed;opacity:.3}.add-protocol-btn{background:#281e3280;border:2px dashed #8c64a066;border-radius:12px;color:#b8a0c0;cursor:pointer;font-family:Playfair Display,serif;font-size:.95rem;margin-bottom:25px;padding:12px;transition:all .3s ease;width:100%}.add-protocol-btn:hover{background:#3c2d4b99;border-color:#a078b499;color:#e0c8e8}.protocol-editor-actions{display:flex;gap:15px}.cancel-protocol-btn,.save-protocol-btn{border-radius:12px;cursor:pointer;flex:1 1;font-family:Playfair Display,serif;font-size:1rem;font-weight:600;padding:14px;transition:all .3s ease}.cancel-protocol-btn{background:#3c283299;border:2px solid #8b454566;color:#b89090}.cancel-protocol-btn:hover{background:#50323ccc;border-color:#a05a5a99;color:#e0c8e8}.save-protocol-btn{background:linear-gradient(135deg,#6b4a4a,#5a2a2a);border:2px solid #a0646499;color:#d4a5a5}.save-protocol-btn:hover:not(:disabled){background:linear-gradient(135deg,#7b5a5a,#6a3a3a);box-shadow:0 4px 15px #a0646466}.save-protocol-btn:disabled{cursor:not-allowed;opacity:.5}.feature-card.active-feature{border:2px solid #d4a5a566;cursor:pointer}.feature-card.active-feature:hover{border-color:#d4a5a5b3;box-shadow:0 8px 30px #d4a5a54d}.feature-count{background:#d4a5a533;border-radius:12px;color:#d4a5a5;font-size:.85rem;margin-top:10px;padding:6px 12px}.eros-modal-overlay{align-items:center;background:#140a0ff2;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.eros-modal{background:linear-gradient(180deg,#2a1a1a,#1a0f0f);border:2px solid #8b454580;border-radius:20px;box-shadow:0 20px 60px #000c;max-height:85vh;max-width:600px;overflow-y:auto;padding:30px;width:100%}.eros-modal-header{align-items:center;border-bottom:1px solid #8b45454d;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.eros-modal-header h2{color:#f4c2c2;font-family:Playfair Display,serif;font-size:1.8rem;margin:0}.close-modal-btn{background:none;border:none;color:#8b4545;cursor:pointer;font-size:1.5rem;padding:5px 10px;transition:color .3s ease}.close-modal-btn:hover{color:#f4c2c2}.add-poem-btn{background:linear-gradient(135deg,#8b45454d,#6432324d);border:2px dashed #8b454580;border-radius:12px;color:#d4a5a5;cursor:pointer;font-family:Playfair Display,serif;font-size:1.1rem;margin-bottom:20px;padding:15px;transition:all .3s ease;width:100%}.add-poem-btn:hover{background:linear-gradient(135deg,#8b454580,#64323280);border-color:#d4a5a599;color:#f4c2c2}.poems-list{display:flex;flex-direction:column;gap:15px}.no-poems{color:#8b6565;font-style:italic;padding:40px 20px;text-align:center}.poem-card{background:#28191e99;border:1px solid #8b45454d;border-radius:12px;cursor:pointer;padding:20px;transition:all .3s ease}.poem-card:hover{background:#321e28cc;border-color:#8b454580;box-shadow:0 4px 20px #8b454533}.poem-card h3{color:#f4c2c2;font-family:Playfair Display,serif;font-size:1.2rem;margin:0 0 10px}.poem-preview{color:#b89090;font-size:.95rem;font-style:italic;line-height:1.5;margin:0 0 12px}.poem-meta{color:#8b6565;display:flex;font-size:.85rem;justify-content:space-between}.poem-view{padding:10px 0}.back-btn{background:#3c283299;border:1px solid #8b45454d;border-radius:8px;color:#b89090;cursor:pointer;font-family:Playfair Display,serif;font-size:.9rem;margin-bottom:20px;padding:8px 16px;transition:all .3s ease}.back-btn:hover{background:#50323ccc;color:#f4c2c2}.poem-title{color:#f4c2c2;font-family:Playfair Display,serif;font-size:1.6rem;margin-bottom:25px;text-align:center}.poem-content{background:#1e141999;border-left:3px solid #8b454580;border-radius:0 12px 12px 0;margin-bottom:20px;padding:25px 30px}.poem-content p{color:#d4a5a5;font-size:1.05rem;font-style:italic;line-height:1.8;margin:0 0 8px}.poem-footer{align-items:center;border-top:1px solid #8b454533;display:flex;justify-content:space-between;padding-top:15px}.poem-author{color:#8b6565;font-size:1rem;font-style:italic}.delete-poem-btn{background:#64282866;border:1px solid #963c3c66;border-radius:8px;color:#c87070;cursor:pointer;font-family:Playfair Display,serif;font-size:.85rem;padding:8px 16px;transition:all .3s ease}.delete-poem-btn:hover{background:#96323299;color:#ff9090}.add-poem-form{padding:10px 0}.add-poem-form .form-group{margin-bottom:20px}.add-poem-form label{color:#d4a5a5;display:block;font-size:.95rem;margin-bottom:8px}.add-poem-form input,.add-poem-form textarea{background:#1e1419cc;border:2px solid #8b45454d;border-radius:10px;color:#f4c2c2;font-family:Playfair Display,serif;font-size:1rem;padding:14px;transition:all .3s ease;width:100%}.add-poem-form input:focus,.add-poem-form textarea:focus{border-color:#d4a5a599;box-shadow:0 0 15px #8b45454d;outline:none}.add-poem-form textarea{line-height:1.8;min-height:200px;resize:vertical}.save-poem-btn{background:linear-gradient(135deg,#6a4a4a,#4a3030);border:2px solid #8b454580;border-radius:12px;color:#f4c2c2;cursor:pointer;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.save-poem-btn:hover:not(:disabled){background:linear-gradient(135deg,#7a5a5a,#5a4040);box-shadow:0 4px 20px #8b454566}.save-poem-btn:disabled{cursor:not-allowed;opacity:.5}.whisper-record-section{background:#1e141999;border:1px solid #8b45454d;border-radius:15px;margin-bottom:25px;padding:25px}.whisper-record-section h3{color:#d4a5a5;font-family:Playfair Display,serif;font-size:1.2rem;margin:0 0 20px;text-align:center}.record-controls{align-items:center;display:flex;flex-direction:column;gap:15px}.record-btn{background:linear-gradient(135deg,#6a4a4a,#4a3030);border:2px solid #8b454580;border-radius:50px;color:#f4c2c2;cursor:pointer;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600;padding:18px 40px;transition:all .3s ease}.record-btn:hover{background:linear-gradient(135deg,#7a5a5a,#5a4040);box-shadow:0 4px 20px #8b454566}.record-btn.recording{background:linear-gradient(135deg,#8b4040,#6a2020);border-color:#c8646499;box-shadow:0 0 30px #c8505080}.whisper-preview{display:flex;flex-direction:column;gap:15px;width:100%}.whisper-preview audio{border-radius:10px;width:100%}.whisper-preview input{background:#1e1419cc;border:2px solid #8b45454d;border-radius:10px;color:#f4c2c2;font-family:Playfair Display,serif;font-size:1rem;padding:14px;width:100%}.whisper-preview input:focus{border-color:#d4a5a599;outline:none}.whisper-actions{display:flex;gap:15px}.discard-btn{background:#3c283299;border:1px solid #8b45454d;border-radius:10px;color:#b89090;cursor:pointer;flex:1 1;font-family:Playfair Display,serif;font-size:1rem;padding:12px;transition:all .3s ease}.discard-btn:hover{background:#50323ccc;color:#f4c2c2}.save-whisper-btn{background:linear-gradient(135deg,#6a4a4a,#4a3030);border:2px solid #8b454580;border-radius:10px;color:#f4c2c2;cursor:pointer;flex:1 1;font-family:Playfair Display,serif;font-size:1rem;font-weight:600;padding:12px;transition:all .3s ease}.save-whisper-btn:hover:not(:disabled){background:linear-gradient(135deg,#7a5a5a,#5a4040);box-shadow:0 4px 15px #8b454566}.save-whisper-btn:disabled{cursor:not-allowed;opacity:.5}.whispers-list{padding:10px 0}.whispers-list h3{color:#d4a5a5;font-family:Playfair Display,serif;font-size:1.2rem;margin:0 0 20px}.no-whispers{color:#8b6565;font-style:italic;padding:30px 20px;text-align:center}.whisper-card{background:#28191e99;border:1px solid #8b45454d;border-radius:12px;margin-bottom:15px;padding:20px;transition:all .3s ease}.whisper-card:hover{background:#321e28cc;border-color:#8b454580}.whisper-info h4{color:#f4c2c2;font-family:Playfair Display,serif;font-size:1.1rem;margin:0 0 5px}.whisper-meta{color:#8b6565;display:block;font-size:.85rem;margin-bottom:15px}.whisper-controls{align-items:center}.whisper-controls audio{border-radius:8px;flex:1 1}.delete-whisper-btn{background:#64282866;border:1px solid #963c3c66;border-radius:8px;color:#c87070;font-family:Playfair Display,serif;font-size:.85rem;padding:8px 16px;transition:all .3s ease}.delete-whisper-btn:hover{background:#96323299;color:#ff9090}.tribute-archive-btn{background:linear-gradient(135deg,#b48c464d,#8b45454d);border:2px solid #b48c4680;border-radius:12px;color:#d4b896;cursor:pointer;font-family:Playfair Display,serif;font-size:.95rem;padding:12px 20px;transition:all .3s ease}.tribute-archive-btn:hover{background:linear-gradient(135deg,#b48c4680,#8b454580);border-color:#d4b896b3;box-shadow:0 4px 20px #b48c464d}.tribute-archive-overlay{align-items:center;background:#140a0ff2;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.tribute-archive-modal{background:linear-gradient(180deg,#2a1a1a,#1a0f0f);border:2px solid #b48c4666;border-radius:20px;box-shadow:0 20px 60px #000c;display:flex;flex-direction:column;max-height:85vh;max-width:900px;overflow:hidden;width:100%}.tribute-archive-header{border-bottom:1px solid #b48c464d;padding:25px 30px}.tribute-archive-header h2{color:#d4b896;font-family:Playfair Display,serif;font-size:1.8rem;margin:0}.tribute-archive-content{flex:1 1;overflow-y:auto;padding:25px}.no-tributes{color:#8b6565;font-size:1.1rem;font-style:italic;padding:60px 20px;text-align:center}.tributes-grid{grid-gap:20px;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.tribute-card{background:#28191e99;border:1px solid #b48c464d;border-radius:15px;overflow:hidden}.tribute-card:hover{border-color:#b48c4699;box-shadow:0 8px 30px #b48c4633;transform:translateY(-3px)}.tribute-media{align-items:center;aspect-ratio:1;background:#140f12cc;display:flex;justify-content:center;overflow:hidden}.tribute-media img,.tribute-media video{height:100%;object-fit:cover;width:100%}.tribute-audio-container{align-items:center;display:flex;justify-content:center;padding:20px;width:100%}.tribute-audio-container audio{width:100%}.tribute-info{padding:15px}.tribute-info h4{color:#f4c2c2;font-family:Playfair Display,serif;font-size:1rem;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tribute-meta{align-items:center;color:#8b6565;display:flex;font-size:.85rem;gap:10px;margin:0}.late-badge{background:#c850504d;border-radius:10px;color:#e08080;font-size:.75rem;padding:2px 8px}.download-tribute-btn{background:linear-gradient(135deg,#b48c464d,#8b64324d);border:1px solid #b48c4666;border-radius:8px;color:#d4b896;cursor:pointer;font-family:Playfair Display,serif;font-size:.9rem;margin:0 15px 15px;padding:10px;transition:all .3s ease;width:calc(100% - 30px)}.download-tribute-btn:hover{background:linear-gradient(135deg,#b48c4680,#8b643280);border-color:#d4b89699}.reward-storage-overlay{align-items:center;background:#0f080cfa;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1500}.reward-storage-modal{background:linear-gradient(180deg,#2a1a1a,#1a0f0f);border:2px solid #8b454580;border-radius:20px;box-shadow:0 20px 80px #000000e6;display:flex;flex-direction:column;height:90vh;max-height:90vh;max-width:1200px;overflow:hidden;width:95%}.reward-storage-header{align-items:center;border-bottom:1px solid #8b45454d;display:flex;flex-shrink:0;justify-content:space-between;padding:25px 35px}.reward-storage-header h2{color:#f4c2c2;font-family:Playfair Display,serif;font-size:2rem;margin:0}.reward-storage-grid{grid-gap:25px;align-content:start;display:grid;flex:1 1;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));overflow-y:auto;padding:30px}.no-rewards-message{color:#8b6565;font-size:1.2rem;font-style:italic;grid-column:1/-1;padding:60px 20px;text-align:center}.reward-storage-card{background:#28191e99;border:1px solid #8b45454d;border-radius:15px;cursor:pointer;overflow:hidden;transition:all .3s ease}.reward-storage-card:hover{border-color:#d4a5a599;box-shadow:0 8px 30px #8b45454d}.reward-card-preview{align-items:center;aspect-ratio:1;background:#140c12cc;display:flex;justify-content:center;overflow:hidden;width:100%}.reward-card-preview img,.reward-card-preview video{height:100%;object-fit:cover;width:100%}.reward-text-preview{padding:20px;text-align:center}.reward-text-preview p{color:#d4a5a5;font-size:.95rem;font-style:italic;line-height:1.6;margin:0}.reward-audio-preview{align-items:center;background:linear-gradient(135deg,#8b454533,#64324633);display:flex;height:100%;justify-content:center;width:100%}.reward-audio-preview span{color:#d4a5a5;font-family:Playfair Display,serif;font-size:1.5rem}.reward-card-info{border-top:1px solid #8b454533;padding:15px 20px}.reward-card-info h4{color:#f4c2c2;font-family:Playfair Display,serif;font-size:1.1rem;margin:0 0 5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reward-card-info p{color:#8b6565;font-size:.85rem;margin:0}.expanded-reward-overlay{align-items:center;background:#0a0508fa;bottom:0;display:flex;justify-content:center;left:0;padding:40px;position:fixed;right:0;top:0;z-index:2000}.expanded-reward-content{align-items:center;display:flex;flex-direction:column;gap:20px;max-height:90vh;max-width:90vw;position:relative}.close-expanded-btn{align-items:center;background:#8b45454d;border:1px solid #8b454580;border-radius:50%;color:#f4c2c2;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;position:absolute;right:-40px;top:-40px;transition:all .3s ease;width:50px}.close-expanded-btn:hover{background:#8b454580;transform:scale(1.1)}.expanded-reward-content h3{color:#f4c2c2;font-family:Playfair Display,serif;font-size:1.8rem;margin:0;text-align:center}.expanded-text-content{background:#1e1419cc;border:1px solid #8b45454d;border-radius:15px;color:#d4a5a5;max-height:70vh;max-width:700px;overflow-y:auto;padding:30px 40px}.expanded-media{border-radius:10px;box-shadow:0 10px 50px #000c;max-height:75vh;max-width:85vw}.expanded-audio{max-width:90vw;width:400px}.text-submission-area{display:flex;flex-direction:column;gap:10px;width:100%}.text-submission-label{font-size:1.1rem;margin-bottom:5px}.text-submission-input,.text-submission-label{color:#ffd4e5;font-family:var(--font-handwriting)}.text-submission-input{background:#0006;border:2px solid #ffd4e54d;border-radius:8px;font-size:1rem;min-height:120px;padding:15px;resize:vertical;transition:all .3s ease;width:100%}.text-submission-input:focus{border-color:#ffd4e599;box-shadow:0 0 15px #ff69b433;outline:none}.text-submission-input::placeholder{color:#ffd4e566;font-style:italic}.text-char-count{color:#ffd4e599;font-family:var(--font-handwriting);font-size:.85rem;margin:0;text-align:right}.review-uploads-grid.text-response{display:flex;flex-direction:column}.review-upload-item.text-item{cursor:default;width:100%}.text-response-content{background:#0000004d;border:1px solid #ffd4e533;border-radius:8px;padding:20px;width:100%}.text-response-text{color:#ffd4e5;font-family:var(--font-handwriting);font-size:1.1rem;line-height:1.8;margin:0;white-space:pre-wrap}.punishment-status-indicator{align-items:center;background:linear-gradient(135deg,#8b0000cc,#500000e6);border:2px solid #ff646480;border-radius:20px;cursor:pointer;display:flex;gap:8px;margin-top:15px;padding:8px 16px;transition:all .3s ease}.punishment-status-indicator:hover{background:linear-gradient(135deg,#a00000e6,#640000);border-color:#ff6464cc;box-shadow:0 0 20px #ff323266;transform:scale(1.05)}.punishment-status-indicator svg{color:#ff6b6b;height:20px;width:20px}.punishment-status-indicator span{color:#faa;font-family:Playfair Display,serif;font-size:.9rem;font-weight:600;letter-spacing:.5px}.punishment-manager-btn{background:linear-gradient(135deg,#501e1ee6,#3c1414e6);border:2px solid #8b454599;border-radius:12px;color:#f4c2c2;cursor:pointer;font-family:Playfair Display,serif;font-size:.95rem;padding:12px 24px;transition:all .3s ease}.punishment-manager-btn:hover{background:linear-gradient(135deg,#642828f2,#501e1ef2);border-color:#b46464cc;box-shadow:0 5px 20px #8b454566;transform:translateY(-2px)}.punishment-manager-btn.has-active{animation:punishment-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#8b0000e6,#640000e6);border-color:#ff6464b3}@keyframes punishment-pulse{0%,to{box-shadow:0 0 10px #ff32324d}50%{box-shadow:0 0 25px #ff323299}}.reward-storage-btn.locked{background:linear-gradient(135deg,#3c3c3ce6,#282828e6);border-color:#64646480;color:#999;cursor:not-allowed;overflow:hidden;position:relative}.reward-storage-btn.locked:before{animation:locked-shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#ff32321a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes locked-shimmer{0%{left:-100%}to{left:100%}}.reward-storage-btn.locked:hover{background:linear-gradient(135deg,#502828e6,#3c1e1ee6);border-color:#8b454599;color:#faa}.punishment-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.punishment-popup-modal{background:linear-gradient(180deg,#280a0afa,#140505fc);border:3px solid #8b0000cc;border-radius:25px;box-shadow:0 0 60px #8b000080,0 0 100px #5000004d,inset 0 0 30px #00000080;max-width:500px;padding:50px;text-align:center;width:90%}.punishment-popup-icon{margin-bottom:25px}.punishment-popup-icon svg{animation:warning-pulse 1.5s ease-in-out infinite;color:#f44;filter:drop-shadow(0 0 20px rgba(255,50,50,.6));height:80px;width:80px}@keyframes warning-pulse{0%,to{filter:drop-shadow(0 0 20px rgba(255,50,50,.6));transform:scale(1)}50%{filter:drop-shadow(0 0 35px rgba(255,50,50,.9));transform:scale(1.1)}}.punishment-popup-modal h2{color:#ff6b6b;font-family:Playfair Display,serif;font-size:2rem;margin:0 0 20px;text-shadow:0 0 20px #ff646480}.punishment-disappointment{color:#d4a5a5;font-family:Playfair Display,serif;font-size:1.1rem;line-height:1.8;margin-bottom:30px}.punishment-details{background:#0006;border:2px solid #8b454580;border-radius:15px;margin-bottom:25px;padding:25px}.punishment-details h3{color:#faa;font-family:Playfair Display,serif;font-size:1rem;letter-spacing:2px;margin:0 0 15px;text-transform:uppercase}.punishment-text{color:#f4c2c2;font-size:1.2rem;font-style:italic;margin:0}.punishment-notice,.punishment-text{font-family:Playfair Display,serif;line-height:1.6}.punishment-notice{color:#f4c2c2b3;font-size:.95rem;margin-bottom:30px}.punishment-acknowledge-btn{background:linear-gradient(135deg,#8b0000e6,#640000e6);border:2px solid #ff646480;border-radius:30px;color:#fcc;cursor:pointer;font-family:Playfair Display,serif;font-size:1.1rem;padding:15px 40px;transition:all .3s ease}.punishment-acknowledge-btn:hover{background:linear-gradient(135deg,#a00000f2,#780000f2);border-color:#ff9696cc;box-shadow:0 0 30px #ff323266;transform:scale(1.05)}.punishment-manager-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1500}.punishment-manager-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e0f0ffa;border:2px solid #8b454599;border-radius:20px;box-shadow:0 20px 60px #000c,0 0 40px #8b454533;max-height:85vh;max-width:600px;overflow-y:auto;padding:40px;width:90%}.punishment-manager-header{align-items:center;border-bottom:1px solid #8b454566;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:15px}.punishment-manager-header h2{color:#f4c2c2;font-family:Playfair Display,serif;font-size:1.6rem;margin:0}.active-punishment-section{background:linear-gradient(135deg,#8b00004d,#50000066);border:2px solid #ff646466;border-radius:15px;margin-bottom:30px;padding:25px}.active-punishment-section h3{color:#f88;font-family:Playfair Display,serif;font-size:1.1rem;letter-spacing:1px;margin:0 0 15px;text-transform:uppercase}.active-punishment-card{background:#0000004d;border-radius:10px;padding:20px}.active-punishment-text{color:#f4c2c2;font-family:Playfair Display,serif;font-size:1.1rem;line-height:1.6;margin:0 0 15px}.active-punishment-date{color:#f4c2c299;font-family:Playfair Display,serif;font-size:.85rem;margin:0 0 20px}.complete-punishment-btn{background:linear-gradient(135deg,#327832e6,#1e501ee6);border:2px solid #64c86480;border-radius:10px;color:#afa;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;padding:15px 25px;transition:all .3s ease;width:100%}.complete-punishment-btn:hover{background:linear-gradient(135deg,#3c8c3cf2,#286428f2);border-color:#96ff96b3;box-shadow:0 5px 20px #64c8644d;transform:translateY(-2px)}.add-punishment-section{margin-bottom:30px}.add-punishment-section h3{color:#d4a5a5;font-family:Playfair Display,serif;font-size:1rem;margin:0 0 15px}.add-punishment-form{display:flex;flex-direction:column;gap:15px}.add-punishment-form textarea{background:#0006;border:2px solid #8b454566;border-radius:10px;color:#f4c2c2;font-family:Playfair Display,serif;font-size:1rem;min-height:80px;padding:15px;resize:vertical;transition:all .3s ease;width:100%}.add-punishment-form textarea:focus{border-color:#8b4545cc;box-shadow:0 0 15px #8b454533;outline:none}.add-punishment-form textarea::placeholder{color:#f4c2c266}.add-punishment-btn{align-self:flex-end;background:linear-gradient(135deg,#8b4545e6,#643232e6);border:2px solid #b4646480;border-radius:10px;color:#f4c2c2;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;padding:12px 25px;transition:all .3s ease}.add-punishment-btn:hover:not(:disabled){background:linear-gradient(135deg,#a05050f2,#783c3cf2);border-color:#c87878cc;transform:translateY(-2px)}.add-punishment-btn:disabled{cursor:not-allowed;opacity:.5}.punishment-pool-section h3{color:#d4a5a5;font-family:Playfair Display,serif;font-size:1rem;margin:0 0 15px}.no-punishments{color:#f4c2c280;font-family:Playfair Display,serif;font-size:.95rem;font-style:italic;padding:20px;text-align:center}.punishment-pool-list{display:flex;flex-direction:column;gap:12px}.punishment-pool-item{align-items:flex-start;background:#0000004d;border:1px solid #8b45454d;border-radius:10px;display:flex;gap:15px;justify-content:space-between;padding:15px;transition:all .3s ease}.punishment-pool-item:hover{background:#0006;border-color:#8b454580}.punishment-pool-item p{color:#f4c2c2;flex:1 1;font-family:Playfair Display,serif;font-size:.95rem;line-height:1.5;margin:0}.delete-punishment-btn{background:#8b000099;border:1px solid #ff646466;border-radius:6px;color:#faa;cursor:pointer;flex-shrink:0;font-family:Playfair Display,serif;font-size:.8rem;padding:8px 15px;transition:all .3s ease}.delete-punishment-btn:hover{background:#b40000cc;border-color:#ff9696b3}.tribute-archive-header{align-items:center;border-bottom:1px solid #8b454566;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.tribute-header-actions{align-items:center;display:flex;gap:15px}.download-all-btn{align-items:center;background:linear-gradient(135deg,#8b6914,#6b4f0f 50%,#5a4210);border:2px solid #d4af37b3;border-radius:30px;box-shadow:0 4px 20px #8b691466,0 0 15px #d4af3733,inset 0 1px 0 #fff3;color:#ffeaa7;cursor:pointer;display:flex;font-family:Playfair Display,serif;font-size:1rem;font-weight:600;gap:10px;letter-spacing:.5px;overflow:hidden;padding:14px 28px;position:relative;text-shadow:0 1px 2px #0000004d;transition:all .3s ease}.download-all-btn:before{content:"\2B07";filter:drop-shadow(0 1px 1px rgba(0,0,0,.3));font-size:1.2rem}.download-all-btn:after{background:linear-gradient(90deg,#0000,#ffffff40,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.download-all-btn:hover{background:linear-gradient(135deg,#a07a18,#8b6914 50%,#6b4f0f);border-color:#ffd700e6;box-shadow:0 8px 30px #8b691480,0 0 25px #d4af3766,inset 0 1px 0 #ffffff40;color:#fff8dc;transform:translateY(-3px) scale(1.02)}.download-all-btn:hover:after{left:100%}.download-all-btn:active{box-shadow:0 4px 15px #8b691466,0 0 10px #d4af374d;transform:translateY(-1px) scale(1)}.tribute-card{cursor:pointer;transition:all .3s ease}.tribute-card:hover{box-shadow:0 10px 30px #0006}.tribute-video-preview{align-items:center;background:#0000004d;display:flex;height:100%;justify-content:center;position:relative;width:100%}.tribute-video-preview video{height:100%;object-fit:cover;width:100%}.video-play-icon{align-items:center;background:#000000b3;border-radius:50%;color:#f4c2c2;display:flex;font-size:1.5rem;height:50px;justify-content:center;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:50px}.tribute-audio-preview,.tribute-text-preview{align-items:center;background:linear-gradient(135deg,#3c283ccc,#281928e6);color:#d4a5d4;display:flex;flex-direction:column;gap:10px;height:100%;justify-content:center;min-height:120px;width:100%}.tribute-audio-preview svg,.tribute-text-preview svg{height:40px;width:40px}.tribute-audio-preview span,.tribute-text-preview span{font-family:Playfair Display,serif;font-size:.9rem}.tribute-card-actions{padding:8px 12px;text-align:center}.view-hint{color:#f4c2c280;font-family:Playfair Display,serif;font-size:.8rem;font-style:italic}.expanded-tribute-overlay{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.expanded-tribute-content{align-items:center;background:#1e0f19fa;border:2px solid #8b456499;border-radius:20px;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow-y:auto;padding:30px;position:relative}.expanded-tribute-content .close-expanded-btn{background:#8b454599;border:1px solid #ff969666;border-radius:50%;color:#f4c2c2;cursor:pointer;font-size:1.2rem;height:35px;position:absolute;right:15px;top:15px;transition:all .3s ease;width:35px;z-index:10}.expanded-tribute-content .close-expanded-btn:hover{background:#b45050cc;transform:scale(1.1)}.expanded-tribute-header{margin-bottom:25px;text-align:center;width:100%}.expanded-tribute-header h3{color:#f4c2c2;font-family:Playfair Display,serif;font-size:1.5rem;margin:0 0 10px}.expanded-tribute-meta{color:#f4c2c299;font-family:Playfair Display,serif;font-size:.9rem;margin:0}.expanded-tribute-meta .late-badge{margin-left:10px}.expanded-tribute-media{align-items:center;display:flex;justify-content:center;margin-bottom:25px;width:100%}.expanded-tribute-media .expanded-media{border-radius:10px;max-height:60vh;max-width:80vw;object-fit:contain}.expanded-audio-container{align-items:center;background:linear-gradient(135deg,#3c283c99,#281928cc);border-radius:15px;display:flex;flex-direction:column;gap:25px;min-width:350px;padding:40px}.expanded-audio-container .audio-visual{align-items:center;background:#8b45644d;border-radius:50%;color:#d4a5d4;display:flex;height:100px;justify-content:center;width:100px}.expanded-audio-container .audio-visual svg{height:50px;width:50px}.expanded-audio-container .expanded-audio{min-width:300px;width:100%}.expanded-text-container{background:#0000004d;border:1px solid #8b456466;border-radius:15px;max-height:50vh;max-width:600px;overflow-y:auto;padding:30px}.expanded-text-content{color:#f4c2c2;font-family:Playfair Display,serif;font-size:1.1rem;line-height:1.8;margin:0;white-space:pre-wrap}.expanded-tribute-actions{display:flex;gap:15px}.expanded-tribute-actions .download-tribute-btn{background:linear-gradient(135deg,#643c64e6,#502850e6);border:2px solid #b478b480;border-radius:25px;color:#e0c0e0;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;padding:12px 30px;transition:all .3s ease}.expanded-tribute-actions .download-tribute-btn:hover{background:linear-gradient(135deg,#785078f2,#643c64f2);border-color:#c896c8cc;box-shadow:0 5px 20px #b478b44d;transform:scale(1.05)}.choke-mode-container{align-items:center;background:linear-gradient(135deg,#0a0010,#1a0020 30%,#0d0015 70%,#050008);display:flex;flex-direction:column;min-height:100vh;padding:40px 20px;position:relative;width:100%}.constriction-overlay{bottom:0;box-shadow:inset 0 0 calc(var(--constriction)*2) calc(var(--constriction)*.5) #3c003ccc;left:0;pointer-events:none;position:fixed;right:0;top:0;transition:box-shadow 1s ease;z-index:1}.choke-header{align-items:center;display:flex;flex-direction:column;gap:20px;margin-bottom:40px;z-index:10}.choke-title{color:#d4a5d4;font-family:Playfair Display,serif;font-size:2.5rem;letter-spacing:3px;margin:0;text-shadow:0 0 30px #96329680}.breath-ring-container{height:200px;position:relative;width:200px}.breath-ring{align-items:center;background:radial-gradient(circle,#280028cc 0,#140014e6 100%);border:4px solid #64326480;border-radius:50%;display:flex;height:100%;justify-content:center;transition:all .5s ease;width:100%}.breath-ring.idle{animation:idle-pulse 4s ease-in-out infinite}.breath-ring.inhale{animation:breath-inhale var(--inhale-duration) ease-in-out forwards}.breath-ring.hold{border-color:#b464b4cc;box-shadow:0 0 40px #96329699;transform:scale(1.3)}.breath-ring.hold.surprise{animation:surprise-pulse .5s ease-in-out infinite;border-color:#c83232e6;box-shadow:0 0 60px #c83232b3}.breath-ring.exhale{animation:breath-exhale var(--exhale-duration) ease-in-out forwards}@keyframes idle-pulse{0%,to{border-color:#64326480;transform:scale(1)}50%{border-color:#783c7899;transform:scale(1.05)}}@keyframes breath-inhale{0%{border-color:#64326480;transform:scale(1)}to{border-color:#b464b4cc;box-shadow:0 0 40px #96329699;transform:scale(1.3)}}@keyframes breath-exhale{0%{border-color:#b464b4cc;box-shadow:0 0 40px #96329699;transform:scale(1.3)}to{border-color:#64326480;box-shadow:none;transform:scale(1)}}@keyframes surprise-pulse{0%,to{box-shadow:0 0 60px #c83232b3}50%{box-shadow:0 0 80px #c83232e6}}.breath-ring-inner{align-items:center;background:#1e001ee6;border-radius:50%;display:flex;height:80%;justify-content:center;width:80%}.breath-ring-core{align-items:center;display:flex;flex-direction:column;gap:5px}.breath-phase-text{color:#e0c0e0;font-family:Playfair Display,serif;font-size:1.5rem;font-weight:600;letter-spacing:2px}.breath-instruction{color:#a080a0;font-size:.9rem;font-style:italic}.breath-idle-text{color:#806080;font-family:Playfair Display,serif;font-size:1.2rem;letter-spacing:2px}.gasp-button{align-items:center;background:linear-gradient(135deg,#c83232e6,#961e1ef2);border:3px solid #ff646480;border-radius:50%;bottom:30px;box-shadow:0 5px 30px #c8323280;cursor:pointer;display:flex;flex-direction:column;gap:2px;height:80px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:80px;z-index:100}.gasp-button:hover{border-color:#ff9696cc;box-shadow:0 8px 40px #c83232b3}.gasp-icon{font-size:1.5rem}.gasp-label{color:#f4c2c2;font-family:Playfair Display,serif;font-size:.7rem;letter-spacing:1px}.gasp-count{align-items:center;background:#f44;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:-5px;top:-5px;width:24px}.gasp-log-button{background:#643232cc;border:2px solid #96505099;border-radius:20px;color:#e0b0b0;cursor:pointer;font-family:Playfair Display,serif;font-size:.9rem;padding:10px 20px;transition:all .3s ease}.gasp-log-button:hover{background:#783c3ce6;border-color:#b46464cc}.choke-features-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:1200px;width:100%;z-index:10}.choke-feature-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#280028cc,#19001ee6);border:2px solid #64326480;border-radius:20px;padding:25px;transition:all .4s ease}.choke-feature-panel:hover{border-color:#965096b3;box-shadow:0 10px 40px #6432644d}.choke-feature-panel h3{color:#d4a5d4;font-family:Playfair Display,serif;font-size:1.4rem;margin:0 0 8px;text-align:center}.panel-description{color:#906090;font-size:.9rem;font-style:italic;margin:0 0 20px;text-align:center}.breath-sliders{gap:15px;margin-bottom:20px}.breath-sliders,.slider-group{display:flex;flex-direction:column}.slider-group{gap:5px}.slider-group label{color:#b090b0;font-size:.85rem}.slider-group input[type=range]{-webkit-appearance:none;appearance:none;background:#64326466;border-radius:3px;height:6px;outline:none;width:100%}.slider-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#c080c0,#906090);border-radius:50%;box-shadow:0 2px 10px #96509680;cursor:pointer;height:18px;width:18px}.breath-controls{display:flex;gap:10px;justify-content:center}.breath-toggle-btn{background:linear-gradient(135deg,#502850e6,#3c1e3cf2);border:2px solid #783c7899;border-radius:25px;color:#d4a5d4;cursor:pointer;font-family:Playfair Display,serif;font-size:.95rem;padding:12px 25px;transition:all .3s ease}.breath-toggle-btn.active{background:linear-gradient(135deg,#965050e6,#783232f2);border-color:#c86464cc;color:#f4c2c2}.breath-toggle-btn:hover{transform:scale(1.05)}.surprise-hold-btn{animation:pulse-danger 2s ease-in-out infinite;background:linear-gradient(135deg,#b43232e6,#8c1e1ef2);border:2px solid #dc505099;border-radius:25px;color:#f4c2c2;cursor:pointer;font-family:Playfair Display,serif;font-size:.95rem;padding:12px 20px;transition:all .3s ease}@keyframes pulse-danger{0%,to{box-shadow:0 0 10px #b4323280}50%{box-shadow:0 0 25px #c85050cc}}.permission-request-area{align-items:center;display:flex;flex-direction:column;gap:15px}.request-breath-btn{align-items:center;background:linear-gradient(135deg,#3c1e3ce6,#281428f2);border:3px solid #64326499;border-radius:50%;color:#c090c0;cursor:pointer;display:flex;font-family:Playfair Display,serif;height:120px;justify-content:center;transition:all .3s ease;width:120px}.request-breath-btn:hover{border-color:#965096cc;box-shadow:0 0 30px #64326480}.request-breath-btn:active{background:linear-gradient(135deg,#502850e6,#3c1e3cf2);transform:scale(.95)}.hold-text{font-size:.85rem;text-align:center}.request-pending{align-items:center;color:#a080a0;display:flex;flex-direction:column;gap:10px}.pending-spinner{animation:spin 1s linear infinite;border:3px solid #6432644d;border-radius:50%;border-top-color:#965096cc;height:40px;width:40px}.request-granted{align-items:center;color:#90d090;display:flex;flex-direction:column;gap:10px}.granted-icon{color:#60c060;font-size:2.5rem;text-shadow:0 0 20px #64c86480}.request-denied{align-items:center;color:#d09090;display:flex;flex-direction:column;gap:10px}.denied-icon{color:#c06060;font-size:2.5rem;text-shadow:0 0 20px #c8646480}.permission-response-area{align-items:center;display:flex;flex-direction:column;gap:15px}.partner-requesting{background:#6432644d;border-radius:10px;color:#d4a5d4;font-size:1rem;padding:15px}.response-buttons{display:flex;gap:15px}.deny-btn,.grant-btn{border-radius:25px;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;padding:12px 30px;transition:all .3s ease}.grant-btn{background:linear-gradient(135deg,#3c783ce6,#285a28f2);border:2px solid #64b46499;color:#c0e0c0}.grant-btn:hover{box-shadow:0 0 20px #50965080;transform:scale(1.05)}.deny-btn{background:linear-gradient(135deg,#782828e6,#5a1e1ef2);border:2px solid #b4505099;color:#e0c0c0}.deny-btn:hover{box-shadow:0 0 20px #963c3c80;transform:scale(1.05)}.no-request{color:#706070;font-style:italic}.cage-setup,.cage-waiting{align-items:center;display:flex;flex-direction:column;gap:15px}.cage-duration-select{align-items:center;display:flex;gap:10px}.cage-duration-select label{color:#b090b0;font-size:.9rem}.cage-duration-select select{background:#281428e6;border:2px solid #64326499;border-radius:8px;color:#d4a5d4;padding:8px 15px}.cage-duration-select select,.start-cage-btn{cursor:pointer;font-family:Playfair Display,serif}.start-cage-btn{background:linear-gradient(135deg,#643232e6,#501e1ef2);border:2px solid #96505099;border-radius:25px;color:#e0c0c0;font-size:1rem;padding:12px 30px;transition:all .3s ease}.start-cage-btn:hover{box-shadow:0 0 20px #96505080;transform:scale(1.05)}.cage-waiting span{color:#706070;font-style:italic}.cage-active{flex-direction:column;gap:20px}.cage-active,.cage-visual{align-items:center;display:flex}.cage-visual{height:150px;justify-content:center;position:relative;width:150px}.cage-bars{width:100%}.cage-bar,.cage-bars{height:100%;position:absolute}.cage-bar{animation:cage-close .5s ease forwards;animation-delay:calc(var(--bar-index)*.1s);background:linear-gradient(180deg,#643232cc,#3c1414e6);left:50%;transform:rotate(calc(var(--bar-index)*45deg)) translateX(-50%);transform-origin:center;transition:all .5s ease;width:4px}@keyframes cage-close{0%{height:50%;opacity:.5}to{height:100%;opacity:1}}.cage-timer{align-items:center;display:flex;flex-direction:column;z-index:5}.timer-value{color:#d09090;font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700}.timer-label{color:#906060;font-size:.8rem}.safe-signal-btn{animation:pulse-danger 1s ease-in-out infinite;background:linear-gradient(135deg,#c83232e6,#a01e1ef2);border:3px solid #ff646499;border-radius:30px;color:#fff;font-size:1.1rem;padding:15px 25px}.release-cage-btn,.safe-signal-btn{cursor:pointer;font-family:Playfair Display,serif}.release-cage-btn{background:#3c503ccc;border:2px solid #64966499;border-radius:20px;color:#c0e0c0;padding:10px 20px;transition:all .3s ease}.release-cage-btn:hover{background:#506450e6}.cage-overlay{background:radial-gradient(circle at center,#0000 30%,rgba(30,0,0,calc(var(--cage-progress)/100*.8)) 100%);bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:5}.whisper-controls{display:flex;flex-direction:column;gap:15px}.whisper-record{display:flex;justify-content:center}.start-record-btn,.stop-record-btn{border-radius:25px;cursor:pointer;font-family:Playfair Display,serif;font-size:.95rem;padding:12px 25px;transition:all .3s ease}.start-record-btn{background:linear-gradient(135deg,#643264e6,#501e50f2);border:2px solid #96509699;color:#d4a5d4}.stop-record-btn{background:linear-gradient(135deg,#b43232e6,#8c1e1ef2);border:2px solid #dc505099;color:#f4c2c2}.stop-record-btn.recording{animation:recording-pulse .5s ease-in-out infinite}@keyframes recording-pulse{0%,to{box-shadow:0 0 10px #b4323280}50%{box-shadow:0 0 30px #dc5050cc}}.whisper-list{max-height:200px;overflow-y:auto}.whisper-list h4{color:#a080a0;font-size:.9rem;margin:0 0 10px}.whisper-item{align-items:center;background:#28142899;border-radius:8px;display:flex;gap:10px;margin-bottom:8px;padding:8px}.whisper-item audio{flex:1 1;height:30px}.delete-whisper-btn{align-items:center;background:#783232cc;border:none;border-radius:50%;color:#e0c0c0;cursor:pointer;display:flex;font-size:.8rem;height:24px;justify-content:center;width:24px}.whisper-listen{align-items:center;display:flex;flex-direction:column;gap:15px}.play-random-btn{background:linear-gradient(135deg,#503250e6,#3c1e3cf2);border:2px solid #78467899;border-radius:25px;color:#d4a5d4;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;padding:15px 30px;transition:all .3s ease}.play-random-btn:hover:not(:disabled){box-shadow:0 0 20px #64326480;transform:scale(1.05)}.play-random-btn:disabled{cursor:not-allowed;opacity:.5}.command-playing{align-items:center;color:#d4a5d4;display:flex;flex-direction:column;gap:10px}.playing-icon{font-size:2rem}.no-commands{color:#706070;font-size:.85rem;font-style:italic}.start-sync-btn,.stop-sync-btn{border-radius:25px;cursor:pointer;font-family:Playfair Display,serif;padding:12px 25px;transition:all .3s ease}.start-sync-btn{background:linear-gradient(135deg,#505078e6,#3c3c64f2);border:2px solid #7878b499;color:#c0c0e0}.start-sync-btn:hover{box-shadow:0 0 20px #64649680;transform:scale(1.05)}.sync-active{flex-direction:column;gap:15px}.sync-active,.sync-visual{align-items:center;display:flex}.sync-visual{height:120px;justify-content:center;position:relative;width:120px}.sync-ring{border:3px solid #9664b480;border-radius:50%;height:100%;position:absolute;width:100%}.sync-tap-btn{background:linear-gradient(135deg,#785096e6,#5a3278f2);border:3px solid #b482c899;border-radius:50%;color:#e0d0f0;cursor:pointer;font-family:Playfair Display,serif;font-size:1.2rem;font-weight:700;height:80px;width:80px;z-index:5}.sync-score{align-items:center;display:flex;flex-direction:column}.score-value{color:#d0b0e0;font-family:Playfair Display,serif;font-size:2rem;font-weight:700}.score-label{color:#a090b0;font-size:.8rem}.stop-sync-btn{background:#503232cc;border:2px solid #78464699;color:#d0b0b0}.edge-endure,.edge-monitoring,.edge-setup{align-items:center;display:flex;flex-direction:column;gap:15px}.edge-duration,.edge-reward{display:flex;flex-direction:column;gap:5px;width:100%}.edge-duration label,.edge-reward label{color:#b090b0;font-size:.85rem}.edge-duration input,.edge-reward input{background:#281428e6;border:2px solid #64326499;border-radius:8px;color:#d4a5d4;font-family:Playfair Display,serif;padding:10px}.start-edge-btn{background:linear-gradient(135deg,#643c64e6,#502850f2);border:2px solid #965a9699;border-radius:25px;color:#d4a5d4;cursor:pointer;font-family:Playfair Display,serif;padding:12px 30px;transition:all .3s ease}.start-edge-btn:hover{transform:scale(1.05)}.edge-status{align-items:center;color:#d4a5d4;display:flex;flex-direction:column;gap:5px}.edge-remaining{font-size:1.2rem;font-weight:700}.reset-edge-btn{background:#503232cc;border:2px solid #78464699;border-radius:15px;color:#d0b0b0;cursor:pointer;font-family:Playfair Display,serif;padding:8px 20px}.edge-waiting{color:#706070;font-style:italic}.edge-progress-container{align-items:center;display:flex;flex-direction:column;gap:15px}.edge-unknown-progress{height:100px;position:relative;width:100px}.edge-progress-ring{border-radius:50%;height:100%;transition:background .5s ease;width:100%}.edge-center{align-items:center;background:#1e001ef2;border-radius:50%;display:flex;height:70%;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:70%}.edge-question{animation:question-pulse 2s ease-in-out infinite;color:#a080a0;font-family:Playfair Display,serif;font-size:2rem}@keyframes question-pulse{0%,to{opacity:.5}50%{opacity:1}}.edge-endure-text{color:#a080a0;font-size:.9rem;font-style:italic}.edge-completed{align-items:center;display:flex;flex-direction:column;gap:15px;padding:20px}.completed-icon{font-size:3rem}.reward-message{color:#d4a5d4;font-family:Playfair Display,serif;font-size:1.3rem;font-style:italic;text-align:center}.gasp-log-overlay{align-items:center;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.gasp-log-modal{background:linear-gradient(135deg,#281428fa,#190a1efc);border:2px solid #64326499;border-radius:20px;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:90%}.gasp-log-header{align-items:center;border-bottom:1px solid #64326466;display:flex;justify-content:space-between;padding:20px}.gasp-log-header h2{color:#d4a5d4;font-family:Playfair Display,serif;margin:0}.gasp-log-content{flex:1 1;overflow-y:auto;padding:20px}.no-gasps{color:#706070;font-style:italic;text-align:center}.gasp-summary{background:#3c1e3c80;border-radius:10px;color:#b090b0;display:flex;justify-content:space-between;margin-bottom:15px;padding:10px}.gasp-list{display:flex;flex-direction:column;gap:8px}.gasp-entry{background:#28142899;border-left:3px solid #96505099;border-radius:8px;padding:10px}.gasp-time{color:#a080a0;font-size:.9rem}.clear-gasp-log-btn{background:#643232cc;border:2px solid #96505099;border-radius:20px;color:#e0c0c0;cursor:pointer;font-family:Playfair Display,serif;margin-top:15px;padding:10px 20px;transition:all .3s ease;width:100%}.clear-gasp-log-btn:hover{background:#783c3ce6}.fogged-mirror-page{align-items:center;display:flex;flex-direction:column;font-family:Playfair Display,serif;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100%}.bathroom-background{background:linear-gradient(180deg,#2a1f1f,#3d2b2b 30%,#4a3535 60%,#382828);bottom:0;left:0;position:fixed;right:0;top:0;z-index:0}.bathroom-tiles{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:60px 60px;opacity:.5}.bathroom-ambient,.bathroom-tiles{bottom:0;left:0;position:absolute;right:0;top:0}.bathroom-ambient{animation:ambientPulse 8s ease-in-out infinite;background:radial-gradient(ellipse at 50% 30%,#ffc89626 0,#ff966414 30%,#0000 70%)}@keyframes ambientPulse{0%,to{opacity:.6}50%{opacity:1}}.steam-particle{animation:steamRise 8s ease-out infinite;background:radial-gradient(circle,#ffffff26 0,#ffffff0d 50%,#0000 70%);border-radius:50%;bottom:-50px;pointer-events:none;position:absolute}@keyframes steamRise{0%{opacity:0;transform:translateY(0) scale(1)}10%{opacity:.6}90%{opacity:.2}to{opacity:0;transform:translateY(-100vh) scale(2)}}.fogged-mirror-intro{z-index:1}.fogged-intro-container{padding:20px;position:relative;text-align:center;z-index:2}.fogged-intro-content{margin:0 auto;max-width:600px;width:90%}.fogged-title{color:#f4d4c4;font-size:3.5rem;letter-spacing:3px;margin-bottom:20px;text-shadow:0 0 30px #ffc8964d}.fogged-narrative{margin:40px 0 50px}.narrative-line{color:#f4d4c4d9;font-size:1.4rem;font-style:italic;line-height:1.6;margin:20px 0;text-shadow:0 0 20px #ffc89633}.narrative-line.accent{color:#f4d4c4;font-size:1.5rem;font-style:normal;font-weight:500;margin-top:35px}.intro-buttons{align-items:center;display:flex;flex-direction:column;gap:15px}.enter-bathroom-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#8b5a5acc,#a06060cc);border:1px solid #f4d4c466;border-radius:12px;color:#f4d4c4;cursor:pointer;font-family:Playfair Display,serif;font-size:1.2rem;letter-spacing:1px;padding:18px 45px;transition:all .4s ease}.enter-bathroom-btn:hover{background:linear-gradient(135deg,#9b6a6ae6,#b07070e6);border-color:#f4d4c4b3;box-shadow:0 0 30px #ffc8964d}.set-image-btn{background:#0000;border:1px solid #f4d4c44d;border-radius:8px;color:#f4d4c4b3;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;padding:12px 30px;transition:all .3s ease}.set-image-btn:hover{border-color:#f4d4c499;color:#f4d4c4}.image-status{color:#f4d4c499;font-size:.95rem;font-style:italic}.image-status,.upload-section{margin-top:30px}.upload-instruction{color:#f4d4c4cc;font-size:1.1rem;margin-bottom:15px}.fullscreen-hint{color:#f4d4c480;font-size:.9rem;font-style:italic;margin-bottom:20px}.upload-area-intro{align-items:center;background:#3c282880;border:2px dashed #f4d4c44d;border-radius:12px;display:flex;justify-content:center;margin-bottom:25px;min-height:200px;padding:40px}.upload-label-intro{align-items:center;color:#f4d4c480;cursor:pointer;display:flex;flex-direction:column;font-size:1rem;gap:15px;transition:color .3s ease}.upload-label-intro:hover{color:#f4d4c4cc}.upload-icon{align-items:center;border:2px dashed #f4d4c44d;border-radius:50%;color:#f4d4c466;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.preview-container{position:relative}.upload-preview-intro{border-radius:8px;max-height:250px;max-width:100%}.remove-preview-btn{align-items:center;background:#c83c3ccc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.2rem;height:30px;justify-content:center;position:absolute;right:-10px;top:-10px;width:30px}.reenter-fullscreen-btn{background:linear-gradient(135deg,#b48c3ccc,#a07828cc);border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;margin-bottom:20px;padding:15px 30px;width:100%}.upload-buttons{display:flex;gap:15px;justify-content:center}.cancel-upload-btn{background:#0000;border:1px solid #f4d4c466;border-radius:8px;color:#f4d4c4b3;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;padding:12px 30px;transition:all .3s ease}.cancel-upload-btn:hover{border-color:#f4d4c499}.save-upload-btn{background:linear-gradient(135deg,#648264cc,#506e50cc);border:none;border-radius:8px;color:#d0e0d0;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;padding:12px 30px;transition:all .3s ease}.save-upload-btn:hover:not(:disabled){background:linear-gradient(135deg,#6e8c6ee6,#5a785ae6)}.save-upload-btn:disabled{cursor:not-allowed;opacity:.5}.fogged-back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3c282899;border:1px solid #f4d4c44d;border-radius:8px;color:#f4d4c4;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;left:30px;padding:12px 24px;position:fixed;top:30px;transition:all .3s ease;z-index:100}.fogged-back-button:hover{background:#503232cc;border-color:#f4d4c499}.reset-fog-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3c282899;border:1px solid #f4d4c44d;border-radius:8px;color:#f4d4c4;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;padding:12px 24px;position:fixed;right:30px;top:30px;transition:all .3s ease;z-index:100}.reset-fog-btn:hover{background:#503232cc;border-color:#f4d4c499}.mirror-container{align-items:center;display:flex;flex-direction:column;position:relative;z-index:10}.mirror-frame{background:#0a0a0a;border-radius:4px;box-shadow:0 0 0 2px #1a1a1a,0 0 0 4px #0a0a0a,0 20px 60px #000c,inset 0 0 20px #00000080;padding:12px;position:relative}.mirror-surface{background:#8ca0af;border-radius:2px;box-shadow:inset 0 0 30px #00000080;cursor:crosshair;height:700px;overflow:hidden;position:relative;width:550px}.reveal-image{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%;z-index:1}.no-image-placeholder{color:#96aabe4d;font-size:1.1rem;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:1}.fog-canvas{cursor:crosshair;height:100%;left:0;position:absolute;top:0;width:100%;z-index:5}.wipe-instruction{color:#f4d4c499;font-size:1.1rem;font-style:italic;margin-top:30px;text-align:center;z-index:10}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirm-modal{background:linear-gradient(135deg,#3d2b2b,#4a3535);border:1px solid #f4d4c433;border-radius:16px;box-shadow:0 20px 60px #00000080;max-width:400px;padding:40px;text-align:center;width:90%}.confirm-modal h2{color:#f4d4c4;font-size:1.5rem;margin-bottom:15px}.confirm-modal p{color:#f4d4c4b3;margin-bottom:30px}.modal-buttons{display:flex;gap:15px;justify-content:center}.cancel-btn{border:1px solid #f4d4c466;border-radius:8px;color:#f4d4c4b3;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;padding:12px 25px;transition:all .3s ease}.cancel-btn:hover{border-color:#f4d4c499}.confirm-btn{background:linear-gradient(135deg,#8b5a5acc,#a06060cc);border:none;border-radius:8px;color:#f4d4c4;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;padding:12px 25px;transition:all .3s ease}.confirm-btn:hover{background:linear-gradient(135deg,#9b6a6ae6,#b07070e6)}@media (max-width:768px){.mirror-surface{height:490px;width:380px}.fogged-title{font-size:2.5rem}.fogged-back-button,.reset-fog-btn{font-size:.9rem;padding:10px 18px;top:20px}.fogged-back-button{left:20px}.reset-fog-btn{right:20px}.narrative-line{font-size:1.2rem}}@media (max-width:480px){.mirror-surface{height:410px;width:320px}.mirror-frame{padding:8px}.intro-buttons{padding:0 20px;width:100%}.enter-bathroom-btn,.set-image-btn{width:100%}}.eros-poetry-page{font-family:Playfair Display,serif;min-height:100vh;overflow:hidden;position:relative;width:100%}.eros-poetry-background{background:linear-gradient(135deg,#1a0a0a,#2d1515 30%,#1a0808 70%,#0d0505);bottom:0;left:0;position:fixed;right:0;top:0;z-index:0}.ember-glow{animation:emberPulse 8s ease-in-out infinite;background:radial-gradient(ellipse at 30% 70%,#8b323226 0,#0000 50%),radial-gradient(ellipse at 70% 30%,#b446321a 0,#0000 40%),radial-gradient(ellipse at 50% 50%,#64282814 0,#0000 60%);bottom:0;left:0;position:absolute;right:0;top:0}@keyframes emberPulse{0%,to{opacity:1}50%{opacity:.7}}.ember-particle{background:radial-gradient(circle,#ff6b35 0,#c44536 50%,#0000 100%);border-radius:50%;filter:blur(1px);height:4px;pointer-events:none;position:fixed;width:4px;z-index:1}.eros-poetry-back{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e0f0fcc;border:1px solid #8b454566;border-radius:25px;color:#d4a5a5;cursor:pointer;font-family:Playfair Display,serif;font-size:1rem;left:30px;padding:12px 24px;position:fixed;top:30px;transition:all .4s ease;z-index:100}.eros-poetry-back:hover{background:#3c1e1ee6;border-color:#b85a5a99;box-shadow:0 4px 20px #8b45454d;color:#f4c2c2}.eros-poetry-list-view{align-items:center;display:flex;flex-direction:column;min-height:100vh;padding:100px 40px 60px;position:relative;z-index:10}.eros-poetry-title{color:#f4c2c2;font-size:4rem;font-weight:500;letter-spacing:4px;margin-bottom:15px;text-shadow:0 0 60px #f4c2c24d}.eros-poetry-subtitle{color:#8b6565;font-size:1.3rem;font-style:italic;letter-spacing:2px;margin-bottom:50px}.write-poem-btn{background:linear-gradient(135deg,#8b454566,#64282866);border:2px solid #b85a5a80;border-radius:30px;color:#f4c2c2;cursor:pointer;font-family:Playfair Display,serif;font-size:1.2rem;letter-spacing:1px;margin-bottom:60px;padding:18px 50px;transition:all .4s ease}.write-poem-btn:hover{background:linear-gradient(135deg,#8b454599,#64282899);border-color:#d4a5a5b3;box-shadow:0 8px 40px #8b454566}.poems-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));max-width:1200px;width:100%}.no-poems-message{color:#6b4545;font-size:1.2rem;font-style:italic;grid-column:1/-1;padding:60px 20px;text-align:center}.poem-card-eros{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1214b3;border:1px solid #8b45454d;border-radius:16px;cursor:pointer;padding:30px;transition:all .4s ease}.poem-card-eros:hover{background:#2d191ed9;border-color:#b85a5a80;box-shadow:0 10px 40px #8b454540}.poem-card-title{color:#f4c2c2;font-size:1.4rem;font-weight:500;margin:0 0 15px}.poem-card-preview{color:#a08080;font-size:1rem;font-style:italic;line-height:1.7;margin:0 0 20px}.poem-card-footer{align-items:center;border-top:1px solid #8b454533;display:flex;justify-content:space-between;padding-top:15px}.poem-card-author{color:#8b6565;font-size:.95rem}.poem-card-date{color:#6b5050;font-size:.85rem}.eros-poetry-reading-view{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:60px 40px;position:relative;z-index:10}.reading-content{max-width:800px;padding:60px 40px;text-align:center;width:100%}.reading-title{color:#f4c2c2;font-size:3rem;font-weight:500;letter-spacing:3px;margin-bottom:60px;text-shadow:0 0 40px #f4c2c233}.reading-poem-container{margin:40px 0 60px}.reading-line{color:#d4a5a5;font-size:1.6rem;font-style:italic;line-height:2.2;margin:0;padding:8px 0;text-shadow:0 2px 20px #00000080}.reading-line:empty{height:1.6rem}.reading-author{color:#8b6565;font-size:1.3rem;font-style:italic;letter-spacing:2px;margin-top:50px}.eros-poetry-writing-view{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:100px 40px 60px;position:relative;z-index:10}.writing-container{display:flex;flex-direction:column;gap:30px;max-width:700px;width:100%}.writing-title-input{background:#0000;border:none;border-bottom:2px solid #8b454566;color:#f4c2c2;font-family:Playfair Display,serif;font-size:2.5rem;letter-spacing:2px;padding:20px 10px;text-align:center;transition:all .4s ease}.writing-title-input::placeholder{color:#8b646480}.writing-title-input:focus{border-bottom-color:#b85a5ab3;box-shadow:0 4px 20px #8b454533;outline:none}.writing-content-input{background:#140c0e99;border:1px solid #8b45454d;border-radius:16px;color:#d4a5a5;font-family:Playfair Display,serif;font-size:1.3rem;font-style:italic;line-height:2;min-height:350px;padding:40px;resize:none;transition:all .4s ease}.writing-content-input::placeholder{color:#8b646466;font-style:italic}.writing-content-input:focus{background:#190f12b3;border-color:#b85a5a80;box-shadow:0 0 40px #8b454526;outline:none}.writing-actions{display:flex;justify-content:center;padding-top:20px}.save-poem-eros{background:linear-gradient(135deg,#8b454580,#64282880);border:2px solid #b85a5a99;border-radius:30px;color:#f4c2c2;cursor:pointer;font-family:Playfair Display,serif;font-size:1.2rem;letter-spacing:1px;padding:18px 60px;transition:all .4s ease}.save-poem-eros:hover:not(:disabled){background:linear-gradient(135deg,#8b4545b3,#642828b3);border-color:#d4a5a5cc;box-shadow:0 8px 40px #8b454566}.save-poem-eros:disabled{cursor:not-allowed;opacity:.4}@media (max-width:768px){.eros-poetry-title{font-size:2.5rem;letter-spacing:2px}.eros-poetry-subtitle{font-size:1rem}.eros-poetry-list-view{padding:90px 20px 40px}.poems-grid{gap:20px;grid-template-columns:1fr}.reading-title{font-size:2rem}.reading-line{font-size:1.2rem;line-height:2}.reading-content{padding:40px 20px}.writing-title-input{font-size:1.8rem}.writing-content-input{font-size:1.1rem;padding:25px}.eros-poetry-back{font-size:.9rem;left:20px;padding:10px 18px;top:20px}}.voice-memos-page{align-items:center;background:linear-gradient(180deg,#fdf2f8,#fce7f3 30%,#f5e6fa 60%,#e8f4f8);display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;overflow-y:auto;padding:40px 20px;position:relative;width:100%}.back-button{background:linear-gradient(145deg,#f0e0c8,#e8d4b8);border:2px solid #d4c0a0;box-shadow:0 4px 8px #0000001a;color:#8b7355;font-family:Nanum Pen Script,cursive;font-size:1.3rem;padding:12px 24px}.back-button:hover{background:linear-gradient(145deg,#e8d4b8,#dcc8a8)}.vm-speech-bubble{align-items:center;background-image:url(/static/media/speech-bubble.5e559cb5daaca596181f.svg);background-repeat:no-repeat;background-size:contain;box-sizing:border-box;color:#8b5a6b;display:flex;font-family:Nanum Pen Script,cursive;font-size:1.2rem;height:120px;justify-content:center;padding:0 25px 15px;position:fixed;text-align:center;width:200px;z-index:50}.vm-speech-bubble.left-side{transform:scaleX(-1)}.vm-speech-bubble.left-side span{display:block;transform:scaleX(-1)}.tape-recorder{margin-bottom:40px;margin-top:80px;position:relative;width:380px;z-index:1}.strap{background:linear-gradient(90deg,#88c8c8,#78b8b8);border:3px solid #68a8a8;border-radius:10px;height:120px;position:absolute;top:50%;transform:translateY(-50%);width:35px;z-index:0}.left-strap{left:-25px}.right-strap{right:-25px}.recorder-top{align-items:flex-end;height:60px;justify-content:space-between;padding:0 40px;z-index:1}.recorder-top,.wooden-knob{display:flex;position:relative}.wooden-knob{background:linear-gradient(180deg,#e8d4b8,#d4c0a0);border:3px solid #c4b090;border-bottom:none;border-radius:10px 10px 0 0;height:50px;justify-content:center;padding-top:8px;width:60px}.knob-top{background:linear-gradient(180deg,#f0e0c8,#e8d4b8);border:2px solid #d4c0a0;border-bottom:none;border-radius:8px 8px 0 0;height:28px;width:44px}.knob-marker{border-bottom:10px solid #c4b090;border-left:8px solid #0000;border-right:8px solid #0000;height:0;left:50%;position:absolute;top:12px;transform:translateX(-50%);width:0}.recorder-label{color:#8b7355;font-family:Nanum Pen Script,cursive;font-size:1.2rem;letter-spacing:2px}.recorder-body{background:linear-gradient(180deg,#e8d4b8,#dcc8a8);border:4px solid #c4b090;border-radius:15px;box-shadow:0 12px 30px #00000026,inset 0 2px 4px #ffffff4d;padding:25px;position:relative;z-index:1}.recorder-front{background:linear-gradient(180deg,#fce4ec,#f8d0e0);border:3px solid #f0c0d0;border-radius:12px;margin-bottom:20px;padding:20px}.display-window{align-items:center;background:linear-gradient(145deg,#b8e8a8,#a8d898);border:3px solid #88c878;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:15px;padding:20px}.speaker-grille{align-items:center;background:linear-gradient(145deg,#c8f0b8,#b8e8a8);border:3px solid #98d888;border-radius:50%;display:flex;height:100px;justify-content:center;position:relative;width:100px}.speaker-center{background:linear-gradient(145deg,#f8f8f0,#e8e8e0);border:2px solid #d0d0c0;border-radius:50%;height:30px;width:30px}.speaker-holes{height:100%;position:absolute;width:100%}.speaker-holes .hole{background:#88b878;border-radius:50%;height:10px;position:absolute;width:10px}.speaker-holes .hole:first-child{left:50%;top:12px;transform:translateX(-50%)}.speaker-holes .hole:nth-child(2){right:18px;top:22px}.speaker-holes .hole:nth-child(3){right:10px;top:50%;transform:translateY(-50%)}.speaker-holes .hole:nth-child(4){bottom:22px;right:18px}.speaker-holes .hole:nth-child(5){bottom:12px;left:50%;transform:translateX(-50%)}.speaker-holes .hole:nth-child(6){bottom:22px;left:18px}.speaker-holes .hole:nth-child(7){left:10px;top:50%;transform:translateY(-50%)}.speaker-holes .hole:nth-child(8){left:18px;top:22px}.small-dial{align-items:center;background:linear-gradient(145deg,#f8f8f0,#e8e8e0);border:3px solid #d0d0c0;border-radius:50%;display:flex;height:50px;justify-content:center;width:50px}.dial-dot{background:#88c8c8;border-radius:50%;height:12px;width:12px}.timer-display{background:linear-gradient(145deg,#fff8f5,#fff0ed);border:2px solid #f0d8d8;border-radius:8px;color:#6a5a5a;font-family:Courier New,monospace;font-size:1.4rem;margin-bottom:10px;padding:10px 20px;text-align:center}.recording-text{animation:pulse 1s ease-in-out infinite;color:#c44}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.recording-indicator{align-items:center;display:flex;gap:8px;justify-content:center;opacity:.4}.recording-indicator.active{opacity:1}.indicator-light{background:#ccc;border:2px solid #aaa;border-radius:50%;height:14px;width:14px}.recording-indicator.active .indicator-light{animation:blink .8s ease-in-out infinite;background:#e55;border-color:#c44}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.recording-indicator span{color:#888;font-family:Courier New,monospace;font-size:.9rem;font-weight:700}.recording-indicator.active span{color:#c44}.control-buttons{gap:20px}.control-btn,.control-buttons{display:flex;justify-content:center}.control-btn{align-items:center;background:linear-gradient(145deg,#e8d4b8,#d4c0a0);border:4px solid #c4b090;border-radius:50%;box-shadow:0 6px 12px #00000026;cursor:pointer;height:75px;transition:all .2s ease;width:75px}.control-btn:hover:not(:disabled){box-shadow:0 8px 16px #0003;transform:translateY(-3px)}.control-btn:active:not(:disabled){box-shadow:0 3px 6px #00000026;transform:translateY(1px)}.control-btn:disabled{cursor:not-allowed;opacity:.5}.btn-inner{align-items:center;display:flex;justify-content:center}.btn-inner,.record-inner{border-radius:50%;height:55px;width:55px}.record-inner{background:linear-gradient(145deg,#f8d8d8,#f0c8c8);border:2px solid #e8b8b8}.record-circle{background:linear-gradient(145deg,#e85555,#d04040);border-radius:50%;box-shadow:inset 0 2px 4px #ffffff4d;height:30px;width:30px}.record-btn.active .record-circle{animation:recordPulse 1s ease-in-out infinite}@keyframes recordPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.stop-inner{background:linear-gradient(145deg,#d8e4f8,#c8d8f0);border:2px solid #b8c8e8}.stop-square{background:linear-gradient(145deg,#6080b0,#4868a0);border-radius:4px;box-shadow:inset 0 2px 4px #fff3;height:24px;width:24px}.play-inner{background:linear-gradient(145deg,#c8e8d8,#b8e0c8);border:2px solid #98c8b8}.play-triangle{border-bottom:14px solid #0000;border-left:22px solid #48a078;border-top:14px solid #0000;height:0;margin-left:5px;width:0}.play-btn.active .play-triangle{border-left-color:#68c098}.save-dialog-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:200}.save-dialog{background:linear-gradient(180deg,#fff8f0,#fff0f5);border:3px solid #f0c0d0;border-radius:20px;box-shadow:0 10px 40px #0003;max-width:400px;padding:30px;width:90%}.save-dialog h3{color:#8b5a6b;font-family:Nanum Pen Script,cursive;font-size:2rem;margin:0 0 10px;text-align:center}.duration-text{color:#888;font-family:Courier New,monospace;margin:0 0 20px;text-align:center}.dialog-buttons-row{display:flex;gap:15px;justify-content:center;margin:15px 0}.dialog-btn{border:none;border-radius:15px;cursor:pointer;font-family:Nanum Pen Script,cursive;font-size:1.2rem;padding:12px 20px;transition:all .2s ease}.listen-btn{background:linear-gradient(145deg,#c8e8d8,#b8e0c8);border:2px solid #98c8b8;color:#3a6a50}.rerecord-btn{background:linear-gradient(145deg,#f8e8d8,#f0dcc8);border:2px solid #e0c8a8;color:#8b7355}.cancel-btn{background:linear-gradient(145deg,#e8e8e8,#d8d8d8);border:2px solid #c8c8c8;color:#666}.save-btn{background:linear-gradient(145deg,#f8d0e8,#f0c0d8);border:2px solid #e8a0c0;color:#8b5a6b}.save-btn:disabled{cursor:not-allowed;opacity:.5}.title-input{background:#fff;border:2px solid #e8c8d8;border-radius:12px;box-sizing:border-box;color:#555;font-family:Nanum Pen Script,cursive;font-size:1.3rem;margin:10px 0;padding:15px;width:100%}.title-input:focus{border-color:#d8a8c0;box-shadow:0 0 0 3px #d8a8c033;outline:none}.title-input::placeholder{color:#bbb}.saved-memos-section{background:#ffffffb3;border:2px solid #e8d8e0;border-radius:20px;box-shadow:0 4px 15px #00000014;max-width:400px;overflow:hidden;padding:25px;width:100%}.saved-memos-section h3{color:#8b5a6b;font-size:1.8rem;margin:0 0 20px}.no-memos,.saved-memos-section h3{font-family:Nanum Pen Script,cursive;text-align:center}.no-memos{color:#aaa;font-size:1.2rem;padding:20px}.memos-list{display:flex;flex-direction:column;gap:12px;max-height:300px;overflow-x:hidden;overflow-y:auto;padding:4px}.memo-item{align-items:center;background:linear-gradient(145deg,#fff8f5,#fff0f0);border:2px solid #f0d8e0;border-radius:12px;cursor:pointer;display:flex;justify-content:space-between;padding:15px;transition:all .2s ease}.memo-item:hover{border-color:#e8c0d0;box-shadow:0 2px 8px #00000014}.memo-item.selected{background:linear-gradient(145deg,#fff0f5,#ffe8f0);border-color:#d8a0b8}.memo-info{display:flex;flex-direction:column;gap:4px}.memo-title{color:#6a4a5a;font-family:Nanum Pen Script,cursive;font-size:1.3rem}.memo-meta{color:#aaa;font-family:Courier New,monospace;font-size:.75rem}.memo-actions{display:flex;gap:10px}.memo-play-btn{align-items:center;background:linear-gradient(145deg,#c8e8d8,#b8e0c8);border:none;border:2px solid #98c8b8;border-radius:50%;color:#4a8a6a;cursor:pointer;display:flex;font-size:.9rem;height:32px;justify-content:center;width:32px}.memo-play-btn.playing{background:linear-gradient(145deg,#f8d8d8,#f0c8c8);border-color:#e8b8b8;color:#c55}@media (max-width:480px){.tape-recorder{margin-top:100px;width:320px}.control-btn{height:65px;width:65px}.btn-inner,.record-inner{height:48px;width:48px}.speaker-grille{height:80px;width:80px}.back-button{font-size:1.1rem;left:10px;padding:10px 18px;top:10px}}.coming-soon-page{align-items:center;animation:gradientShift 8s ease infinite;background:linear-gradient(135deg,#ff9a9e,#fecfef 25%,#fecfef 0,#a18cd1 50%,#fbc2eb 75%,#a6c1ee);background-size:400% 400%;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100%}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.floating-elements{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.floating-item{color:#ffffff80;font-family:Comic Sans MS,Nanum Pen Script,cursive;position:absolute;text-shadow:2px 2px 4px #0000001a;-webkit-user-select:none;user-select:none}.coming-soon-content{background:#ffffffd9;border:3px dashed #ffb6c1;border-radius:30px;box-shadow:0 20px 60px #00000026,0 0 0 5px #ffffff80,inset 0 0 30px #ffc8c833;max-width:500px;padding:60px;position:relative;text-align:center;z-index:1}.construction-cone{height:100px;margin:0 auto 30px;position:relative;width:80px}.cone-top{border-bottom:20px solid #ff6b00;border-left:40px solid #0000;border-right:40px solid #0000;height:0;left:0;position:absolute;top:0;width:0}.cone-stripe{height:20px;left:5px;position:absolute;width:70px}.stripe-1{background:#ff6b00;left:2px;top:20px;width:75px}.stripe-2{background:#fff;left:1px;top:40px;width:78px}.stripe-3{background:#ff6b00;left:0;top:60px;width:80px}.cone-base{background:#333;border-radius:3px;bottom:0;height:15px;left:-5px;position:absolute;width:90px}.coming-soon-title{color:#ff6b6b;font-family:Comic Sans MS,Nanum Pen Script,cursive;font-size:3.5rem;letter-spacing:2px;margin:0 0 15px;text-shadow:3px 3px 0 #ffd93d}.coming-soon-subtitle{color:#666;font-family:Nanum Pen Script,cursive;font-size:1.8rem;margin:0 0 25px}.funny-message{background:linear-gradient(135deg,#fff5f5,#fff0f5);border:2px solid #ffccd5;border-radius:15px;margin:25px 0;padding:20px}.funny-message p{color:#888;font-family:Nanum Pen Script,cursive;font-size:1.5rem;margin:5px 0}.funny-message .small-text{color:#aaa;font-size:1.1rem;font-style:italic}.construction-signs{margin:25px 0}.sign{background:#ffd93d;border:3px solid #333;box-shadow:4px 4px 0 #333;color:#333;display:inline-block;font-family:Arial Black,sans-serif;font-size:1rem;font-weight:700;letter-spacing:2px;padding:10px 25px;transform:rotate(-2deg)}.sign-small{color:#999;display:block;font-size:1rem;font-style:italic;margin-top:10px}.go-back-button,.sign-small{font-family:Nanum Pen Script,cursive}.go-back-button{background:linear-gradient(135deg,#6c5ce7,#a29bfe);border:none;border-radius:50px;box-shadow:0 6px 20px #6c5ce766,0 3px 0 #5b4cdb;color:#fff;cursor:pointer;font-size:1.5rem;margin-top:30px;padding:15px 40px;transition:all .3s ease}.go-back-button:hover{background:linear-gradient(135deg,#5b4cdb,#8c7ae6);box-shadow:0 8px 25px #6c5ce780,0 3px 0 #4a3fc9}.go-back-button:active{box-shadow:0 2px 10px #6c5ce766,0 0 0 #5b4cdb;transform:translateY(3px)}.footer-joke{color:#777;font-family:Courier New,monospace;font-size:.9rem;letter-spacing:1px;margin-top:25px}@media (max-width:600px){.coming-soon-content{margin:20px;padding:40px 30px}.coming-soon-title{font-size:2.5rem}.coming-soon-subtitle{font-size:1.4rem}.funny-message p{font-size:1.2rem}.sign{font-size:.8rem;padding:8px 15px}}.wall-layout-editor{background:var(--color-parchment);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:0 auto;max-width:1200px;padding:var(--spacing-xl);width:100%}.editor-header{margin-bottom:var(--spacing-xl);text-align:center}.editor-header h2{color:var(--color-deep-brown);font-family:var(--font-primary);font-size:2rem;margin-bottom:var(--spacing-sm)}.editor-description{color:var(--color-text-secondary);font-family:var(--font-primary);font-size:1rem;margin:0}.visual-grid-container{background:var(--color-warm-beige);border:3px solid var(--color-soft-brown);border-radius:var(--radius-md);box-shadow:inset 0 2px 4px #0000001a;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.visual-grid{grid-gap:2px;background:var(--color-parchment);border-radius:var(--radius-sm);display:grid;gap:2px;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,1fr);min-height:500px;padding:2px;position:relative}.grid-cell{align-items:center;background:#fff;border:1px solid #a68a6433;display:flex;justify-content:center;min-height:60px;pointer-events:none;position:relative;transition:background-color .2s ease}.grid-cell:hover{background:#a68a640d}.cell-label{color:#6b564466;font-family:var(--font-primary);font-size:.65rem;pointer-events:none}.grid-item{align-items:center;border:3px solid #6b564466;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000001a;cursor:move;display:flex;justify-content:center;position:relative;transition:all .2s ease;z-index:1}.grid-item:hover{border-color:var(--color-deep-brown);box-shadow:0 4px 8px #0003;transform:scale(1.02);z-index:2}.grid-item.selected{border-color:var(--color-deep-brown);border-width:4px;box-shadow:0 4px 12px #00000040;z-index:3}.grid-item.dragging{cursor:grabbing;opacity:.6;pointer-events:none}.grid-item-content{align-items:center;display:flex;flex-direction:column;gap:4px;padding:var(--spacing-sm);pointer-events:none}.grid-item-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:2rem}.grid-item-name{color:var(--color-deep-brown);font-family:var(--font-primary);font-size:.75rem;font-weight:600;line-height:1.2;text-align:center;text-shadow:0 1px 2px #fffc}.resize-handle{align-items:center;background:var(--color-deep-brown);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #0000004d;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;position:absolute;transition:all .2s ease;width:28px;z-index:10}.resize-handle:hover{background:var(--color-soft-brown);box-shadow:0 3px 6px #0006;transform:scale(1.15)}.resize-right{right:-14px}.resize-left,.resize-right{top:50%;transform:translateY(-50%)}.resize-left{left:-14px}.resize-bottom{bottom:-14px}.resize-bottom,.resize-top{left:50%;transform:translateX(-50%)}.resize-top{top:-14px}.legend{background:var(--color-cream);border:2px solid var(--color-soft-brown);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.legend h3{color:var(--color-deep-brown);font-family:var(--font-primary);font-size:1.2rem;margin-bottom:var(--spacing-md)}.legend-items{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.legend-item{align-items:center;background:#fff;border:2px solid #0000;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm);transition:all .2s ease}.legend-item:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.legend-item.selected{border-width:3px;box-shadow:var(--shadow-md)}.legend-icon{font-size:1.5rem}.legend-name{color:var(--color-deep-brown);flex:1 1;font-size:.9rem;font-weight:600}.legend-name,.legend-position{font-family:var(--font-primary)}.legend-position{color:var(--color-text-secondary);font-size:.75rem;font-style:italic}.editor-actions{display:flex;gap:var(--spacing-md);justify-content:center;margin-bottom:var(--spacing-lg)}.reset-button,.save-button{border:none;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;font-family:var(--font-primary);font-size:1rem;font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all var(--transition-normal)}.save-button:hover:not(:disabled){background:var(--color-soft-brown);box-shadow:var(--shadow-md)}.reset-button{background:var(--color-warm-beige);border:2px solid var(--color-soft-brown);color:var(--color-deep-brown)}.reset-button:hover{background:var(--color-parchment-dark);border-color:var(--color-deep-brown);box-shadow:var(--shadow-md);transform:translateY(-2px)}.editor-message{animation:fadeIn .3s ease-in;border-radius:var(--radius-md);font-family:var(--font-primary);font-weight:600;margin-bottom:var(--spacing-lg);padding:var(--spacing-md);text-align:center}.editor-message.success{background:#c8dcc84d;border:2px solid #4a7c2c;color:#2d5016}.editor-message.error{background:#dcc8c84d;border:2px solid #a64444;color:#7c2c2c}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.editor-notes{background:var(--color-warm-beige);border-left:4px solid var(--color-deep-brown);border-radius:var(--radius-md);padding:var(--spacing-lg)}.editor-notes h3{color:var(--color-deep-brown);font-family:var(--font-primary);font-size:1.2rem;margin-bottom:var(--spacing-md)}.editor-notes ul{margin:0;padding-left:var(--spacing-xl)}.editor-notes li{color:var(--color-text-secondary);font-family:var(--font-primary);line-height:1.6;margin-bottom:var(--spacing-xs)}.editor-notes strong{color:var(--color-deep-brown);font-weight:600}@media (max-width:768px){.wall-layout-editor{padding:var(--spacing-md)}.visual-grid{gap:1px;min-height:400px}.grid-cell{min-height:40px}.cell-label{font-size:.5rem}.grid-item-icon{font-size:1.5rem}.grid-item-name{font-size:.65rem}.resize-handle{font-size:.9rem;height:24px;width:24px}.legend-items{grid-template-columns:1fr}.editor-actions{flex-direction:column}.reset-button,.save-button{width:100%}}.admin-page{align-items:center;background:linear-gradient(180deg,#2d2d2d,#1a1a1a 50%,#0d0d0d);display:flex;flex-direction:column;min-height:100vh;padding:var(--spacing-xl);position:relative;width:100%}.admin-header{margin-bottom:var(--spacing-lg);margin-top:var(--spacing-xl);text-align:center;z-index:1}.admin-title{color:#f5e6d3;font-family:var(--font-primary);font-size:3rem;margin:0;margin-bottom:var(--spacing-sm);text-shadow:0 2px 8px #fff3}.admin-subtitle{color:#d4c5b0;font-size:1.3rem;margin:0;margin-bottom:var(--spacing-xs)}.admin-subtitle,.admin-user{font-family:var(--font-handwriting)}.admin-user{color:#a68a64;font-size:1rem;margin:0}.admin-message{border-radius:var(--radius-sm);font-family:var(--font-handwriting);font-size:1.1rem;margin-bottom:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);text-align:center;z-index:10}.admin-message.success{background:#4caf50;box-shadow:0 2px 8px #4caf5066;color:#fff}.admin-message.error{background:#f44336;box-shadow:0 2px 8px #f4433666;color:#fff}.admin-message.info{background:#2196f3;box-shadow:0 2px 8px #2196f366;color:#fff}.admin-tabs-container{flex-direction:column;margin-bottom:var(--spacing-xl);max-width:900px;width:100%;z-index:1}.admin-tabs-container,.tab-group{display:flex;gap:var(--spacing-md)}.tab-group{align-items:center;background:#0003;border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md)}.tab-group-label{color:#888;font-family:var(--font-handwriting);font-size:.9rem;letter-spacing:1px;min-width:70px;text-transform:uppercase}.tab-group-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.admin-tab{background:#3d3d3d;border:2px solid #555;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000004d;color:#d4c5b0;cursor:pointer;font-family:var(--font-handwriting);font-size:1rem;padding:var(--spacing-xs) var(--spacing-md);transition:all .3s ease;white-space:nowrap}.admin-tab:hover{background:#4d4d4d;box-shadow:0 4px 8px #0006;transform:translateY(-2px)}.admin-tab.active{background:var(--color-deep-brown);border-color:var(--color-deep-brown);box-shadow:0 4px 8px #6b564480;color:var(--color-cream)}.admin-content{background:#2d2d2d;border:3px solid #555;border-radius:var(--radius-md);box-shadow:0 8px 16px #00000080;margin-bottom:100px;max-width:900px;padding:var(--spacing-xl);width:100%;z-index:1}.admin-section h2{border-bottom:2px solid #555;color:#f5e6d3;font-family:var(--font-primary);font-size:2rem;margin:0;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.config-group{background:#1a1a1a;border:2px solid #444;border-radius:var(--radius-sm);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.config-group label{color:#d4c5b0;display:block;font-family:var(--font-handwriting);font-size:1.2rem;margin-bottom:var(--spacing-sm)}.date-input{background:#0d0d0d;border:2px solid #555;border-radius:var(--radius-sm);color:#f5e6d3;font-family:var(--font-primary);font-size:1.2rem;margin-bottom:var(--spacing-md);outline:none;padding:var(--spacing-md);transition:border-color .3s ease;width:100%}.date-input:focus{border-color:var(--color-deep-brown)}.danger-button,.save-button{border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-handwriting);font-size:1.1rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease}.save-button{background:var(--color-deep-brown);box-shadow:0 2px 4px #0000004d;color:var(--color-cream)}.save-button:hover:not(:disabled){background:#7d5a3f;box-shadow:0 4px 8px #0006;transform:translateY(-2px)}.save-button:disabled{cursor:not-allowed;opacity:.5}.danger-button{background:#c62828;box-shadow:0 2px 4px #0000004d;color:#fff}.danger-button:hover:not(:disabled){background:#d32f2f;box-shadow:0 4px 8px #0006;transform:translateY(-2px)}.danger-button:disabled{cursor:not-allowed;opacity:.5}.notes-actions{align-items:center;background:#1a1a1a;border:2px solid #444;border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.warning-button{background:#ff9800;border:none;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000004d;color:#fff;cursor:pointer;font-family:var(--font-handwriting);font-size:1.1rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease}.warning-button:hover:not(:disabled){background:#fb8c00;box-shadow:0 4px 8px #0006;transform:translateY(-2px)}.warning-button:disabled{cursor:not-allowed;opacity:.5}.notes-count{color:#d4c5b0;font-family:var(--font-handwriting);font-size:1.1rem;margin:0}.notes-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.no-notes{color:#a68a64;font-family:var(--font-handwriting);font-size:1.2rem;padding:var(--spacing-xl);text-align:center}.note-item{align-items:flex-start;background:#1a1a1a;border:2px solid #444;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-md);transition:all .3s ease}.note-item:hover{border-color:#666;box-shadow:0 2px 8px #0000004d}.note-item.empty-note{background:#ff98000d;border-color:#ff9800}.note-info{flex:1 1}.note-author,.note-date{color:#a68a64;font-size:.9rem;margin:0 0 4px}.note-author,.note-date,.note-text{font-family:var(--font-handwriting)}.note-text{color:#d4c5b0;font-size:1rem;font-style:italic;margin:0;margin-top:var(--spacing-sm);white-space:pre-wrap}.delete-note-button{background:#c62828;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:var(--font-handwriting);font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease}.delete-note-button:hover:not(:disabled){background:#d32f2f;transform:translateY(-2px)}.delete-note-button:disabled{cursor:not-allowed;opacity:.5}.content-list{display:flex;flex-direction:column;gap:var(--spacing-md);max-height:600px;overflow-y:auto;padding-right:var(--spacing-xs)}.content-list::-webkit-scrollbar{width:8px}.content-list::-webkit-scrollbar-track{background:#1a1a1a;border-radius:var(--radius-sm)}.content-list::-webkit-scrollbar-thumb{background:#555;border-radius:var(--radius-sm)}.content-list::-webkit-scrollbar-thumb:hover{background:#666}.no-content{color:#a68a64;font-family:var(--font-handwriting);font-size:1.2rem;padding:var(--spacing-xl);text-align:center}.content-item{align-items:flex-start;background:#1a1a1a;border:2px solid #444;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-md);transition:all .3s ease}.content-item:hover{border-color:#666;box-shadow:0 2px 8px #0000004d}.content-info{flex:1 1;margin-right:var(--spacing-md)}.content-title{color:#f5e6d3;font-family:var(--font-primary);font-size:1.3rem;font-weight:600;margin:0;margin-bottom:var(--spacing-xs)}.content-author,.content-date{color:#a68a64;font-family:var(--font-handwriting);font-size:.9rem;margin:0 0 4px}.content-seal-info{font-size:.95rem;margin:0;margin-bottom:var(--spacing-xs)}.content-preview,.content-seal-info{color:#d4c5b0;font-family:var(--font-handwriting);font-style:italic}.content-preview{font-size:1rem;line-height:1.6;margin:0;margin-top:var(--spacing-sm);white-space:pre-wrap}.delete-content-button{background:#c62828;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;flex-shrink:0;font-family:var(--font-handwriting);font-size:.9rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s ease}.delete-content-button:hover:not(:disabled){background:#d32f2f;transform:translateY(-2px)}.delete-content-button:disabled{cursor:not-allowed;opacity:.5}.section-description{color:#a68a64;font-family:var(--font-handwriting);font-size:1rem;line-height:1.6;margin:0;margin-bottom:var(--spacing-lg)}.word-input-section{background:#1a1a1a;border:2px solid #444;border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.word-input{background:#0d0d0d;border:2px solid #555;border-radius:var(--radius-sm);color:#f5e6d3;flex:1 1;font-family:var(--font-primary);font-size:1.1rem;min-width:200px;outline:none;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .3s ease}.word-input:focus{border-color:var(--color-deep-brown)}.add-word-button{background:var(--color-deep-brown);border:none;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000004d;color:var(--color-cream);cursor:pointer;font-family:var(--font-handwriting);font-size:1.1rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease}.add-word-button:hover:not(:disabled){background:#7d5a3f;box-shadow:0 4px 8px #0006;transform:translateY(-2px)}.add-word-button:disabled{cursor:not-allowed;opacity:.5}.word-count{color:#d4c5b0;font-family:var(--font-handwriting);font-size:1.1rem;margin:0;margin-bottom:var(--spacing-md)}.word-bucket-grid{grid-gap:var(--spacing-sm);background:#1a1a1a;border:2px solid #444;border-radius:var(--radius-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:500px;overflow-y:auto;padding:var(--spacing-sm)}.word-bucket-grid::-webkit-scrollbar{width:8px}.word-bucket-grid::-webkit-scrollbar-track{background:#0d0d0d;border-radius:var(--radius-sm)}.word-bucket-grid::-webkit-scrollbar-thumb{background:#555;border-radius:var(--radius-sm)}.word-bucket-grid::-webkit-scrollbar-thumb:hover{background:#666}.no-words{color:#a68a64;font-family:var(--font-handwriting);font-size:1.2rem;grid-column:1/-1;padding:var(--spacing-xl);text-align:center}.word-item{align-items:center;background:var(--color-deep-brown);border:2px solid #6b5644;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000004d;display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all .3s ease}.word-item:hover{border-color:#8a7359;box-shadow:0 4px 8px #0006}.word-text{color:var(--color-cream);flex:1 1;font-family:var(--font-primary);font-size:1rem;font-weight:600;-webkit-user-select:none;user-select:none}.delete-word-button{align-items:center;background:#c62828cc;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:.9rem;height:24px;justify-content:center;line-height:1;margin-left:var(--spacing-xs);transition:all .2s ease;width:24px}.delete-word-button:hover:not(:disabled){background:#d32f2f;transform:scale(1.1)}.delete-word-button:disabled{cursor:not-allowed;opacity:.5}.confirm-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.confirm-dialog{background:linear-gradient(180deg,#3d3d3d,#2d2d2d);border:3px solid var(--color-deep-brown);border-radius:var(--radius-md);box-shadow:0 12px 40px #0009;max-width:500px;padding:var(--spacing-xl);width:90%}.confirm-message{color:#f5e6d3;font-family:var(--font-handwriting);font-size:1.3rem;line-height:1.6;margin:0;margin-bottom:var(--spacing-lg);text-align:center}.confirm-buttons{display:flex;gap:var(--spacing-md);justify-content:center}.confirm-no,.confirm-yes{border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-handwriting);font-size:1.2rem;min-width:100px;padding:var(--spacing-md) var(--spacing-xl);transition:all .3s ease}.confirm-yes{background:#c62828;box-shadow:0 4px 8px #c6282866;color:#fff}.confirm-yes:hover{background:#d32f2f;box-shadow:0 6px 12px #c6282880;transform:translateY(-2px)}.confirm-no{background:#555;box-shadow:0 4px 8px #0006;color:#f5e6d3}.confirm-no:hover{background:#666;box-shadow:0 6px 12px #00000080;transform:translateY(-2px)}.photo-upload-section{align-items:center;background:#1a1a1a;border:2px dashed #555;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg);transition:all .3s ease}.photo-upload-section:hover{border-color:var(--color-deep-brown)}.photo-file-input{display:none}.photo-upload-label{background:var(--color-deep-brown);border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000004d;color:var(--color-cream);cursor:pointer;font-family:var(--font-handwriting);font-size:1.2rem;padding:var(--spacing-md) var(--spacing-xl);transition:all .3s ease}.photo-upload-label:hover{background:#7d5a3f;box-shadow:0 4px 8px #0006;transform:translateY(-2px)}.photo-upload-hint{color:#a68a64;font-size:.9rem}.photo-count,.photo-upload-hint{font-family:var(--font-handwriting);margin:0}.photo-count{color:#d4c5b0;font-size:1.1rem;margin-bottom:var(--spacing-md)}.photo-grid{grid-gap:var(--spacing-md);background:#1a1a1a;border:2px solid #444;border-radius:var(--radius-sm);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-height:500px;overflow-y:auto;padding:var(--spacing-sm)}.photo-grid::-webkit-scrollbar{width:8px}.photo-grid::-webkit-scrollbar-track{background:#0d0d0d;border-radius:var(--radius-sm)}.photo-grid::-webkit-scrollbar-thumb{background:#555;border-radius:var(--radius-sm)}.photo-grid::-webkit-scrollbar-thumb:hover{background:#666}.no-photos{color:#a68a64;font-family:var(--font-handwriting);font-size:1.2rem;grid-column:1/-1;padding:var(--spacing-xl);text-align:center}.photo-item{background:#2d2d2d;border:2px solid #444;border-radius:var(--radius-sm);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.photo-item:hover{border-color:#666;box-shadow:0 4px 12px #0006}.photo-thumbnail{height:150px;object-fit:cover;width:100%}.photo-details{padding:var(--spacing-sm)}.photo-caption-input{background:#0d0d0d;border:1px solid #555;border-radius:var(--radius-sm);color:#f5e6d3;font-family:var(--font-handwriting);font-size:.9rem;outline:none;padding:var(--spacing-xs) var(--spacing-sm);transition:border-color .3s ease;width:100%}.photo-caption-input:focus{border-color:var(--color-deep-brown)}.photo-caption-input::placeholder{color:#666}.photo-date{color:#a68a64;font-family:var(--font-handwriting);font-size:.8rem;margin:var(--spacing-xs) 0 0 0}.delete-photo-button{align-items:center;background:#c62828e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;height:32px;justify-content:center;opacity:0;position:absolute;right:var(--spacing-xs);top:var(--spacing-xs);transition:all .2s ease;width:32px}.photo-item:hover .delete-photo-button{opacity:1}.delete-photo-button:hover:not(:disabled){background:#d32f2f;transform:scale(1.1)}.delete-photo-button:disabled{cursor:not-allowed;opacity:.5}.password-section{background:#1a1a1a;border:2px solid #444;border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.password-section h3{color:var(--color-cream);font-family:var(--font-handwriting);font-size:1.4rem;margin:0 0 var(--spacing-sm) 0}.password-hint{color:#a68a64;font-family:var(--font-handwriting);font-size:.95rem;line-height:1.5;margin:0 0 var(--spacing-md) 0}.password-input-group{align-items:center;display:flex;gap:var(--spacing-md)}.password-input{background:#0d0d0d;border:2px solid #555;border-radius:var(--radius-sm);color:#f5e6d3;flex:1 1;font-family:var(--font-handwriting);font-size:1.1rem;outline:none;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .3s ease}.password-input:focus{border-color:var(--color-deep-brown)}.password-input::placeholder{color:#666}.save-password-button{background:var(--color-deep-brown);border:none;border-radius:var(--radius-sm);color:var(--color-cream);cursor:pointer;font-family:var(--font-handwriting);font-size:1.1rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease;white-space:nowrap}.save-password-button:hover:not(:disabled){background:#7d5a3f;transform:translateY(-2px)}.save-password-button:disabled{cursor:not-allowed;opacity:.5}.account-passwords{border-color:#3a3a3a}.password-instructions{color:#d4c5b0;font-family:var(--font-handwriting);font-size:.95rem;line-height:1.8;margin:0 0 var(--spacing-md) 0;padding-left:var(--spacing-lg)}.password-instructions li{margin-bottom:var(--spacing-sm)}.password-instructions strong{color:var(--color-cream)}.account-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.account-item{align-items:center;background:#2d2d2d;border:1px solid #444;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.account-name{color:var(--color-cream);font-size:1.1rem;font-weight:700}.account-email,.account-name{font-family:var(--font-handwriting)}.account-email{color:#a68a64;font-size:.9rem}.puzzle-count{color:#d4c5b0;font-family:var(--font-handwriting);font-size:1.1rem;margin:0;margin-bottom:var(--spacing-md)}.connections-admin-list{background:#1a1a1a;border:2px solid #444;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--spacing-md);max-height:600px;overflow-y:auto;padding:var(--spacing-sm)}.connections-admin-list::-webkit-scrollbar{width:8px}.connections-admin-list::-webkit-scrollbar-track{background:#0d0d0d;border-radius:var(--radius-sm)}.connections-admin-list::-webkit-scrollbar-thumb{background:#555;border-radius:var(--radius-sm)}.connections-admin-list::-webkit-scrollbar-thumb:hover{background:#666}.connections-puzzle-item{align-items:flex-start;background:#2d2d2d;border:2px solid #444;border-radius:var(--radius-sm);display:flex;gap:var(--spacing-md);justify-content:space-between;padding:var(--spacing-md);transition:all .3s ease}.connections-puzzle-item:hover{border-color:#666;box-shadow:0 4px 12px #0000004d}.puzzle-info{flex:1 1}.puzzle-info .puzzle-title{color:var(--color-cream);font-size:1.3rem}.puzzle-creator,.puzzle-info .puzzle-title{font-family:var(--font-handwriting);margin:0 0 var(--spacing-xs) 0}.puzzle-creator{color:#a68a64;font-size:.95rem}.puzzle-date{color:#888;font-size:.85rem}.puzzle-completion-msg,.puzzle-date{font-family:var(--font-handwriting);margin:0 0 var(--spacing-sm) 0}.puzzle-completion-msg{color:#d4c5b0;font-size:.9rem;font-style:italic}.puzzle-groups-preview{color:#888;font-family:var(--font-handwriting);font-size:.85rem;margin:0 0 var(--spacing-sm) 0}.puzzle-groups-preview strong{color:#a68a64}.group-preview,.puzzle-groups-preview strong{display:block;margin-bottom:var(--spacing-xs)}.group-preview{background:#1a1a1a;border-left:3px solid var(--color-deep-brown);border-radius:var(--radius-xs);color:#d4c5b0;font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.puzzle-progress-info{font-family:var(--font-handwriting);font-size:.85rem;margin-top:var(--spacing-sm)}.puzzle-progress-info strong{color:#a68a64;display:block;margin-bottom:var(--spacing-xs)}.progress-badge{border-radius:10px;display:inline-block;font-size:.75rem;margin-right:var(--spacing-xs);padding:2px 8px}.progress-badge.completed{background:#4caf504d;border:1px solid #4caf5080;color:#81c784}.progress-badge.failed{background:#f443364d;border:1px solid #f4433680;color:#e57373}.progress-badge.in-progress{background:#2196f34d;border:1px solid #2196f380;color:#64b5f6}.puzzle-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.delete-puzzle-button,.reset-puzzle-button{border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-handwriting);font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease;white-space:nowrap}.reset-puzzle-button{background:#2196f3;color:#fff}.reset-puzzle-button:hover:not(:disabled){background:#1976d2;transform:translateY(-2px)}.delete-puzzle-button{background:#c62828;color:#fff}.delete-puzzle-button:hover:not(:disabled){background:#d32f2f;transform:translateY(-2px)}.delete-puzzle-button:disabled,.reset-puzzle-button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.admin-title{font-size:2rem}.admin-subtitle{font-size:1rem}.admin-tabs-container{padding:0 var(--spacing-sm)}.tab-group{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.tab-group-label{margin-bottom:var(--spacing-xs);min-width:auto}.tab-group-buttons{width:100%}.admin-tab{flex:1 1;font-size:.9rem;min-width:0;padding:var(--spacing-xs) var(--spacing-sm)}.admin-content{padding:var(--spacing-md)}.note-item,.notes-actions{flex-direction:column;gap:var(--spacing-sm)}.delete-content-button,.delete-note-button{width:100%}.content-item{flex-direction:column;gap:var(--spacing-sm)}.content-info{margin-right:0}.word-input-section{flex-direction:column}.word-input{width:100%}.word-bucket-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.password-input-group{flex-direction:column}.password-input,.save-password-button{width:100%}.account-item{align-items:flex-start;gap:var(--spacing-xs)}.account-item,.connections-puzzle-item{flex-direction:column}.puzzle-actions{flex-direction:row;width:100%}.delete-puzzle-button,.reset-puzzle-button{flex:1 1}}.pinned-note-item{border-left:4px solid #f0c674}.note-position{color:#888;font-size:.8rem;font-style:italic;margin-top:var(--spacing-xs)}.wordle-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.wordle-count{color:#d4c5b0;font-family:var(--font-handwriting);font-size:1.1rem}.wordle-list{flex-direction:column}.wordle-item,.wordle-list{display:flex;gap:var(--spacing-md)}.wordle-item{align-items:flex-start;background:#2d2d2d;border:2px solid #444;border-left:4px solid #6aaa64;border-radius:var(--radius-sm);justify-content:space-between;padding:var(--spacing-md);transition:all .3s ease}.wordle-item:hover{border-color:#666;box-shadow:0 4px 12px #0000004d}.wordle-info{flex:1 1}.wordle-info .wordle-date{color:#f5e6d3;font-family:var(--font-handwriting);font-size:1.3rem;margin:0 0 var(--spacing-xs) 0}.wordle-word{color:#d4c5b0;font-family:var(--font-primary);font-size:1rem;margin:0 0 var(--spacing-sm) 0}.wordle-word strong{color:#6aaa64;font-family:monospace;letter-spacing:2px}.wordle-progress-details{align-items:center;color:#a68a64;display:flex;flex-wrap:wrap;font-size:.9rem;gap:var(--spacing-xs)}.wordle-progress-details strong{color:#d4c5b0;margin-right:var(--spacing-xs)}.no-progress{color:#666;font-size:.9rem;font-style:italic;margin:0}.wordle-actions-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm)}@media (max-width:768px){.wordle-item{flex-direction:column}.wordle-actions-buttons{flex-direction:row;width:100%}}.users-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.users-count{color:#a68a64;font-family:var(--font-handwriting);font-size:1.1rem;margin:0}.current-user-info{background:#2196f333;border:2px solid #2196f3;border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.current-user-info code{background:#0000004d;border-radius:4px;color:#64b5f6;font-family:Courier New,monospace;font-size:.9rem;padding:4px 8px}.current-user-hint{color:#64b5f6;font-size:.95rem;margin:var(--spacing-sm) 0 0 0}.users-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.user-item{align-items:flex-start;background:#3c3c3c99;border-left:4px solid #888;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-md)}.user-item.has-activity{background:#4caf501a;border-left-color:#4caf50}.user-item.no-activity{background:#ff98001a;border-left-color:#ff9800}.user-item.current-user{background:#2196f326;border:2px solid #2196f380}.user-info{flex:1 1}.user-name{align-items:center;color:#f5e6d3;display:flex;flex-wrap:wrap;font-family:var(--font-handwriting);font-size:1.4rem;gap:var(--spacing-sm);margin:0 0 var(--spacing-sm) 0}.active-badge{background:#4caf50}.active-badge,.inactive-badge{border-radius:12px;color:#fff;font-family:var(--font-secondary);font-size:.75rem;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.inactive-badge{background:#ff9800}.current-badge{background:#2196f3;border-radius:12px;color:#fff;font-family:var(--font-secondary);font-size:.75rem;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.keep-this-warning{color:#2196f3;font-size:.95rem;font-weight:700;margin-top:var(--spacing-sm)}.user-email,.user-role,.user-timezone,.user-uid{color:#b0a090;font-size:.95rem;margin:4px 0}.user-uid code{background:#0000004d;border-radius:4px;color:#d4c5b0;font-family:Courier New,monospace;font-size:.85rem;padding:2px 6px;word-break:break-all}.user-activity{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.user-activity strong{color:#d4c5b0;margin-right:var(--spacing-xs)}.user-activity span{border-radius:8px;font-family:var(--font-secondary);font-size:.85rem;padding:2px 8px}.user-activity span.has{background:#4caf504d;color:#8bc34a}.user-activity span.none{background:#6464644d;color:#888}.delete-user-button{background:#c0392b;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:var(--font-handwriting);font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.delete-user-button:hover:not(:disabled){background:#e74c3c;transform:translateY(-2px)}.delete-user-button:disabled{cursor:not-allowed;opacity:.5}.users-help{background:#2196f31a;border:1px solid #2196f34d;border-radius:var(--radius-sm);margin-top:var(--spacing-xl);padding:var(--spacing-lg)}.users-help h3{color:#64b5f6;font-family:var(--font-handwriting);font-size:1.3rem;margin:0 0 var(--spacing-md) 0}.users-help ol{color:#b0b0b0;font-size:1rem;line-height:1.8;margin:0;padding-left:var(--spacing-lg)}.users-help li{margin-bottom:var(--spacing-xs)}@media (max-width:768px){.user-item{flex-direction:column;gap:var(--spacing-md)}.delete-user-button{width:100%}.user-name{align-items:flex-start;flex-direction:column}}.cursor-type-options{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.cursor-option-btn{align-items:center;background:#2a2a2a;border:2px solid #444;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:140px;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.cursor-option-btn:hover{background:#333;border-color:#666}.cursor-option-btn.active{background:#3d3020;border-color:var(--color-soft-brown);box-shadow:0 0 10px #a68a644d}.cursor-option-btn .cursor-icon{font-size:2rem}.cursor-option-btn .cursor-label{color:#f5e6d3;font-family:var(--font-primary);font-size:1rem;font-weight:500}.cursor-option-btn .cursor-desc{color:#a68a64;font-family:var(--font-handwriting);font-size:.85rem;text-align:center}.config-hint{color:#888;font-family:var(--font-handwriting);font-size:.9rem;font-style:italic;margin-top:var(--spacing-xs)}.admin-tab.intimacy-tab{background:linear-gradient(135deg,#8b4563,#6b3553);border-color:#a05573;color:#ffd4e5}.admin-tab.intimacy-tab:hover{background:linear-gradient(135deg,#9b5573,#7b4563);box-shadow:0 4px 12px #8b456380}.admin-tab.intimacy-tab.active{background:linear-gradient(135deg,#a56683,#8b4563);border-color:#c07593;box-shadow:0 4px 16px #8b456399}.intimacy-admin-section{border-left:4px solid #a05573}.intimacy-unlock-section{align-items:center;background:linear-gradient(180deg,#8b45631a,#321e2833);border:2px dashed #a05573;border-radius:var(--radius-md);display:flex;flex-direction:column;padding:var(--spacing-xl)}.intimacy-password-form{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg);max-width:400px;width:100%}.intimacy-password-input{background:#1a1a1a;border:2px solid #a05573;border-radius:var(--radius-sm);color:#ffd4e5;flex:1 1;font-family:var(--font-handwriting);font-size:1.1rem;outline:none;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.intimacy-password-input:focus{border-color:#c07593;box-shadow:0 0 8px #c075934d}.intimacy-password-input::placeholder{color:#7a5568}.unlock-button{background:linear-gradient(135deg,#a05573,#8b4563);border:none;border-radius:var(--radius-sm);box-shadow:0 2px 4px #0000004d;color:#ffd4e5;cursor:pointer;font-family:var(--font-handwriting);font-size:1.1rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease}.unlock-button:hover:not(:disabled){background:linear-gradient(135deg,#b06583,#9b5573);box-shadow:0 4px 8px #8b456380;transform:translateY(-2px)}.unlock-button:disabled{cursor:not-allowed;opacity:.5}.intimacy-error{color:#ff6b6b;font-family:var(--font-handwriting);font-size:1rem;margin-top:var(--spacing-md)}.intimacy-content-sections{display:flex;flex-direction:column;gap:var(--spacing-lg)}.intimacy-sub-nav{background:#8b45631a;border:1px solid #a05573;border-radius:var(--radius-sm);display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.intimacy-sub-tab{background:#2d2d2d;border:1px solid #555;border-radius:var(--radius-sm);color:#d4c5b0;cursor:pointer;font-family:var(--font-handwriting);font-size:.95rem;padding:var(--spacing-xs) var(--spacing-md);transition:all .2s ease}.intimacy-sub-tab:hover{background:#3d3d3d;border-color:#a05573}.intimacy-sub-tab.active{background:linear-gradient(135deg,#8b4563,#6b3553);border-color:#a05573;color:#ffd4e5}.intimacy-sub-section{background:#1a1a1a;border:2px solid #444;border-radius:var(--radius-sm);padding:var(--spacing-lg)}.intimacy-sub-section h3{border-bottom:2px solid #a05573;color:#ffd4e5;font-family:var(--font-primary);font-size:1.5rem;margin:0 0 var(--spacing-sm) 0;padding-bottom:var(--spacing-sm)}.intimacy-sub-section h4{color:#d4c5b0;font-family:var(--font-handwriting);font-size:1.2rem;margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.sub-section-desc{color:#a68a64;font-family:var(--font-handwriting);font-size:.95rem;margin-bottom:var(--spacing-md)}.intimacy-poem-item{border-left:4px solid #a05573}.whisper-item{border-left:4px solid #96c}.whisper-audio{border-radius:var(--radius-sm);margin-top:var(--spacing-sm);max-width:300px;width:100%}.compliance-actions{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.item-count{color:#a68a64;font-family:var(--font-handwriting);font-size:1rem}.compliance-grid{grid-gap:var(--spacing-md);background:#0d0d0d;border-radius:var(--radius-sm);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:400px;overflow-y:auto;padding:var(--spacing-sm)}.compliance-item{background:#2d2d2d;border:2px solid #444;border-radius:var(--radius-sm);overflow:hidden;position:relative;transition:all .3s ease}.compliance-item:hover{border-color:#a05573;box-shadow:0 4px 12px #8b45634d}.compliance-thumbnail{height:120px;object-fit:cover;width:100%}.compliance-info{padding:var(--spacing-xs)}.compliance-task{color:#d4c5b0;font-family:var(--font-handwriting);font-size:.8rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compliance-date{color:#888;font-size:.7rem;margin:0}.delete-compliance-button{background:#c62828e6;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:.8rem;height:24px;opacity:0;position:absolute;right:4px;top:4px;transition:all .2s ease;width:24px}.compliance-item:hover .delete-compliance-button{opacity:1}.delete-compliance-button:hover{background:#d32f2f;transform:scale(1.1)}.tasks-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.tasks-list{background:#0d0d0d;border-radius:var(--radius-sm);flex-direction:column;gap:var(--spacing-sm);max-height:300px;overflow-y:auto}.task-item,.tasks-list{display:flex;padding:var(--spacing-sm)}.task-item{align-items:flex-start;background:#2d2d2d;border:2px solid #444;border-radius:var(--radius-sm);justify-content:space-between;transition:all .3s ease}.task-item:hover{border-color:#666}.task-item.task-available{border-left:4px solid #4caf50}.task-item.task-accepted{border-left:4px solid #2196f3}.task-item.task-pending_review{border-left:4px solid #ff9800}.task-item.task-completed{border-left:4px solid #9c27b0}.task-item.task-disobeyed,.task-item.task-rejected_review{border-left:4px solid #f44336}.task-item.archived{background:#1a1a1a;opacity:.7}.task-info{flex:1 1}.task-title{color:#f5e6d3;font-family:var(--font-handwriting);font-size:1.1rem}.task-status,.task-title{margin:0 0 var(--spacing-xs) 0}.task-status{color:#a68a64;font-size:.85rem}.task-status strong{text-transform:capitalize}.task-points{color:#4caf50;font-size:.85rem;margin:0}.task-desc{color:#888;font-size:.85rem;font-style:italic}.task-deadline,.task-desc{margin:var(--spacing-xs) 0 0 0}.task-deadline{color:#ff9800;font-size:.8rem}.task-archived{color:#666;font-size:.8rem}.delete-task-button{background:#c62828;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:var(--font-handwriting);font-size:.85rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.delete-task-button:hover:not(:disabled){background:#d32f2f}.archived-tasks{background:#1e1e1ecc}.more-items{color:#888;font-size:.9rem;font-style:italic;padding:var(--spacing-sm);text-align:center}.protocol-input-section{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.protocol-input{background:#0d0d0d;border:2px solid #555;border-radius:var(--radius-sm);color:#f5e6d3;flex:1 1;font-family:var(--font-handwriting);font-size:1rem;min-width:200px;outline:none;padding:var(--spacing-sm) var(--spacing-md)}.protocol-input:focus{border-color:#a05573}.add-protocol-button{background:#a05573;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:var(--font-handwriting);font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.add-protocol-button:hover:not(:disabled){background:#b06583}.add-protocol-button:disabled{cursor:not-allowed;opacity:.5}.protocols-list{flex-direction:column}.protocol-item,.protocols-list{display:flex;gap:var(--spacing-sm)}.protocol-item{align-items:center;background:#2d2d2d;border:1px solid #444;border-left:4px solid #a05573;border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md)}.protocol-number{color:#a05573;font-family:var(--font-primary);font-size:1rem;font-weight:700;min-width:24px}.protocol-text{color:#d4c5b0;flex:1 1;font-family:var(--font-handwriting);font-size:1rem}.delete-protocol-button{background:#c62828cc;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:.8rem;height:24px;transition:all .2s ease;width:24px}.delete-protocol-button:hover{background:#d32f2f;transform:scale(1.1)}.vault-add-section{background:#8b45631a;border:1px solid #a05573;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:var(--spacing-md)}.vault-add-section h4{color:#ffd4e5;margin:0 0 var(--spacing-sm) 0}.vault-type-select{background:#2d2d2d;padding:var(--spacing-xs) var(--spacing-sm)}.vault-title-input,.vault-type-select{border:1px solid #555;border-radius:var(--radius-sm);color:#f5e6d3;font-family:var(--font-handwriting);font-size:1rem;outline:none}.vault-title-input{background:#1a1a1a;padding:var(--spacing-sm) var(--spacing-md)}.vault-title-input:focus{border-color:#a05573}.vault-content-input{background:#1a1a1a;border:1px solid #555;border-radius:var(--radius-sm);color:#f5e6d3;font-family:var(--font-handwriting);font-size:1rem;min-height:80px;outline:none;padding:var(--spacing-sm) var(--spacing-md);resize:vertical}.vault-content-input:focus{border-color:#a05573}.add-vault-button{align-self:flex-start;background:linear-gradient(135deg,#a05573,#8b4563);border:none;border-radius:var(--radius-sm);color:#ffd4e5;cursor:pointer;font-family:var(--font-handwriting);font-size:1rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.add-vault-button:hover:not(:disabled){background:linear-gradient(135deg,#b06583,#9b5573)}.add-vault-button:disabled{cursor:not-allowed;opacity:.5}.vault-actions{align-items:center;display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.reward-storage-list,.vault-list{background:#0d0d0d;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:250px;overflow-y:auto;padding:var(--spacing-sm)}.reward-item,.vault-item{align-items:flex-start;background:#2d2d2d;border:1px solid #444;border-left:4px solid gold;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.reward-item-info,.vault-item-info{flex:1 1}.reward-item-type,.vault-item-type{color:gold;font-size:.75rem;margin-right:var(--spacing-xs);text-transform:uppercase}.reward-item-title,.vault-item-title{color:#f5e6d3;font-family:var(--font-handwriting);font-size:1rem}.vault-item-content{color:#a68a64;font-size:.85rem;margin:var(--spacing-xs) 0 0 0}.reward-unlocked{color:#4caf50;font-size:.8rem;margin:var(--spacing-xs) 0 0 0}.delete-reward-button,.delete-vault-button{background:#c62828;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.85rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.delete-reward-button:hover,.delete-vault-button:hover{background:#d32f2f}.favor-display{align-items:center;background:#8b45631a;border:2px solid #a05573;border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:var(--spacing-lg)}.favor-meter-visual{background:#1a1a1a;border:2px solid #555;border-radius:20px;height:40px;max-width:400px;overflow:hidden;position:relative;width:100%}.favor-fill{background:linear-gradient(90deg,#f44,#fa0 50%,#4f4);border-radius:18px;height:100%;transition:width .5s ease}.favor-value{color:#fff;font-family:var(--font-primary);font-size:1.2rem;font-weight:700;left:50%;position:absolute;text-shadow:0 1px 3px #000c;top:50%;transform:translate(-50%,-50%)}.favor-status{color:#d4c5b0;font-family:var(--font-handwriting);font-size:1rem;margin:0}.favor-edit-section{align-items:center;background:#1a1a1a;border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.favor-slider{-webkit-appearance:none;appearance:none;background:#444;border-radius:4px;height:8px;max-width:300px;outline:none;width:100%}.favor-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#a05573;border-radius:50%;cursor:pointer;height:24px;-webkit-transition:transform .2s ease;transition:transform .2s ease;width:24px}.favor-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.favor-new-value{color:#ffd4e5;font-family:var(--font-primary);font-size:1.5rem;font-weight:700}.favor-edit-buttons,.tributes-actions{display:flex;gap:var(--spacing-md)}.tributes-actions{align-items:center;margin-bottom:var(--spacing-md)}.tributes-grid{grid-gap:var(--spacing-md);background:#0d0d0d;border-radius:var(--radius-sm);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-height:400px;overflow-y:auto;padding:var(--spacing-sm)}.tribute-item{background:#2d2d2d;border:2px solid #444;border-radius:var(--radius-sm);overflow:hidden;position:relative;transition:all .3s ease}.tribute-item:hover{border-color:#a05573;box-shadow:0 4px 12px #8b45634d}.tribute-media{height:150px;object-fit:cover;width:100%}.tribute-audio{padding:var(--spacing-sm);width:100%}.tribute-unknown{align-items:center;color:#888;display:flex;font-style:italic;height:150px;justify-content:center}.tribute-info{padding:var(--spacing-xs) var(--spacing-sm)}.tribute-filename{color:#d4c5b0;font-size:.8rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tribute-by,.tribute-date{color:#888;font-size:.7rem;margin:2px 0 0}.delete-tribute-button{background:#c62828e6;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:.8rem;opacity:0;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;right:4px;top:4px;transition:all .2s ease}.tribute-item:hover .delete-tribute-button{opacity:1}.delete-tribute-button:hover{background:#d32f2f}@media (max-width:768px){.intimacy-password-form,.intimacy-sub-nav{flex-direction:column}.intimacy-sub-tab{text-align:center;width:100%}.compliance-grid,.tributes-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.protocol-input-section{flex-direction:column}.protocol-input{width:100%}.vault-add-section{padding:var(--spacing-sm)}.favor-meter-visual{max-width:100%}}.voice-memos-admin-list{display:flex;flex-direction:column;gap:var(--spacing-md);max-height:500px;overflow-y:auto;padding:var(--spacing-sm)}.voice-memo-admin-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-md);transition:all .2s ease}.voice-memo-admin-item:hover{background:#ffffff14;border-color:#fff3}.memo-details{display:flex;flex-direction:column;gap:4px}.memo-title-admin{color:#f5e6d3;font-family:var(--font-primary);font-size:1.1rem}.memo-info-admin{color:#a68a64;font-family:var(--font-handwriting);font-size:.85rem}.memo-admin-actions{display:flex;gap:var(--spacing-sm)}.memo-action-btn{border:none;border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-handwriting);font-size:.95rem;padding:8px 16px;transition:all .2s ease}.memo-action-btn.play{background:linear-gradient(145deg,#4a8a6a,#3a7a5a);color:#fff}.memo-action-btn.play:hover{background:linear-gradient(145deg,#5a9a7a,#4a8a6a)}.memo-action-btn.play.playing{background:linear-gradient(145deg,#c55,#b44)}.memo-action-btn.delete{background:linear-gradient(145deg,#8a4a4a,#7a3a3a);color:#fff}.memo-action-btn.delete:hover{background:linear-gradient(145deg,#9a5a5a,#8a4a4a)}.memo-action-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:600px){.voice-memo-admin-item{align-items:flex-start;flex-direction:column;gap:var(--spacing-sm)}.memo-admin-actions{justify-content:flex-end;width:100%}}.subsection-title{color:#f5e6d3;font-family:var(--font-primary);font-size:1.4rem;margin:0 0 var(--spacing-sm) 0}.speech-message-input-row{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.speech-message-input-row .text-input{background:#2d2d2d;border:2px solid #555;border-radius:var(--radius-sm);color:#f5e6d3;flex:1 1;font-family:var(--font-handwriting);font-size:1rem;padding:var(--spacing-sm) var(--spacing-md)}.speech-message-input-row .text-input:focus{border-color:var(--color-deep-brown);outline:none}.speech-message-input-row .add-button{background:linear-gradient(145deg,#4a8a6a,#3a7a5a);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:var(--font-handwriting);font-size:1rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.speech-message-input-row .add-button:hover:not(:disabled){background:linear-gradient(145deg,#5a9a7a,#4a8a6a)}.speech-message-input-row .add-button:disabled{cursor:not-allowed;opacity:.5}.speech-messages-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.speech-message-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.speech-message-text{color:#d4c5b0;font-family:var(--font-handwriting);font-size:1rem;font-style:italic}.delete-small-btn{align-items:center;background:#c850504d;border:1px solid #c8505080;border-radius:50%;color:#c55;cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;transition:all .2s ease;width:28px}.delete-small-btn:hover:not(:disabled){background:#c8505080}.delete-small-btn:disabled{cursor:not-allowed;opacity:.5}.active-punishment-warning{background:linear-gradient(135deg,#8b00004d,#50000066);border:2px solid #ff646480;border-radius:10px;color:#f88;font-size:.95rem;line-height:1.5;margin-bottom:20px;padding:15px}.active-punishment-warning strong{color:#ff6b6b}.active-punishment-warning small{color:#ff8888b3}.favor-slider-row{align-items:center;display:flex;gap:15px;width:100%}.favor-slider.negative{accent-color:#f44}.favor-number-input{background:#0000004d;border:2px solid #fff3;border-radius:6px;color:inherit;font-size:1rem;padding:8px 10px;text-align:center;width:70px}.favor-number-input:focus{border-color:#fff6;outline:none}.favor-new-value.punishment-trigger{animation:pulse-red 1s ease-in-out infinite;color:#f44;font-weight:700}@keyframes pulse-red{0%,to{opacity:1}50%{opacity:.6}}.punishment-warning{background:#ffaa4426;border:1px solid #ffaa444d;border-radius:6px;color:#fa4;font-size:.85rem;margin:10px 0;padding:8px 12px}.favor-meter-visual.negative{border-color:#ff444480;box-shadow:0 0 15px #ff44444d}.favor-fill.negative{background:linear-gradient(90deg,#f44,#c00)}.favor-value.negative{color:#f44;text-shadow:0 0 10px #ff444480}.favor-status.negative{color:#f66;font-weight:700}.date-ideas-page{align-items:flex-start;background:linear-gradient(135deg,#fef9e7,#fff8e1 25%,#fffde7 50%,#fff9e7 75%,#fef5d4);display:flex;justify-content:flex-end;min-height:100vh;overflow-x:hidden;position:relative;width:100%}.date-ideas-page .gazebo-bg{background-position:50%;background-repeat:no-repeat;background-size:contain;z-index:1}.date-ideas-page .gazebo-bg,.gazebo-tape-corners{animation:gazeboFadeIn 3s ease-out forwards;height:100%;left:5%;opacity:0;pointer-events:none;position:fixed;top:0;width:40%}.gazebo-tape-corners{z-index:2}.tape{background:linear-gradient(135deg,#ffebb4d9,#ffe196bf 50%,#ffebb4d9);border-radius:2px;box-shadow:0 1px 3px #0000001a,inset 0 0 10px #ffffff4d;height:25px;position:absolute;width:60px}.tape:before{background:repeating-linear-gradient(90deg,#0000,#0000 3px,#c8b4781a 0,#c8b4781a 6px);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.tape.top-left{left:-3%;top:31%;transform:rotate(-35deg)}.tape.top-right{right:-3%;top:31%;transform:rotate(35deg)}.tape.bottom-left{bottom:31%;left:-3%;transform:rotate(35deg)}.tape.bottom-right{bottom:31%;right:-3%;transform:rotate(-35deg)}@keyframes gazeboFadeIn{0%{opacity:0}to{opacity:1}}.date-ideas-page:before{background-image:radial-gradient(circle at 20% 30%,#ffe06626 0,#0000 40%),radial-gradient(circle at 80% 70%,#ffb74d1a 0,#0000 35%),radial-gradient(circle at 50% 50%,#fff59d1a 0,#0000 50%)}.date-ideas-page:after,.date-ideas-page:before{bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.date-ideas-page:after{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#c9a86c05 0,#c9a86c05 4px)}.date-ideas-bg{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:1}.sparkle-field{height:100%;position:absolute;width:100%}.bg-sparkle{animation:sparkleFloat 3s ease-in-out infinite;background:radial-gradient(circle,#ffd54f 0,#0000 70%);border-radius:50%;height:8px;position:absolute;width:8px}.bg-sparkle:before{transform:translate(-50%,-50%)}.bg-sparkle:after,.bg-sparkle:before{background:linear-gradient(180deg,#0000,#ffd54f,#0000);content:"";height:12px;left:50%;position:absolute;top:50%;width:2px}.bg-sparkle:after{transform:translate(-50%,-50%) rotate(90deg)}@keyframes sparkleFloat{0%,to{opacity:.3;transform:scale(.8) translateY(0)}50%{opacity:1;transform:scale(1.2) translateY(-5px)}}.flower-decoration{background:radial-gradient(circle at 50% 50%,#ffe066 30%,#0000 0),radial-gradient(circle at 50% 20%,#ffe066 25%,#0000 0),radial-gradient(circle at 80% 35%,#ffe066 25%,#0000 0),radial-gradient(circle at 80% 65%,#ffe066 25%,#0000 0),radial-gradient(circle at 50% 80%,#ffe066 25%,#0000 0),radial-gradient(circle at 20% 65%,#ffe066 25%,#0000 0),radial-gradient(circle at 20% 35%,#ffe066 25%,#0000 0),radial-gradient(circle at 50% 50%,#ffb347 18%,#0000 0);filter:blur(1px);height:120px;opacity:.4;position:absolute;width:120px}.flower-top-left{left:-30px;top:-30px;transform:rotate(-15deg)}.flower-top-right{right:-30px;top:-20px;transform:rotate(25deg)}.flower-bottom-left{bottom:-20px;left:-20px;transform:rotate(10deg)}.flower-bottom-right{bottom:-30px;right:-20px;transform:rotate(-20deg)}.back-button{align-items:center;background:linear-gradient(145deg,#fff9e7,#fef5d4);border:2px solid #e8d4a0;border-radius:20px;box-shadow:0 3px 10px #0000001a;color:#8b6914;cursor:pointer;display:flex;font-family:var(--font-handwriting);font-size:1.1rem;gap:8px;left:20px;padding:10px 18px;position:fixed;top:20px;transition:all .3s ease;z-index:100}.back-button:hover{background:linear-gradient(145deg,#fef5d4,#fef0c3);box-shadow:0 5px 15px #00000026}.back-button svg{color:#c9a86c}.date-ideas-container{box-sizing:border-box;margin-right:5%;max-width:550px;padding:80px 40px 40px 20px;position:relative;z-index:10}.date-ideas-container,.date-ideas-header{align-items:center;display:flex;flex-direction:column;width:100%}.date-ideas-header{margin-bottom:30px}.date-ideas-title{color:#8b6914;font-family:var(--font-handwriting);font-size:3rem;margin:0 0 8px;text-align:center;text-shadow:2px 2px 4px #ffe06680}.date-ideas-subtitle{color:#a68a64;font-family:var(--font-primary);font-size:1rem;font-style:italic;margin:0;text-align:center}.ideas-list-container{display:flex;flex-direction:column;gap:15px;margin-bottom:30px;width:100%}.idea-card{align-items:flex-start;background:linear-gradient(145deg,#fffef8,#fef9e7);border:2px solid #e8d4a0;border-radius:16px;box-shadow:0 4px 12px #00000014,inset 0 1px 2px #fffc;display:flex;gap:15px;padding:18px 20px;transition:all .3s ease;width:100%}.idea-card:hover{box-shadow:0 6px 20px #0000001f,inset 0 1px 2px #fffc;transform:translateY(-2px)}.idea-card.completed{background:linear-gradient(145deg,#f5f5f0,#ede8dc);border-color:#d4c4a8}.idea-card.completed .idea-text{color:#a0927a;text-decoration:line-through}.idea-checkbox{background:none;border:none;cursor:pointer;flex-shrink:0;padding:0;transition:transform .2s ease}.idea-checkbox:hover{transform:scale(1.1)}.idea-content{flex:1 1;min-width:0}.idea-text{word-wrap:break-word;color:#5a4a2a;font-family:var(--font-handwriting);font-size:1.4rem;line-height:1.3;margin:0 0 5px}.idea-description{word-wrap:break-word;border-left:2px solid #e8d4a0;color:#6b5a3a;font-family:var(--font-primary);font-size:.95rem;line-height:1.5;margin:8px 0;padding-left:10px}.idea-card.completed .idea-description{color:#a0927a;opacity:.8}.idea-author{color:#a68a64;font-family:var(--font-primary);font-size:.85rem;font-style:italic}.idea-delete{background:none;border:none;color:#ccc;cursor:pointer;flex-shrink:0;opacity:0;padding:5px;transition:all .2s ease}.idea-card:hover .idea-delete{opacity:1}.idea-delete:hover{color:#e57373;transform:scale(1.1)}.empty-state{color:#a68a64;padding:50px 20px;text-align:center;width:100%}.empty-flower{animation:flowerSway 3s ease-in-out infinite;margin-bottom:20px}.empty-state p{font-family:var(--font-handwriting);font-size:1.5rem;margin:0}.empty-hint{font-family:var(--font-primary);font-size:1rem!important;font-style:italic;margin-top:10px!important;opacity:.7}.add-idea-section{margin-top:20px;width:100%}.add-idea-btn{align-items:center;background:linear-gradient(145deg,#fff9e7,#fef5d4);border:2px dashed #e8d4a0;border-radius:16px;color:#8b6914;cursor:pointer;display:flex;font-family:var(--font-handwriting);font-size:1.3rem;gap:12px;justify-content:center;padding:18px 24px;transition:all .3s ease;width:100%}.add-idea-btn:hover{background:linear-gradient(145deg,#fef5d4,#fef0c3);border-style:solid;box-shadow:0 4px 15px #ffe0664d}.add-idea-form{background:linear-gradient(145deg,#fffef8,#fef9e7);border:2px solid #e8d4a0;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:20px;width:100%}.idea-title-input{background:#fffef8;border:1px solid #e8d4a0;border-radius:12px;box-sizing:border-box;color:#5a4a2a;font-family:var(--font-handwriting);font-size:1.4rem;margin-bottom:12px;outline:none;padding:15px;transition:border-color .3s ease;width:100%}.idea-title-input:focus{border-color:#c9a86c;box-shadow:0 0 0 3px #c9a86c33}.idea-title-input::placeholder{color:#c9a86c;opacity:.7}.idea-input{background:#fffef8;border:1px solid #e8d4a0;border-radius:12px;box-sizing:border-box;color:#5a4a2a;font-family:var(--font-primary);font-size:1rem;outline:none;padding:15px;resize:none;transition:border-color .3s ease;width:100%}.idea-input:focus{border-color:#c9a86c;box-shadow:0 0 0 3px #c9a86c33}.idea-input::placeholder{color:#c9a86c;opacity:.7}.form-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:15px}.cancel-btn,.submit-btn{border-radius:12px;cursor:pointer;font-family:var(--font-handwriting);font-size:1.1rem;padding:10px 24px;transition:all .3s ease}.cancel-btn{background:#0000;border:2px solid #d4c4a8;color:#a68a64}.cancel-btn:hover{background:#d4c4a833}.submit-btn{background:linear-gradient(145deg,#ffe066,#ffd54f);border:2px solid #e8c84a;box-shadow:0 3px 8px #ffd54f66;color:#6b5a14}.submit-btn:hover:not(:disabled){background:linear-gradient(145deg,#ffd54f,#ffca28);box-shadow:0 5px 15px #ffd54f80}.submit-btn:disabled{cursor:not-allowed;opacity:.5}@media (max-width:600px){.date-ideas-container{padding:70px 15px 30px}.date-ideas-title{font-size:2.5rem}.header-flower svg{height:35px;width:35px}.idea-text{font-size:1.2rem}.back-button{font-size:1rem;padding:8px 14px}}.App{height:100%;width:100%}.loading-screen{align-items:center;background:linear-gradient(135deg,var(--color-watercolor-peach) 0,var(--color-watercolor-lavender) 100%);display:flex;height:100vh;justify-content:center;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:4px solid var(--color-warm-beige);border-radius:50%;border-top-color:var(--color-deep-brown);height:60px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.3a0f7b23.css.map*/