@import"https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";html,body{min-height:100%;margin:0;padding:0;overflow-x:hidden;-webkit-overflow-scrolling:touch}#root{min-height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000000d}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.wall-background{background-color:#ede7dd;background-image:radial-gradient(ellipse at 50% 20%,#ffffff80,#dcd4c6bf),radial-gradient(#cfc3b0 1.2px,transparent 1.2px);background-size:100% 100%,18px 18px}.global-wall-header{background:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(226,232,240,.9);box-shadow:0 1px 3px #0000000a,0 4px 12px -2px #0000000d;overflow:visible!important}.global-wall-header h1{line-height:1.35!important;padding-top:4px!important;padding-bottom:4px!important;overflow:visible!important}.board-glass-header{background:#ffffffe0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 10px -2px #0000000d,0 12px 24px -4px #00000012,inset 0 1px 1px #ffffffe6}.sticky-note{position:relative;border-radius:6px;transition:all .25s cubic-bezier(.2,.8,.25,1);transform-origin:50% 10%;box-shadow:0 2px 4px #0000000f,0 8px 16px -2px #00000017,0 16px 24px -4px #00000012,inset 0 1px 1px #fff6}.sticky-note:before{content:"";position:absolute;top:0;left:0;right:0;height:16px;background:linear-gradient(180deg,#fff6,#00000005);border-bottom:1px dashed rgba(0,0,0,.07);border-top-left-radius:inherit;border-top-right-radius:inherit;pointer-events:none;z-index:1}.sticky-note:hover{transform:scale(1.05) rotate(0) translateY(-6px)!important;z-index:25!important;box-shadow:0 12px 24px -4px #00000029,0 20px 32px -4px #0000001f,inset 0 1px 1px #ffffff80}.sticky-note.active-card{box-shadow:0 0 0 3px #0284c7,0 10px 25px #0284c759,0 20px 36px -4px #0003!important;transform:scale(1.07) rotate(0) translateY(-4px)!important;z-index:20!important}@keyframes popInSticky{0%{opacity:0;transform:scale(.3) rotate(-20deg) translateY(-50px)}70%{transform:scale(1.1) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}.animate-pop-in{animation:popInSticky .6s cubic-bezier(.34,1.56,.64,1) forwards}.note-yellow{background:linear-gradient(175deg,#fffbeb,#fef08a 25%,#fde047);color:#713f12}.note-pink{background:linear-gradient(175deg,#fdf2f8,#fbcfe8 25%,#f472b6);color:#831843}.note-orange{background:linear-gradient(175deg,#fff7ed,#fed7aa 25%,#fb923c);color:#7c2d12}.note-green{background:linear-gradient(175deg,#f0fdf4,#bbf7d0 25%,#4ade80);color:#14532d}.note-blue{background:linear-gradient(175deg,#f0f9ff,#bae6fd 25%,#38bdf8);color:#0c4a6e}.note-purple{background:linear-gradient(175deg,#faf5ff,#e9d5ff 25%,#c084fc);color:#581c87}.polaroid-card{box-shadow:0 20px 40px #0000004d,0 5px 15px #0003;perspective:1000px;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform,opacity}@keyframes paperTurnOut{0%{transform:rotate(0) translate(0) scale(1);opacity:1;transform-origin:bottom left}to{transform:rotate(-18deg) translate(-110%,-20px) scale(.92);opacity:0;transform-origin:bottom left}}@keyframes paperTurnIn{0%{transform:rotate(12deg) translate(60px,-15px) scale(.95);opacity:0;transform-origin:bottom right}to{transform:rotate(0) translate(0) scale(1);opacity:1;transform-origin:bottom right}}.animate-paper-out{animation:paperTurnOut .32s cubic-bezier(.4,0,.2,1) forwards}.animate-paper-in{animation:paperTurnIn .38s cubic-bezier(.34,1.56,.64,1) forwards}.slide-progress-bar{transition:width .1s linear}.fullscreen-mode .hide-on-fullscreen,:fullscreen .hide-on-fullscreen,:-webkit-full-screen .hide-on-fullscreen,:-moz-full-screen .hide-on-fullscreen{display:none!important}.fullscreen-mode #feedWallPanel,:fullscreen #feedWallPanel,:-webkit-full-screen #feedWallPanel{justify-content:center}.wall-container-tv{display:flex;width:100%;height:100%;overflow:hidden;position:relative}@media (orientation: landscape){.wall-container-tv{flex-direction:row}.wall-main-canvas{flex:1;height:100%;order:1;min-width:0}.wall-spotlight-panel{width:clamp(300px,33vw,1400px);height:100%;order:2;border-left:1px solid rgb(30,41,59);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.wall-spotlight-panel .polaroid-card{max-height:100%;display:flex;flex-direction:column;justify-content:space-between}}@media (orientation: portrait){.wall-container-tv{flex-direction:column!important}.wall-spotlight-panel{width:100%!important;height:auto!important;max-height:clamp(260px,36vh,360px)!important;flex-shrink:0!important;order:1!important;border-bottom:2px solid rgb(30,41,59);border-left:none!important;padding:clamp(.5rem,1.4vmin,2.5rem)!important;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden}@media (min-width: 768px){.wall-spotlight-panel{max-height:clamp(320px,28vh,1200px)!important}}.wall-main-canvas{width:100%!important;height:auto!important;flex:1 1 auto!important;min-height:0!important;order:2!important;padding:clamp(.6rem,1.6vmin,2rem)!important;overflow-y:auto!important}.wall-spotlight-panel .polaroid-card{padding:clamp(.5rem,1.4vmin,2.2rem)!important;max-height:100%!important;min-height:0!important}}@media (orientation: landscape) and (max-height: 500px){.wall-spotlight-panel{width:clamp(260px,38vw,360px)!important;padding:.5rem!important}.wall-spotlight-panel .polaroid-card{padding:.5rem!important}.wall-spotlight-panel .polaroid-card .aspect-square{max-height:110px!important}.wall-spotlight-panel .polaroid-card p{font-size:.72rem!important;line-height:1.25!important;margin:.25rem 0!important}.board-glass-header,.global-wall-header{padding:.35rem .65rem!important}}@media (min-height: 850px){.polaroid-card p{font-size:clamp(.95rem,1.6vmin,1.5rem);line-height:1.38}.sticky-note p{font-size:clamp(.78rem,1.4vmin,1.15rem);line-height:1.32}}@media (min-width: 2500px),(min-height: 2500px){.polaroid-card p{font-size:clamp(1.4rem,1.9vmin,2.6rem)!important;line-height:1.4!important}.polaroid-card .font-handwriting{font-size:clamp(2.8rem,3.4vmin,4.6rem)!important;line-height:1.25!important;padding-top:4px!important;padding-bottom:4px!important}.sticky-note p{font-size:clamp(1rem,1.5vmin,1.6rem)!important;line-height:1.35!important}.sticky-note .font-handwriting,.sticky-note .signature-name{font-size:clamp(1.8rem,2.3vmin,3.2rem)!important;line-height:1.25!important;padding-top:3px!important;padding-bottom:3px!important}.sticky-note .sticky-company{font-size:clamp(.95rem,1.25vmin,1.45rem)!important;line-height:1.3!important;letter-spacing:.06em!important;font-weight:800!important;margin-top:4px!important}.sticky-note .sticky-avatar{width:clamp(2.75rem,3.2vmin,4.2rem)!important;height:clamp(2.75rem,3.2vmin,4.2rem)!important}.board-glass-header h1,.global-wall-header h1{font-size:clamp(3rem,3.6vmin,5rem)!important}.global-wall-header .header-logo{height:clamp(2.6rem,3.2vmin,4.5rem)!important}}
