@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}}.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:900px;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}.photo-indicators{display:flex;gap:6px;justify-content:center;margin-top:var(--spacing-sm)}.photo-indicator{background-color:var(--color-soft-brown);border-radius:50%;height:8px;opacity:.4;transition:all .3s ease;width:8px}.photo-indicator.active{background-color:var(--color-deep-brown);opacity:1;transform:scale(1.2)}@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:10}.sticky-note.dragging,.sticky-note:active{box-shadow:0 10px 20px #0003,0 3px 6px #00000026;cursor:grabbing;z-index:100}.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(0 4px 6px rgba(0,0,0,.3));position:relative;transition:filter .3s ease;width:270px}.puzzle-graphic:hover{filter:drop-shadow(0 6px 12px rgba(0,0,0,.4))}.puzzle-svg{height:auto;width:100%}.puzzle-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}@keyframes crossword-pulse{0%,to{opacity:.6}50%{opacity:1}}.puzzle-graphic:hover .crossword-letters{animation:crossword-pulse 2s ease-in-out infinite}@media (max-width:768px){.puzzle-graphic{width:240px}}.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{grid-column:1/4;grid-row:1/3}.puzzle-container,.quill-container{align-items:flex-start;padding-top:0}.puzzle-container{display:flex;grid-column:9/13;grid-row:2/6;justify-content:flex-end;padding-right:0}.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:4/7;grid-row:2/5}}.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:5}.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}}.home-page{min-height:200vh;overflow-x:hidden;position:relative;width:100%}.home-page.loading{filter:blur(8px);opacity:0}.home-page.loaded,.home-page.loading{transition:filter 2.5s ease-out,opacity 2.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:2}.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:25px}.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}@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}}.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.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}.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}}.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);cursor:pointer;display:flex;font-family:var(--font-handwriting);font-size:1.2rem;gap:var(--spacing-sm);padding:10px 24px;transition:all .3s ease}.filter-btn:hover{background:#f4efe7e6;box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.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)}.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}.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)}.poem-title{font-weight:700}.back-flower{opacity:.8}.back-flower:hover{opacity:1}.no-poems-message{color:#8b6f47;font-family:Nanum Pen Script,cursive;font-size:1.5rem;grid-column:1/-1;padding:60px 20px;text-align:center}.no-poems-message p{margin:15px 0}@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}}.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}.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}.back-button,.menu-description{font-family:var(--font-handwriting);font-size:1rem}.back-button{background:none;border:none;color:var(--color-deep-brown);cursor:pointer;margin-bottom:var(--spacing-md);padding:var(--spacing-xs);transition:all .2s ease}.back-button:hover{color:var(--color-text-primary);transform:translateX(-4px)}.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;border:none;border-bottom:2px solid var(--color-soft-brown);color:var(--color-text-primary);font-size:1.2rem;outline:none;padding:var(--spacing-sm);transition:border-color .3s ease}.title-input:focus{border-bottom-color:var(--color-deep-brown)}.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;justify-content:center;left:0;overflow:hidden;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{-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;left:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);position:absolute;top:var(--spacing-lg);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:90vh;max-width:650px;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}.immediate-option{margin:12px 0;text-align:center}.immediate-btn{background:linear-gradient(135deg,gold,orange);border:2px solid #daa520;border-radius:var(--radius-md);color:#8b4513;cursor:pointer;font-family:var(--font-handwriting);font-size:1.2rem;font-weight:700;padding:12px 20px;transition:all .3s ease;width:100%}.immediate-btn:hover{box-shadow:0 6px 16px #ffd70066;transform:translateY(-2px)}.immediate-btn.selected{background:linear-gradient(135deg,orange,#ff8c00);border-color:#ff8c00;box-shadow:0 4px 12px #ff8c0080}.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:#0000;background-attachment:local;background-image:repeating-linear-gradient(#0000,#0000 31px,var(--color-soft-brown) 31px,var(--color-soft-brown) 32px);border:none;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}.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{left:0;position:absolute;top:0}.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{display:flex;flex-direction:column;gap:var(--spacing-md);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;padding:var(--spacing-lg);text-align:center}.group-difficulty-label{color:#ffffffe6;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:#fff;font-size:1.4rem;margin:0 0 var(--spacing-sm) 0;text-shadow:0 2px 6px #0003}.solved-group h4,.solved-group p{font-family:var(--font-handwriting)}.solved-group p{color:#fffffff2;font-size:1.1rem;margin:0;text-shadow:0 1px 3px #00000026}.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);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(4,1fr);margin-bottom: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{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#dcd2e659;border:2px solid #a08cb440;border-radius:18px;box-shadow:0 3px 10px #8c6e9614;color:#9a8aaa;font-family:var(--font-handwriting);font-size:1.1rem;font-weight:600;padding:var(--spacing-sm) var(--spacing-lg)}.back-btn:hover{background:#e6dcf080;border-color:#a08cb466;box-shadow:0 5px 15px #8c6e9626;color:#7a6a8a;transform:translateY(-2px)}.back-btn:active{box-shadow:0 2px 8px #8c6e961f;transform:translateY(0)}.back-to-menu-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f0b4d24d;border:2px solid #8b3a624d;border-radius:15px;color:#8b3a62;cursor:pointer;font-family:var(--font-handwriting);font-size:1.1rem;margin-bottom:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease}.back-to-menu-btn:hover{background:#f0b4d280;border-color:#8b3a6280;box-shadow:0 4px 12px #8b3a6226;transform:translateY(-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-sm) 0;text-align:center}.group-form{background:#fff9;border:2px solid #8b3a6226;border-radius:18px;padding:var(--spacing-lg);transition:all .3s ease}.group-form:hover{border-color:#8b3a624d;box-shadow:0 4px 12px #8b3a621a}.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-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}.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}}.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-password-input,.intimacy-title{color:#f4c2c2;font-family:Playfair Display,serif;text-align:center}.intimacy-password-input{background-color:initial;border:none;border-bottom:2px solid #8b454599;font-size:1.3rem;max-width:400px;padding:18px;transition:all .5s ease;width:100%}.intimacy-password-input::placeholder{color:#d4a5a580;opacity:.5}.intimacy-password-input:focus{border-bottom-color:#b85a5a;box-shadow:0 2px 10px #b85a5a4d;outline:none}.intimacy-error{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(135deg,#8b451326,#a0522d33);border-left:4px solid #8b454599;border-radius:8px;box-shadow:0 2px 8px #0000004d,inset 0 1px 0 #ffffff1a;color:#f4c2c2;font-family:Nanum Pen Script,cursive;font-size:1rem;font-style:italic;line-height:1.6;margin-left:auto;margin-right:auto;margin-top:30px;max-width:400px;padding:18px 24px;text-align:center}.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}.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{margin-top:-80px;position:relative;z-index:10}.freaky-header .intimacy-mode-title{margin-bottom:15px}.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{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border:2px solid #8b454580;border-radius:12px;display:flex;gap:20px;justify-content:space-between;padding:25px;transition:all .6s ease}.protocol-item.accepted{background:#14281466;border-color:#5a8b5a99}.protocol-text{color:#f4c2c2;flex:1 1;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{flex:1 1}.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{display:flex;gap:15px;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;cursor:pointer;font-family:Playfair Display,serif;font-size:1.1rem;font-weight:600;letter-spacing:1.5px;margin-bottom:10px;padding:16px;text-transform:uppercase;transition:all .5s ease;width:100%}.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}.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}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.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:#78b478b3;box-shadow:0 5px 20px #a064644d}.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;font-weight:700;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;display:flex;gap:15px}.whisper-controls audio{border-radius:8px;flex:1 1}.delete-whisper-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-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{align-items:center;border-bottom:1px solid #b48c464d;display:flex;justify-content:space-between;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;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.tribute-card{background:#28191e99;border:1px solid #b48c464d;border-radius:15px;overflow:hidden;transition:all .3s ease}.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;width:100%}.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;font-size:1.1rem;line-height:1.8;max-height:70vh;max-width:700px;overflow-y:auto;padding:30px 40px;white-space:pre-wrap}.expanded-media{border-radius:10px;box-shadow:0 10px 50px #000c;max-height:75vh;max-width:85vw}.expanded-audio{max-width:90vw;width:400px}.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{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);z-index:1}.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:1.2rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .3s ease}.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{flex-direction:column;max-width:300px;width:100%}.admin-tab{width:100%}.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}}.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.214121b1.css.map*/