:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark}body{margin:0;min-height:100vh}:root{--font-ui: "Inter", system-ui, sans-serif;--font-hand: "Homemade Apple", cursive;--font-note: "Nanum Pen Script", cursive;--font-quote: "Playfair Display", serif;--ease: cubic-bezier(.22, 1, .36, 1);--paper-1: #fbf8f5;--paper-2: #f5f0ea;--page-base: linear-gradient(160deg, #fbf8f5 0%, #f3ece4 60%, #f6efe7 100%);--ink: #3f372f;--ink-soft: rgba(63, 55, 47, .55);--accent: #c0455b;--accent-strong: #9e3850;--sheen: linear-gradient( 120deg, rgba(255, 224, 236, .7), rgba(228, 226, 255, .5) 45%, rgba(214, 244, 235, .55) );--blob-1: rgba(255, 214, 228, .26);--blob-2: rgba(220, 224, 255, .2);--blob-3: rgba(214, 240, 230, .2);--glass-bg: rgba(255, 253, 250, .55);--glass-border: rgba(255, 255, 255, .65);--canvas-bg: rgba(255, 253, 250, .62);--shadow-soft: 0 6px 18px rgba(75, 60, 50, .1);--shadow-pop: 0 12px 26px rgba(75, 60, 50, .14);--shadow-card: 0 18px 44px rgba(75, 60, 50, .16);--tape-0: rgba(192, 69, 91, .26);--tape-1: rgba(150, 140, 190, .22);--tape-2: rgba(120, 160, 148, .22);--tape-3: rgba(206, 176, 138, .3);--tape-4: rgba(182, 174, 166, .3);--sticky-0: #fff3c0;--sticky-1: #ffdce8;--sticky-2: #dcf3e6;--sticky-3: #e6e0fb;--sticky-4: #ffe4cf;--sticky-ivory: #f7f2e7;--sticky-blue: #dbe8f5}*{box-sizing:border-box}body{margin:0;font-family:var(--font-ui)}.app{position:relative;display:flex;flex-direction:column;width:100vw;height:100vh;overflow:hidden;background:var(--page-base);color:var(--ink)}.app--tall-canvas{height:auto;min-height:100vh;overflow:visible}.app--tall-canvas .sticky-head{position:sticky;top:0;z-index:5;background:var(--page-base)}.app--tall-canvas .canvas{flex:none;width:calc(100% - 2rem);min-height:1800px}.app:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(60% 50% at 14% 12%,var(--blob-1),transparent 70%),radial-gradient(55% 46% at 86% 18%,var(--blob-2),transparent 70%),radial-gradient(60% 55% at 78% 90%,var(--blob-3),transparent 72%)}.app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.glow-header,.toolbar,.canvas{position:relative;z-index:2}.glow-header{position:relative;display:flex;align-items:center;justify-content:center;padding:1.4rem 1.75rem .5rem}.auth-link,.auth-status{position:absolute;right:1.75rem;top:50%;transform:translateY(-50%);font-size:.8rem}.auth-link{color:var(--ink-soft, #7a7a7a);text-decoration:none;border:1px solid currentColor;border-radius:999px;padding:.35rem .9rem;opacity:.75;transition:opacity .15s ease}.auth-link:hover{opacity:1}.auth-link--signin{color:var(--accent, #c96b8a)}.auth-status{display:flex;align-items:center;gap:.5rem}.auth-status .auth-link{position:static;transform:none;font-size:.72rem;padding:.25rem .7rem}.auth-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.auth-name{color:var(--ink-soft, #7a7a7a);font-size:.82rem}.logo{margin:0;font-family:var(--font-hand);font-size:2.35rem;font-weight:400;line-height:1;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.7),0 0 22px rgba(255,235,240,.5)}.logo-cap{font-family:var(--font-hand);font-weight:400;color:var(--accent-strong);-webkit-text-stroke:.6px currentColor;text-shadow:none}.logo-script{font-family:var(--font-hand)}.paywall{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--page-base);padding:1.5rem}.paywall-card{max-width:420px;text-align:center;background:var(--paper-1);border-radius:20px;padding:2.75rem 2.25rem;box-shadow:var(--shadow-card)}.paywall-copy{margin:1rem 0 1.75rem;color:var(--ink-soft);font-family:var(--font-ui);font-size:.95rem;line-height:1.5}.paywall-cta{display:inline-block;background:var(--accent-strong);color:#fff;font-family:var(--font-ui);font-weight:600;text-decoration:none;border-radius:999px;padding:.85rem 2rem;box-shadow:var(--shadow-pop);transition:transform .15s var(--ease),box-shadow .15s var(--ease)}.paywall-cta:hover{transform:translateY(-1px);box-shadow:var(--shadow-card)}.toolbar{align-self:center;display:flex;width:fit-content;margin:.3rem 1.75rem .7rem auto;padding:.3rem;border-radius:999px;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(20px) saturate(1.15);-webkit-backdrop-filter:blur(20px) saturate(1.15);box-shadow:var(--shadow-card),inset 0 1px #fff9}.toolbar-actions{display:flex;flex-wrap:wrap;gap:.4rem}.tb-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .7rem;font-family:var(--font-ui);font-size:.74rem;font-weight:600;color:var(--ink);background:#ffffff73;border:1px solid rgba(120,95,80,.14);border-radius:999px;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 3px 8px #4b3c3221,inset 0 1px #fffc;transition:transform .25s var(--ease),background .25s var(--ease),box-shadow .25s var(--ease),color .25s var(--ease)}.tb-btn--icon-only{padding:.36rem;color:var(--accent-strong)}.tb-btn:hover{transform:translateY(-2px);background:#ffffffd9;color:var(--accent-strong);box-shadow:var(--shadow-pop),inset 0 1px #ffffffe6}.tb-btn:active{transform:translateY(0) scale(.97)}.tb-btn--save{color:#fff;background-color:var(--accent);background-image:none;border-color:transparent;box-shadow:var(--shadow-pop)}.tb-btn--save:hover{color:#fff;transform:translateY(-2px);background-image:var(--sheen);box-shadow:var(--shadow-card)}.tb-btn--save.saved{background-color:#4c9e7f;background-image:none}.tb-btn--save.error{background-color:#cf8a3d;background-image:none}.tb-btn--download{color:var(--accent-strong);background-color:var(--sticky-1);background-image:linear-gradient(135deg,var(--sticky-1) 0%,var(--sticky-3) 100%);border-color:#9e385029}.tb-btn--download:hover{color:var(--accent-strong);transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-card)}.tb-btn--download.working{opacity:.7;cursor:wait}.tb-btn--download.done{background-image:none;background-color:var(--sticky-2);color:#2f6b4f}.tb-btn--download.error{background-image:none;background-color:#cf8a3d;color:#fff}.tb-btn--error{color:#fff;background-color:#cf8a3d;border-color:transparent}.tb-btn--busy{opacity:.55;cursor:wait;animation:pulse-busy .9s ease-in-out infinite}@keyframes pulse-busy{0%,to{opacity:.4}50%{opacity:.85}}.canvas{flex:1 1 auto;margin:0 1rem 1rem;border-radius:28px;overflow:hidden;background:var(--canvas-bg);border:1px solid var(--glass-border);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);box-shadow:inset 0 1px #ffffffb3,var(--shadow-card)}.canvas:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E")}.canvas-decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.decor{position:absolute;fill:#fffdf9;opacity:.6;filter:drop-shadow(0 0 5px rgba(255,228,236,.85)) drop-shadow(0 0 10px rgba(228,226,255,.5));animation:float 16s ease-in-out infinite,twinkle 9s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(3deg)}}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:.6}}.canvas-empty{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:.4rem;max-width:460px;text-align:center;pointer-events:none}.canvas-empty__polaroid{width:64px;height:74px;margin-bottom:.3rem;color:var(--ink-soft);opacity:.5;transform:rotate(-4deg);stroke:currentColor;animation:float 16s ease-in-out infinite}.canvas-empty__title{margin:0;font-family:var(--font-hand);font-size:1.7rem;line-height:1.3;color:var(--ink)}.canvas-empty__subtitle{margin:0;font-family:var(--font-ui);font-size:.85rem;font-weight:500;color:var(--ink-soft)}.canvas-item{touch-action:none}.item-frame{position:relative;width:100%;height:100%}.item-frame.item-enter{animation:drop-settle .5s var(--ease) both}@keyframes drop-settle{0%{opacity:0;transform:translateY(-30px) scale(.82)}65%{opacity:1;transform:translateY(4px) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}.canvas-item--removing .polaroid,.canvas-item--removing .sticky-note,.canvas-item--removing .caption-note,.canvas-item--removing .quote-card,.canvas-item--removing .welcome-card,.canvas-item--removing .clip-icon{animation:crumple .38s ease-in forwards}@keyframes crumple{0%{transform:scale(1) rotate(var(--rot, 0deg));opacity:1}45%{transform:scale(.78) rotate(calc(var(--rot, 0deg) + 14deg));opacity:.75}to{transform:scale(.32) rotate(calc(var(--rot, 0deg) + 40deg));opacity:0}}.canvas-item--removing .item-delete,.canvas-item--removing .item-rotate,.canvas-item--removing .resize-grip,.canvas-item--removing .sticky-swatches,.canvas-item--removing .welcome-upload-btn,.canvas-item--removing .upload-hint,.canvas-item--removing .frame-controls{display:none}.item-delete{position:absolute;top:-9px;right:-9px;z-index:4;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:999px;background:var(--ink);color:#fff;cursor:pointer;opacity:0;transform:scale(.8);box-shadow:var(--shadow-soft);transition:opacity .2s var(--ease),transform .2s var(--ease),background .2s var(--ease)}.canvas-item:hover .item-delete{opacity:1;transform:scale(1)}.item-delete:hover{background:var(--accent-strong)}.item-rotate{position:absolute;bottom:-9px;left:50%;transform:translate(-50%);z-index:4;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:none;border-radius:999px;background:var(--ink);color:#fff;cursor:grab;opacity:0;transform:translate(-50%) scale(.8);box-shadow:var(--shadow-soft);transition:opacity .2s var(--ease),transform .2s var(--ease),background .2s var(--ease)}.canvas-item:hover .item-rotate{opacity:1;transform:translate(-50%) scale(1)}.item-rotate:hover{background:var(--accent-strong)}.item-rotate:active{cursor:grabbing}.sticky-swatches{position:absolute;top:-18px;left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:5px;padding:4px 6px;background:#ffffffe6;border-radius:999px;box-shadow:var(--shadow-soft);opacity:0;transition:opacity .2s var(--ease)}.canvas-item--sticky:hover .sticky-swatches{opacity:1}.swatch-dot{width:13px;height:13px;padding:0;border:none;border-radius:999px;cursor:pointer;box-shadow:inset 0 0 0 1px #3f372f26;transition:transform .15s var(--ease),box-shadow .15s var(--ease)}.swatch-dot:hover{transform:scale(1.2)}.swatch-dot.active{box-shadow:0 0 0 2px #fffdf9,0 0 0 3.5px var(--ink)}.swatch-dot.sticky-0{background:var(--sticky-0)}.swatch-dot.sticky-1{background:var(--sticky-1)}.swatch-dot.sticky-2{background:var(--sticky-2)}.swatch-dot.sticky-3{background:var(--sticky-3)}.swatch-dot.sticky-4{background:var(--sticky-4)}.swatch-dot.sticky-ivory{background:var(--sticky-ivory);box-shadow:inset 0 0 0 1px #3f372f38}.swatch-dot.sticky-blue{background:var(--sticky-blue)}.resize-grip{opacity:0;background:radial-gradient(circle at center,var(--accent) 0 3.5px,rgba(255,255,255,.95) 3.5px 5px,transparent 5px)!important;transition:opacity .2s var(--ease)}.canvas-item:hover .resize-grip{opacity:.95}.polaroid{width:100%;height:100%;padding:12px 12px 38px;background:#fffdf9;border-radius:6px;box-shadow:var(--shadow-card);position:relative;cursor:grab;transition:box-shadow .25s var(--ease),transform .15s var(--ease)}.polaroid:active{cursor:grabbing}.canvas-item--image:hover .polaroid{box-shadow:0 22px 50px #4b3c323d}.polaroid-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:2px;background:#efeae3;pointer-events:none;-webkit-user-select:none;user-select:none}.polaroid:before{content:"";position:absolute;top:-13px;left:50%;width:86px;height:26px;transform:translate(-50%) rotate(-5deg);background:var(--tape-0);background-image:linear-gradient(115deg,#fff6,#fff0 45%);border-radius:2px;box-shadow:0 2px 6px #00000014}.polaroid.tape-0:before{background-color:var(--tape-0)}.polaroid.tape-1:before{background-color:var(--tape-1)}.polaroid.tape-2:before{background-color:var(--tape-2)}.polaroid.tape-3:before{background-color:var(--tape-3)}.polaroid.tape-4:before{background-color:var(--tape-4)}.photo-card{width:100%;height:100%;position:relative;border-radius:10px;overflow:hidden;background:#fffdf9;box-shadow:var(--shadow-pop);cursor:grab;transition:box-shadow .25s var(--ease),transform .15s var(--ease),border-color .15s var(--ease)}.photo-card:active{cursor:grabbing}.canvas-item--image:hover .photo-card{box-shadow:var(--shadow-card)}.photo-card-img{width:100%;height:100%;object-fit:cover;display:block;background:#efeae3;pointer-events:none;-webkit-user-select:none;user-select:none}.frame-controls{position:absolute;top:-18px;left:50%;transform:translate(-50%);z-index:3;display:flex;align-items:center;gap:5px;padding:4px 6px;background:#ffffffe6;border-radius:999px;box-shadow:var(--shadow-soft);opacity:0;transition:opacity .2s var(--ease);white-space:nowrap}.canvas-item--image:hover .frame-controls{opacity:1}.frame-toggle{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;border:none;border-radius:999px;background:#3f372f1a;color:var(--ink);cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease)}.frame-toggle.active{background:var(--accent);color:#fff}.frame-color-dot{width:13px;height:13px;padding:0;border:none;border-radius:999px;cursor:pointer;box-shadow:inset 0 0 0 1px #3f372f2e;transition:transform .15s var(--ease),box-shadow .15s var(--ease)}.frame-color-dot:hover{transform:scale(1.2)}.frame-color-dot.active{box-shadow:0 0 0 2px #fffdf9,0 0 0 3.5px var(--ink)}.frame-width-btn{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;border-radius:4px;background:#3f372f1a;color:var(--ink);font-size:.6rem;font-weight:700;cursor:pointer;transition:background .15s var(--ease),color .15s var(--ease)}.frame-width-btn.active{background:var(--accent);color:#fff}.sticky-note{position:relative;width:100%;height:100%;padding:.5rem;border-radius:2px;box-shadow:var(--shadow-pop);transition:box-shadow .25s var(--ease),transform .15s var(--ease)}.sticky-note:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.05;mix-blend-mode:multiply;border-radius:inherit;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E")}.canvas-item--sticky:hover .sticky-note{box-shadow:var(--shadow-card)}.sticky-note.sticky-0{background:var(--sticky-0)}.sticky-note.sticky-1{background:var(--sticky-1)}.sticky-note.sticky-2{background:var(--sticky-2)}.sticky-note.sticky-3{background:var(--sticky-3)}.sticky-note.sticky-4{background:var(--sticky-4)}.sticky-note.sticky-ivory{background:var(--sticky-ivory)}.sticky-note.sticky-blue{background:var(--sticky-blue)}.sticky-note:after{content:"";position:absolute;right:0;bottom:0;z-index:1;width:26px;height:26px;background:linear-gradient(135deg,transparent 54%,rgba(255,255,255,.65) 54%,rgba(255,255,255,.2) 62%,transparent 68%),linear-gradient(135deg,transparent 50%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.04) 82%);border-bottom-right-radius:2px;pointer-events:none}.caption-note{position:relative;width:100%;height:100%;padding:.35rem;transition:transform .15s var(--ease)}.caption-note .note-input{text-align:center;font-size:1.5rem}.quote-card{position:relative;width:100%;height:100%;padding:1.5rem 1.4rem 1.2rem;background:#fffdf9;border:1px solid rgba(120,95,80,.14);border-radius:10px;box-shadow:var(--shadow-pop);display:flex;align-items:center;transition:box-shadow .25s var(--ease),transform .15s var(--ease)}.canvas-item--quote:hover .quote-card{box-shadow:var(--shadow-card)}.quote-card:before{content:"“";position:absolute;top:-.6rem;left:.9rem;font-family:var(--font-quote);font-size:3.2rem;line-height:1;color:var(--accent);opacity:.3;pointer-events:none}.quote-card .note-input{font-family:var(--font-quote);font-style:italic;font-size:1.05rem;line-height:1.5;text-align:center;color:var(--ink);text-shadow:none;padding:.6rem .3rem;overflow-y:auto;overflow-x:hidden}.welcome-card{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:.7rem;padding-top:.2rem;transition:transform .15s var(--ease)}.welcome-card .note-input{flex:0 0 auto;width:100%;height:auto;min-height:3.6rem;text-align:center;font-family:var(--font-hand);font-size:1.7rem;padding:.2rem .4rem}.welcome-upload-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;font-family:var(--font-ui);font-size:.78rem;font-weight:600;color:var(--ink);background:#ffffff8c;border:1px solid rgba(120,95,80,.16);border-radius:999px;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .2s var(--ease),background .2s var(--ease),color .2s var(--ease)}.welcome-upload-btn:hover{transform:translateY(-2px);background:#fff;color:var(--accent-strong);box-shadow:var(--shadow-pop)}.upload-hint{position:absolute;top:12px;left:12px;right:12px;bottom:38px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;color:#3f372fa6;font-family:var(--font-ui);font-size:.78rem;font-weight:600;text-align:center;pointer-events:none}.upload-hint__sources{display:flex;gap:.35rem;margin-top:.15rem;pointer-events:auto}.upload-hint__btn{display:inline-flex;align-items:center;gap:.25rem;padding:.28rem .55rem;font-family:var(--font-ui);font-size:.68rem;font-weight:600;color:var(--ink);background:#ffffffb3;border:1px solid rgba(120,95,80,.16);border-radius:999px;cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .2s var(--ease),background .2s var(--ease),color .2s var(--ease)}.upload-hint__btn:hover{transform:translateY(-1px);background:#fff;color:var(--accent-strong)}.upload-hint__error{color:var(--accent-strong)}.clip-icon{width:100%;height:100%;color:#9a9088;filter:drop-shadow(0 3px 4px rgba(75,60,50,.22));cursor:grab;transition:transform .15s var(--ease)}.clip-icon:active{cursor:grabbing}.clip-card--file{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.clip-file-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;width:100%;height:100%;text-decoration:none;color:#9a9088;cursor:pointer;transition:color .15s var(--ease),transform .15s var(--ease)}.clip-file-link:hover{color:var(--accent-strong);transform:translateY(-2px)}.clip-icon--file{width:42%;height:auto;filter:drop-shadow(0 3px 4px rgba(75,60,50,.22))}.clip-file-name{font-family:var(--font-note);font-size:.72rem;max-width:92%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.note-input{position:relative;z-index:1;width:100%;height:100%;padding:.85rem .9rem 1.1rem;border:none;outline:none;resize:none;overflow:hidden;background:transparent;font-family:var(--font-note);font-size:1.7rem;line-height:1.35;color:var(--ink);text-shadow:0 1px 0 rgba(255,255,255,.4)}.note-input::placeholder{color:var(--ink-soft)}.draggable-card{cursor:grab}.draggable-card:active{cursor:grabbing}.draggable-card .note-input{cursor:grab}.draggable-card .note-input:focus{cursor:text}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;background:#32262247;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;justify-content:flex-end}.photo-panel{width:min(360px,90vw);height:100%;padding:1.4rem;background:var(--glass-bg);backdrop-filter:blur(24px) saturate(1.15);-webkit-backdrop-filter:blur(24px) saturate(1.15);border-left:1px solid var(--glass-border);box-shadow:-16px 0 48px #4b3c322e;display:flex;flex-direction:column;gap:1rem;animation:slide-in .32s var(--ease)}@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head h3{margin:0;font-family:var(--font-ui);font-size:1.05rem;font-weight:700;letter-spacing:.2px;color:var(--ink)}.icon-btn{display:inline-flex;padding:.35rem;color:var(--ink);background:transparent;border:none;border-radius:999px;cursor:pointer;transition:transform .25s var(--ease),background .25s var(--ease)}.icon-btn:hover{background:#ffffff73;transform:rotate(90deg)}.panel-msg{margin:0;font-size:.9rem;color:var(--ink-soft)}.panel-login{display:flex;flex-direction:column;gap:.75rem}.login-btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;font-family:var(--font-ui);font-weight:700;color:#fff;text-decoration:none;background-color:var(--accent);border:none;border-radius:999px;box-shadow:var(--shadow-pop);transition:transform .25s var(--ease),background-image .25s var(--ease)}.login-btn:hover{transform:translateY(-2px);background-image:var(--sheen)}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;overflow-y:auto;flex:1 1 auto;min-height:0;padding-right:.25rem}.photo-thumb{padding:0;border:4px solid #fffdf9;border-radius:14px;overflow:hidden;cursor:pointer;aspect-ratio:1 / 1;background:#efeae3;box-shadow:var(--shadow-soft);transition:transform .25s var(--ease),box-shadow .25s var(--ease)}.photo-thumb:hover{transform:translateY(-3px) scale(1.03);box-shadow:var(--shadow-pop)}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}