:root{--font-main:"Outfit",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-hand:"Caveat",cursive;--bg-primary:#f4e7d4;--bg-secondary:#fffcf4;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--accent-primary:#3b82f6;--accent-hover:#2563eb;--board-cork-color:#dcb386;--post-it-yellow:#fef3c7;--post-it-blue:#dbeafe;--post-it-green:#dcfce7;--post-it-pink:#fce7f3;--post-it-purple:#f3e8ff;--post-it-orange:#ffedd5;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--post-it-shadow:2px 4px 8px #00000026}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4e7d4;background-color:var(--bg-primary);color:#1e293b;color:var(--text-primary);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-main);margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{background:#0000;height:0;width:0}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}button{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-main)}@media (max-width:768px){*{-webkit-tap-highlight-color:transparent}input,select,textarea{font-size:16px!important}}:root{--manrope-bold-font-family:"Manrope",Helvetica;--manrope-bold-font-size:18px;--manrope-bold-font-style:normal;--manrope-bold-font-weight:700;--manrope-bold-letter-spacing:0px;--manrope-bold-line-height:28px;--manrope-regular-font-family:"Manrope",Helvetica;--manrope-regular-font-size:16px;--manrope-regular-font-style:normal;--manrope-regular-font-weight:400;--manrope-regular-letter-spacing:0px;--manrope-regular-line-height:26px;--manrope-semibold-font-family:"Manrope",Helvetica;--manrope-semibold-font-size:18px;--manrope-semibold-font-style:normal;--manrope-semibold-font-weight:600;--manrope-semibold-letter-spacing:0px;--manrope-semibold-line-height:28px;--pale-sky:#6b7280;--semantic-button-font-family:"Manrope",Helvetica;--semantic-button-font-size:14px;--semantic-button-font-style:normal;--semantic-button-font-weight:700;--semantic-button-letter-spacing:0px;--semantic-button-line-height:20px;--semantic-heading-1-font-family:"Manrope",Helvetica;--semantic-heading-1-font-size:20px;--semantic-heading-1-font-style:normal;--semantic-heading-1-font-weight:700;--semantic-heading-1-letter-spacing:0px;--semantic-heading-1-line-height:28px;--semantic-heading-2-font-family:"Manrope",Helvetica;--semantic-heading-2-font-size:24px;--semantic-heading-2-font-style:normal;--semantic-heading-2-font-weight:700;--semantic-heading-2-letter-spacing:0px;--semantic-heading-2-line-height:32px;--semantic-input-font-family:"Manrope",Helvetica;--semantic-input-font-size:16px;--semantic-input-font-style:normal;--semantic-input-font-weight:400;--semantic-input-letter-spacing:0px;--semantic-input-line-height:normal;--semantic-label-font-family:"Manrope",Helvetica;--semantic-label-font-size:14px;--semantic-label-font-style:normal;--semantic-label-font-weight:500;--semantic-label-letter-spacing:0px;--semantic-label-line-height:20px;--semantic-link-font-family:"Manrope",Helvetica;--semantic-link-font-size:12px;--semantic-link-font-style:normal;--semantic-link-font-weight:700;--semantic-link-letter-spacing:0px;--semantic-link-line-height:16px}.AuthPage_welcome__4mwQp{background-color:#fffbf0;display:flex;height:100vh;overflow:hidden;width:100vw}.AuthPage_leftPanel__qNtTL{align-items:center;background-color:#f4e7d4;box-shadow:inset -10px 0 20px #0000001a;display:flex;flex:65 1;flex-direction:column;justify-content:safe center;overflow-y:auto;padding:40px;position:relative}.AuthPage_leftContent__z8dL4{align-items:flex-start;display:flex;flex-direction:column;gap:8px;max-width:900px;padding-top:20px;width:100%}.AuthPage_brandHeader__aqpQR{align-items:flex-start;display:flex;gap:24px;margin-bottom:40px}.AuthPage_textBlock__\+ZssI{align-items:flex-start;display:flex;flex-direction:column}.AuthPage_logoIcon__sEjBE{border-radius:8px;box-shadow:0 4px 12px #00000026;height:80px;width:80px}.AuthPage_leftTitle__rAWe7{color:#3f2e18;font-family:Caveat,cursive;font-family:var(--font-hand,"Caveat",cursive);font-size:56px;font-weight:700;line-height:1;margin:0}.AuthPage_leftSubtitle__HDSrF{color:#3f2e18;font-family:sans-serif;font-family:var(--font-main,sans-serif);font-size:25px;font-weight:500;line-height:1.6;margin:8px 0 0 4px}.AuthPage_sampleGrid__nNkOC{column-count:4;column-gap:16px;width:100%}.AuthPage_sampleCard__moTuH{animation:AuthPage_sampleCardAppear__vShDl .4s ease-out backwards;box-shadow:2px 4px 8px #0000001f;break-inside:avoid;cursor:pointer;font-family:Caveat,cursive;font-family:var(--font-hand,"Caveat",cursive);margin-bottom:16px;padding:16px;page-break-inside:avoid;position:relative;transition:transform .2s ease,box-shadow .2s ease}@keyframes AuthPage_sampleCardAppear__vShDl{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.AuthPage_sampleCard__moTuH:first-child{animation-delay:0ms}.AuthPage_sampleCard__moTuH:nth-child(2){animation-delay:50ms}.AuthPage_sampleCard__moTuH:nth-child(3){animation-delay:.1s}.AuthPage_sampleCard__moTuH:nth-child(4){animation-delay:.15s}.AuthPage_sampleCard__moTuH:nth-child(5){animation-delay:.2s}.AuthPage_sampleCard__moTuH:nth-child(6){animation-delay:.25s}.AuthPage_sampleCard__moTuH:nth-child(7){animation-delay:.3s}.AuthPage_sampleCard__moTuH:nth-child(8){animation-delay:.35s}.AuthPage_sampleCard__moTuH:nth-child(9){animation-delay:.4s}.AuthPage_sampleCard__moTuH:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d);transform:scale(1.02) rotate(0deg)!important;z-index:5}.AuthPage_sampleCard__moTuH:before{background:#ffffff80;border-radius:2px;box-shadow:0 1px 2px #0000000d;content:"";height:20px;left:50%;position:absolute;top:-10px;transform:translateX(-50%);width:60px}.AuthPage_sampleCard__moTuH:nth-child(2n){transform:rotate(1deg)}.AuthPage_sampleCard__moTuH:nth-child(3n){transform:rotate(-1.5deg)}.AuthPage_sampleCard__moTuH:nth-child(5n){transform:rotate(2deg)}.AuthPage_sampleCard__moTuH:nth-child(7n){transform:rotate(-.5deg)}.AuthPage_cardYellow__lsDlF{background-color:#fff9c4;background-color:var(--post-it-yellow,#fff9c4)}.AuthPage_cardBlue__u-iHK{background-color:#e3f2fd;background-color:var(--post-it-blue,#e3f2fd)}.AuthPage_cardGreen__W7JKB{background-color:#e8f5e9;background-color:var(--post-it-green,#e8f5e9)}.AuthPage_cardPink__bzYyo{background-color:#fce4ec;background-color:var(--post-it-pink,#fce4ec)}.AuthPage_cardPurple__O7SS2{background-color:#f3e5f5;background-color:var(--post-it-purple,#f3e5f5)}.AuthPage_cardOrange__RedJF{background-color:#fff3e0;background-color:var(--post-it-orange,#fff3e0)}.AuthPage_cardTitle__aNLJu{color:#1e293b;font-size:20px;font-weight:700;line-height:1.2;margin:0 0 6px}.AuthPage_cardBody__K11aS{color:#334155;font-size:16px;line-height:1.3;margin:0}.AuthPage_cardImagePlaceholder__GOXnT{background:linear-gradient(135deg,#e0e0e0,#bdbdbd);height:80px}.AuthPage_cardImagePlaceholder__GOXnT,.AuthPage_cardImage__gaqV9{border:3px solid #fff;box-sizing:border-box;margin-bottom:10px;width:100%}.AuthPage_cardImage__gaqV9{display:block;height:auto;object-fit:cover}.AuthPage_cardFooter__OTHq0{align-items:center;display:flex;justify-content:space-between;margin-top:12px}.AuthPage_cardAuthor__NnwaK{color:#64748b;font-family:sans-serif;font-family:var(--font-main,sans-serif);font-size:11px;font-weight:600;opacity:.8}.AuthPage_rightPanel__G6Kpl{align-items:center;background-color:#fff;box-shadow:-10px 0 30px #0000000d;display:flex;flex:35 1;flex-direction:column;justify-content:center;padding:40px;position:relative;z-index:10}.AuthPage_authContainer__kd4Zk{display:flex;flex-direction:column;gap:32px;max-width:360px;width:100%}.AuthPage_brand__qx2K3{color:#1e293b;font-family:Caveat,cursive;font-family:var(--font-hand,"Caveat",cursive);font-size:40px;font-weight:700;margin-bottom:8px;text-align:center}.AuthPage_welcomeText__4FRcD{text-align:center}.AuthPage_welcomeTitle__FfE97{color:#1e293b;font-family:sans-serif;font-family:var(--font-main,sans-serif);font-size:28px;font-weight:700;margin:0 0 8px}.AuthPage_welcomeSubtitle__Q7quf{color:#64748b;font-family:sans-serif;font-family:var(--font-main,sans-serif);font-size:16px;line-height:1.5;margin:0}.AuthPage_actions__W5Sfm{display:flex;flex-direction:column;gap:16px;margin-top:-20px;width:100%}.AuthPage_primaryButton__uUMD2{background-color:#137fec;border:none;border-radius:12px;box-shadow:0 4px 12px #137fec33;color:#fff;cursor:pointer;font-family:sans-serif;font-family:var(--font-main,sans-serif);font-size:16px;font-weight:600;height:48px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.AuthPage_primaryButton__uUMD2:hover:not(:disabled){background-color:#1d4ed8;box-shadow:0 8px 16px #137fec4d;transform:translateY(-2px)}.AuthPage_primaryButton__uUMD2:disabled{cursor:not-allowed;opacity:.7}.AuthPage_secondaryButton__QLJUJ{background-color:initial;border:1px solid #e2e8f0;border-radius:12px;color:#334155;cursor:pointer;font-family:sans-serif;font-family:var(--font-main,sans-serif);font-size:15px;font-weight:600;height:48px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.AuthPage_secondaryButton__QLJUJ:hover{background-color:#f8fafc;border-color:#cbd5e1;color:#0f172a}.AuthPage_loginForm__1S40m{display:flex;flex-direction:column;gap:16px;width:100%}.AuthPage_formGroup__zn1te{display:flex;flex-direction:column;gap:8px;width:100%}.AuthPage_label__t75rO{display:none}.AuthPage_input__JaS86{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#1e293b;font-family:sans-serif;font-family:var(--font-main,sans-serif);font-size:15px;height:48px;padding:0 16px;transition:all .2s ease;width:100%}.AuthPage_input__JaS86:focus{background-color:#fff;border-color:#137fec;box-shadow:0 0 0 4px #137fec1a;outline:none}.AuthPage_input__JaS86::placeholder{color:#94a3b8}.AuthPage_divider__8A\+oc{align-items:center;color:#94a3b8;display:flex;font-size:14px;font-weight:500;margin:12px 0 4px;width:100%}.AuthPage_divider__8A\+oc:after,.AuthPage_divider__8A\+oc:before{background-color:#e2e8f0;content:"";flex:1 1;height:1px}.AuthPage_divider__8A\+oc:before{margin-right:12px}.AuthPage_divider__8A\+oc:after{margin-left:12px}.AuthPage_errorMessage__NDZh7{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#ef4444;font-size:14px;font-weight:500;padding:8px 12px;text-align:center}.AuthPage_forgotPasswordLink__papr2{align-self:center;background:none;border:none;color:#137fec;cursor:pointer;font-family:sans-serif;font-family:var(--font-main,sans-serif);font-size:13px;font-weight:500;margin-top:-4px;padding:0}.AuthPage_forgotPasswordLink__papr2:hover{text-decoration:underline}.AuthPage_backLink__DkwUA{background:none;border:none;color:#64748b;cursor:pointer;font-family:sans-serif;font-family:var(--font-main,sans-serif);font-size:13px;font-weight:500;padding:0;text-align:center;width:100%}.AuthPage_backLink__DkwUA:hover{color:#334155;text-decoration:underline}@media (max-width:1024px){.AuthPage_welcome__4mwQp{flex-direction:column;overflow-y:auto}.AuthPage_leftPanel__qNtTL{flex:none;min-height:50vh;padding:32px}.AuthPage_leftContent__z8dL4{align-items:center}.AuthPage_brandHeader__aqpQR{justify-content:center}.AuthPage_leftSubtitle__HDSrF{text-align:center}.AuthPage_sampleGrid__nNkOC{column-count:2}.AuthPage_rightPanel__G6Kpl{border-radius:24px 24px 0 0;box-shadow:0 -4px 20px #0000001a;flex:none;margin-top:-24px;min-height:60vh}}@media (max-width:768px){.AuthPage_sampleGrid__nNkOC{display:none}.AuthPage_leftPanel__qNtTL{flex:none;min-height:auto;padding:40px 24px 24px}.AuthPage_leftContent__z8dL4{gap:0;padding-top:0}.AuthPage_brandHeader__aqpQR{align-items:center;flex-direction:column;gap:16px;margin-bottom:0;text-align:center}.AuthPage_textBlock__\+ZssI{align-items:center}.AuthPage_logoIcon__sEjBE{height:64px;width:64px}.AuthPage_leftTitle__rAWe7{font-size:36px}.AuthPage_leftSubtitle__HDSrF{font-size:18px;margin:4px 0 12px}.AuthPage_googleButton__b8LdH+.AuthPage_divider__8A\+oc{display:none}.AuthPage_rightPanel__G6Kpl{border-radius:24px 24px 0 0;flex:1 1;margin-top:-12px;min-height:auto;padding:32px 24px}}.AuthPage_googleButton__b8LdH{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#374151;cursor:pointer;display:flex;font-family:sans-serif;font-family:var(--font-main,sans-serif);font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:12px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.AuthPage_googleButton__b8LdH:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1}.AuthPage_googleButton__b8LdH:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.AuthPage_privacySection__62Fkh{margin-top:6px!important}}.auth-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1f293766;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.auth-modal-container{animation:modalSlideUp .3s ease-out;background-color:#fff;border-radius:20px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;max-width:90%;overflow:hidden;width:390px}.auth-modal-header{align-items:center;display:flex;justify-content:space-between;padding:24px 24px 8px}.auth-modal-title{color:#111827;font-family:sans-serif;font-family:var(--manrope-bold-font-family,sans-serif);font-size:20px;font-weight:700;line-height:28px}.auth-modal-close-btn{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:4px;transition:all .2s}.auth-modal-close-btn:hover{background-color:#f3f4f6;color:#4b5563}.auth-modal-body{gap:16px;padding:16px 24px 32px}.auth-form-group,.auth-modal-body{display:flex;flex-direction:column}.auth-form-group{gap:8px}.auth-label{color:#374151;display:block;font-family:sans-serif;font-family:var(--semantic-label-font-family,sans-serif);font-size:14px;font-weight:600}.auth-input{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#111827;font-family:sans-serif;font-family:var(--semantic-input-font-family,sans-serif);font-size:15px;outline:none;padding:12px 14px;transition:all .2s;width:100%}.auth-input:focus{background-color:#fff;border-color:#137fec;box-shadow:0 0 0 3px #137fec1a}.auth-primary-btn{background-color:#137fec;border:none;border-radius:12px;color:#fff;cursor:pointer;font-family:sans-serif;font-family:var(--semantic-button-font-family,sans-serif);font-size:16px;font-weight:600;margin-top:8px;padding:14px;transition:background-color .2s;width:100%}.auth-primary-btn:hover:not(:disabled){background-color:#1d4ed8}.auth-primary-btn:disabled{cursor:not-allowed;opacity:.7}.auth-error-msg{background-color:#fef2f2;border:1px solid #fee2e2;border-radius:8px;color:#ef4444;font-size:14px;margin-bottom:8px;padding:10px 14px}.auth-divider{align-items:center;display:flex;margin:8px 0;text-align:center}.auth-divider:after,.auth-divider:before{border-bottom:1px solid #e5e7eb;content:"";flex:1 1}.auth-divider span{color:#6b7280;font-size:13px;font-weight:500;padding:0 10px}.auth-google-btn{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;display:flex;font-family:sans-serif;font-family:var(--semantic-button-font-family,sans-serif);font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:12px;transition:all .2s;width:100%}.auth-google-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db}.auth-google-btn:disabled{cursor:not-allowed;opacity:.7}.global-post-modal .overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1f293766;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.global-post-modal .modal-container{animation:slideIn .2s ease-out;background-color:#fff;border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-sizing:border-box;display:flex;flex-direction:column;max-width:90%;padding:24px;width:400px}.global-post-modal .modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.global-post-modal .modal-title{color:#111827;font-family:var(--font-main);font-size:20px;font-weight:700;margin:0}.global-post-modal .modal-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s ease}.global-post-modal .modal-close-button:hover{background-color:#f3f4f6;color:#6b7280}.board-selector{margin-bottom:20px}.board-select-label{color:var(--text-secondary);display:block;font-family:var(--font-main);font-size:13px;font-weight:600;margin-bottom:8px}.board-select-button{align-items:center;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-main);font-size:15px;justify-content:space-between;padding:12px;text-align:left;transition:all .2s;width:100%}.board-select-button:hover{background-color:#f1f5f9;border-color:#cbd5e1}.board-select-button.placeholder{color:#94a3b8}.board-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:var(--shadow-lg);margin-top:8px;max-height:200px;overflow-y:auto;position:absolute;width:100%;z-index:10}.board-option{align-items:center;cursor:pointer;display:flex;gap:8px;padding:10px 12px;transition:background .1s}.board-option:hover{background-color:#f8fafc}.board-option.selected{background-color:#eff6ff;color:var(--accent-primary);font-weight:500}.title-input{background-color:#f8fafc;border:1px solid #0000;border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-family:var(--font-main);font-size:15px;margin-bottom:12px;outline:none;padding:14px 16px;transition:all .2s;width:100%}.content-textarea:focus,.title-input:focus{background-color:#fff;box-shadow:0 0 0 2px var(--post-it-blue)}.content-textarea{background-color:#f8fafc;border:1px solid #0000;border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-family:var(--font-main);font-size:15px;margin-bottom:16px;min-height:120px;outline:none;padding:14px 16px;resize:none;transition:all .2s;width:100%}.global-post-modal .remove-image-button{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:8px;top:8px;width:28px}.global-post-modal .remove-image-button:hover{background:#000c}.global-post-modal .upload-area{align-items:center;background-color:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;height:160px;justify-content:center;margin:0 auto 24px;overflow:hidden;position:relative;transition:all .2s ease;width:100%}.global-post-modal .upload-area:hover{background-color:#f1f5f9;border-color:#cbd5e1}.global-post-modal .upload-icon{color:#9ca3af;height:32px;width:32px}.global-post-modal .upload-text{color:var(--text-secondary);font-family:var(--font-main);font-size:14px;font-weight:500}.action-buttons{display:flex;gap:12px;margin-top:auto}.post-button{background-color:var(--accent-primary);border:none;border-radius:12px;box-shadow:0 4px 6px -1px #3b82f64d;color:#fff;cursor:pointer;flex:2 1;font-family:var(--font-main);font-size:15px;font-weight:600;padding:12px;transition:all .2s}.post-button:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px)}.post-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.global-post-modal .overlay{align-items:flex-start;padding-top:3vh}}.app-layout{background-color:var(--bg-primary);display:flex;min-height:100vh}.sidebar{background-color:var(--bg-secondary);border-right:1px solid #0000000d;box-sizing:border-box;height:100vh;padding:24px;position:-webkit-sticky;position:sticky;top:0;width:250px}.sidebar,.sidebar-logo{display:flex;flex-direction:column}.sidebar-logo{align-items:flex-start;color:var(--text-primary);font-family:var(--font-main);font-size:24px;font-weight:700;gap:12px;margin-bottom:16px;padding-inline:4px}.sidebar-logo-icon{height:32px;width:32px}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:8px}.nav-item{align-items:center;background:none;border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-main);font-size:16px;font-weight:500;gap:12px;padding:12px 16px;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.nav-item:hover{background-color:#f1f5f9;color:var(--text-primary)}.nav-item.active{background-color:#eff6ff;color:var(--accent-primary);font-weight:600}.nav-icon{stroke-width:2px;height:24px;width:24px}.main-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.mobile-nav{display:none}@media (max-width:1024px){.app-layout{flex-direction:column}.sidebar{display:none}.mobile-nav{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:24px;bottom:max(24px,env(safe-area-inset-bottom,24px));box-shadow:var(--shadow-lg);display:flex;gap:8px;left:50%;padding:8px 12px;position:fixed;transform:translateX(-50%);z-index:1000}.mobile-nav-item{align-items:center;border-radius:16px;color:var(--text-tertiary);cursor:pointer;display:flex;flex-direction:column;gap:4px;height:56px;justify-content:center;transition:all .2s;width:64px}.mobile-nav-item.active{background-color:#f0f9ff;color:var(--accent-primary)}.mobile-nav-icon{height:24px;width:24px}.mobile-nav-label{font-size:10px;font-weight:600}.main-content{padding-bottom:100px}}.create-board-modal .overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1f293766;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.create-board-modal .modal-container{animation:slideIn .2s ease-out;background-color:#fff;border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-sizing:border-box;display:flex;flex-direction:column;max-width:90%;padding:24px;width:400px}.create-board-modal .modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.create-board-modal .modal-title{color:#111827;font-family:var(--font-main);font-size:20px;font-weight:700;margin:0}.create-board-modal .modal-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s ease}.create-board-modal .modal-close-button:hover{background-color:#f3f4f6;color:#6b7280}.create-board-modal .form-group{margin-bottom:20px}.create-board-modal .label{color:var(--text-secondary);display:block;font-family:var(--font-main);font-size:13px;font-weight:600;margin-bottom:8px}.create-board-modal .input{background-color:#f8fafc;border:1px solid #0000;border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-family:var(--font-main);font-size:15px;outline:none;padding:14px 16px;transition:all .2s;width:100%}.create-board-modal .input:focus{background-color:#fff;box-shadow:0 0 0 2px var(--post-it-blue)}.create-board-modal .upload-area{align-items:center;background-color:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;height:160px;justify-content:center;margin:0 auto;overflow:hidden;position:relative;transition:all .2s ease;width:100%}.create-board-modal .upload-area:hover{background-color:#f1f5f9;border-color:#cbd5e1}.create-board-modal .remove-image-button{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:8px;top:8px;width:28px}.create-board-modal .remove-image-button:hover{background:#000c}.create-board-modal .upload-icon{color:#9ca3af;height:32px;width:32px}.create-board-modal .upload-text{color:var(--text-secondary);font-family:var(--font-main);font-size:14px;font-weight:500}.create-board-modal .create-button{background-color:var(--accent-primary);border:none;border-radius:12px;box-shadow:0 4px 6px -1px #3b82f64d;color:#fff;cursor:pointer;font-family:var(--font-main);font-size:15px;font-weight:600;margin-top:8px;padding:12px;transition:all .2s;width:100%}.create-board-modal .create-button:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px)}.create-board-modal .create-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.create-board-modal .overlay{align-items:flex-start;padding-top:3vh}}.join-board-modal .overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1f293766;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.join-board-modal .modal-container{animation:slideIn .2s ease-out;background-color:#fff;border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-sizing:border-box;display:flex;flex-direction:column;max-width:90%;padding:24px;width:400px}.join-board-modal .modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.join-board-modal .modal-title{color:#111827;font-family:var(--font-main);font-size:20px;font-weight:700;margin:0}.join-board-modal .modal-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s ease}.join-board-modal .modal-close-button:hover{background-color:#f3f4f6;color:#6b7280}.join-board-modal .form-group{margin-bottom:20px}.join-board-modal .label{color:var(--text-secondary);display:block;font-family:var(--font-main);font-size:13px;font-weight:600;margin-bottom:8px}.join-board-modal .input{background-color:#f8fafc;border:1px solid #0000;border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-family:var(--font-main);font-size:15px;outline:none;padding:14px 16px;transition:all .2s;width:100%}.join-board-modal .input:focus{background-color:#fff;box-shadow:0 0 0 2px var(--post-it-blue)}.join-board-modal .join-button{background-color:var(--accent-primary);border:none;border-radius:12px;box-shadow:0 4px 6px -1px #3b82f64d;color:#fff;cursor:pointer;font-family:var(--font-main);font-size:15px;font-weight:600;margin-top:8px;padding:12px;transition:all .2s;width:100%}.join-board-modal .join-button:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px)}.join-board-modal .join-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.join-board-modal .overlay{align-items:flex-start;padding-top:22vh}}.dashboard-content{box-sizing:border-box;margin:0 auto;max-width:1200px;padding:40px;width:100%}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:40px}.dashboard-title{color:var(--text-primary);font-family:var(--font-main);font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0}.dashboard-actions{display:flex;gap:12px}.action-button{align-items:center;border:1px solid #0000;border-radius:12px;cursor:pointer;display:flex;font-family:var(--font-main);font-size:15px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.action-button.primary{background-color:var(--bg-secondary);box-shadow:0 4px 6px -1px #0000000d;color:var(--text-primary)}.action-button.primary:hover{background-color:#fff;transform:translateY(-1px)}.action-button.secondary{background-color:var(--bg-secondary);border-color:#e2e8f0;color:var(--text-secondary)}.action-button.secondary:hover{background-color:#f8fafc;border-color:#cbd5e1;color:var(--text-primary)}.boards-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.board-wrapper{cursor:pointer;display:flex;flex-direction:column;gap:12px;transition:transform .2s ease}.board-wrapper:hover{transform:translateY(-4px);z-index:10}.board-card{align-items:center;aspect-ratio:16/10;background-position:50%;background-size:cover;border:8px solid #8b4513;border-radius:4px;box-shadow:inset 0 0 20px #0003,var(--shadow-md);display:flex;justify-content:center;overflow:hidden;position:relative;transition:box-shadow .2s}.board-wrapper:nth-child(4n+1) .board-card{background-image:url(/static/media/BoardBackground1.f47a602f5ead0dcf8c65.png)}.board-wrapper:nth-child(4n+2) .board-card{background-image:url(/static/media/BoardBackground2.9e7a2822750988e88a4b.png)}.board-wrapper:nth-child(4n+3) .board-card{background-image:url(/static/media/BoardBackground3.0b5fff349ccb2c7bf988.png)}.board-wrapper:nth-child(4n+4) .board-card{background-image:url(/static/media/BoardBackground4.211c566057c86c7ec47c.png)}.board-wrapper:nth-child(2n) .board-cover-img{transform:rotate(1deg)}.board-wrapper:nth-child(3n) .board-cover-img{transform:rotate(-1deg)}.board-wrapper:nth-child(5n) .board-cover-img{transform:rotate(1.5deg)}.board-wrapper:nth-child(7n) .board-cover-img{transform:rotate(-.5deg)}.board-wrapper:hover .board-card{box-shadow:inset 0 0 20px #0003,var(--shadow-lg)}.board-cover-img{border:4px solid #fff;box-shadow:0 4px 8px #0003;filter:sepia(20%) contrast(95%);height:auto;max-height:80%;max-width:80%;object-fit:contain;position:relative;width:auto}.board-title-text{color:var(--text-primary);font-family:var(--font-main);font-size:16px;font-weight:600;line-height:1.3;margin:0;text-align:center}.empty-state{background-color:#fff;border:1px solid #e5e7eb;border-radius:2px;box-shadow:0 4px 6px -1px #0000000d;color:var(--text-secondary);flex-direction:column;grid-column:1/-1;margin:40px auto;max-width:480px;padding:48px;text-align:center;width:auto}.empty-state,.empty-state-icon{align-items:center;display:flex;justify-content:center}.empty-state-icon{background-color:#f1f5f9;border-radius:50%;color:#94a3b8;height:64px;margin-bottom:16px;width:64px}@media (max-width:768px){.dashboard-header{align-items:flex-start;flex-direction:column;gap:16px}.dashboard-actions{width:100%}.action-button{flex:1 1;justify-content:center}.action-button svg{display:none}}@keyframes board-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.board-wrapper:not(.board-skeleton){animation:board-appear .35s ease-out backwards}.board-wrapper:not(.board-skeleton):first-child{animation-delay:0ms}.board-wrapper:not(.board-skeleton):nth-child(2){animation-delay:60ms}.board-wrapper:not(.board-skeleton):nth-child(3){animation-delay:.12s}.board-wrapper:not(.board-skeleton):nth-child(4){animation-delay:.18s}.board-wrapper:not(.board-skeleton):nth-child(5){animation-delay:.24s}.board-wrapper:not(.board-skeleton):nth-child(6){animation-delay:.3s}.board-wrapper:not(.board-skeleton):nth-child(7){animation-delay:.36s}.board-wrapper:not(.board-skeleton):nth-child(8){animation-delay:.42s}.board-cover-img{opacity:0;transition:opacity .3s ease-out}.board-cover-img.loaded{opacity:1}.dashboard-content{animation:page-fade-in .2s ease-out}.edit-profile-modal .overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1f293766;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.edit-profile-modal .modal-container{animation:slideIn .2s ease-out;background-color:#fff;border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-sizing:border-box;display:flex;flex-direction:column;max-width:90%;padding:24px;width:400px}.edit-profile-modal .modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.edit-profile-modal .modal-title{color:#111827;font-family:var(--font-main);font-size:20px;font-weight:700;margin:0}.edit-profile-modal .modal-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s ease}.edit-profile-modal .modal-close-button:hover{background-color:#f3f4f6;color:#6b7280}.edit-profile-modal .form-group{margin-bottom:20px}.edit-profile-modal .label{color:var(--text-secondary);display:block;font-family:var(--font-main);font-size:13px;font-weight:600;margin-bottom:8px}.edit-profile-modal .input{background-color:#f8fafc;border:1px solid #0000;border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-family:var(--font-main);font-size:15px;outline:none;padding:14px 16px;transition:all .2s;width:100%}.edit-profile-modal .input:focus{background-color:#fff;box-shadow:0 0 0 2px var(--post-it-blue)}.edit-profile-modal .profile-picture-row{align-items:center;display:flex;gap:16px}.edit-profile-modal .avatar-small{align-items:center;background:linear-gradient(135deg,#ffd4b8,#ffb088);border-radius:50%;display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;width:56px}.edit-profile-modal .avatar-small img{height:100%;object-fit:cover;width:100%}.edit-profile-modal .avatar-initial{color:#fff;font-family:var(--font-main);font-size:24px;font-weight:700}.edit-profile-modal .change-button{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:var(--text-secondary);cursor:pointer;font-family:var(--font-main);font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s}.edit-profile-modal .change-button:hover{background-color:#f1f5f9;border-color:#cbd5e1}.edit-profile-modal .change-button:disabled{cursor:not-allowed;opacity:.5}.edit-profile-modal .save-button{background-color:var(--accent-primary);border:none;border-radius:12px;box-shadow:0 4px 6px -1px #3b82f64d;color:#fff;cursor:pointer;font-family:var(--font-main);font-size:15px;font-weight:600;margin-top:8px;padding:12px;transition:all .2s;width:100%}.edit-profile-modal .save-button:hover:not(:disabled){background-color:var(--accent-hover);transform:translateY(-1px)}.edit-profile-modal .save-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.edit-profile-modal .overlay{align-items:flex-start;padding-top:8vh}}.profile-page{align-items:flex-start;background-color:var(--bg-primary);display:flex;font-family:Manrope,Helvetica;height:100vh;justify-content:center;overflow:hidden}.profile-container{display:flex;flex-direction:column;height:100%;position:relative;width:600px}.profile-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-radius:0 0 16px 16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-shrink:0;justify-content:center;margin-bottom:24px;padding:24px 32px;position:relative;z-index:10}.header-title{color:var(--text-primary);font-family:var(--font-main);font-size:24px;font-weight:700;margin:0;text-align:center}.profile-settings-button{align-items:center;background:none;border:1px solid #0000;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;position:absolute;right:24px;transition:all .2s}.profile-settings-button span{display:none}.profile-settings-button:hover{background-color:#0000000d;color:var(--text-primary)}.mobile-logout-button{display:none}.profile-main{flex:1 1;gap:28px;overflow-y:auto;padding:16px}.profile-main,.user-info{align-items:center;display:flex;flex-direction:column}.user-info{gap:8px}.avatar{align-items:center;background:linear-gradient(135deg,#ffd4b8,#ffb088);border:6px solid #fff;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a;display:flex;height:120px;justify-content:center;overflow:hidden;width:120px}.avatar-initial{color:#fff;font-family:Manrope,Helvetica;font-size:48px;font-weight:700}.user-name{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;color:#0f172a;font-size:18px;font-weight:700;margin:16px 0 0;padding:10px 24px}.calendar-board-card,.calendar-section{align-items:center;display:flex;flex-direction:column;width:100%}.calendar-board-card{animation:calendar-board-appear .35s ease-out backwards;background-image:url(/static/media/CalendarBackground.264f2e7283fe5538d577.png);background-position:50%;background-size:cover;border:8px solid #8b4513;border-radius:4px;box-shadow:inset 0 0 20px #0003,var(--shadow-md);box-sizing:border-box;min-height:424px;overflow:hidden;padding:24px 100px;position:relative}@keyframes calendar-board-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.calendar-paper{background-color:#ffffffe6;border-radius:2px;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;padding:20px;transform:rotate(0deg);width:100%}.calendar{width:100%}.calendar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.calendar-nav{background:none;border:none;color:#6b7280;cursor:pointer;font-size:16px;padding:8px}.calendar-month{color:#0f172a;font-size:16px;font-weight:600}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px;text-align:center}.calendar-weekdays span{color:#6b7280;font-size:14px;font-weight:600;padding:8px 0}.calendar-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day{align-items:center;aspect-ratio:1;border-radius:50%;color:#0f172a;display:flex;font-size:14px;font-weight:500;justify-content:center}.calendar-day.empty{visibility:hidden}.calendar-day.active{background-color:#4d97e0;color:#fff;font-weight:700}.calendar-day.has-post{background-color:#7ac689;color:#fff;font-weight:700}@media (max-width:768px){.profile-container{max-width:600px;width:100%!important}.profile-header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;box-shadow:none;margin-bottom:8px;padding:24px 16px 8px}.header-title{display:none}.profile-main{gap:16px;overflow-y:auto;padding:0 16px 24px}.calendar-board-card{min-height:auto;padding:24px 16px!important}.mobile-logout-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-main);font-size:14px;font-weight:600;justify-content:center;left:24px;padding:0;position:absolute}.mobile-logout-button svg{display:none}.profile-settings-button{border:none;border-radius:4px;font-family:var(--font-main);font-size:14px;font-weight:600;padding:0}.profile-settings-button svg{display:none}.profile-settings-button span{display:block}.mobile-logout-button:hover,.profile-settings-button:hover{background-color:initial;color:var(--text-primary);text-decoration:underline}.mobile-logout-button{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-main);font-size:14px;font-weight:600;gap:6px;justify-content:center;left:24px;padding:8px 0;position:absolute}.profile-page{margin-bottom:-100px}}.view-entry-modal .overlay{background-color:#4b5563b3;flex-direction:column;height:100vh;left:0;padding:20px;position:fixed;top:0;width:100vw;z-index:1000}.view-entry-modal .entry-image-container,.view-entry-modal .overlay{align-items:center;box-sizing:border-box;display:flex;justify-content:center}.view-entry-modal .entry-image-container{padding-inline:16px;width:100%}.view-entry-modal .entry-full-image{height:auto;max-height:500px;object-fit:contain;width:100%}.view-entry-modal .modal-container{animation:slideIn .2s ease-out;background-color:#fff;border-radius:10px;box-shadow:0 4px 20px #00000026;box-sizing:border-box;display:flex;flex-direction:column;max-height:80vh;max-width:90%;overflow:hidden;overflow-y:auto;padding:0;width:500px}.view-entry-modal .modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:16px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.view-entry-modal .author-info{align-items:center;display:flex;gap:12px}.view-entry-modal .author-avatar{border-radius:50%;height:40px;object-fit:cover;width:40px}.view-entry-modal .author-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#ffd4b8,#ffb088);border-radius:50%;color:#fff;display:flex;font-family:var(--manrope-bold-font-family);font-size:16px;font-weight:700;height:40px;justify-content:center;width:40px}.view-entry-modal .author-details{display:flex;flex-direction:column;gap:0}.view-entry-modal .author-name{color:#111827;font-family:Manrope,Helvetica,sans-serif;font-size:15px;font-weight:600}.view-entry-modal .entry-time{color:#6b7280;font-family:Manrope,Helvetica,sans-serif;font-size:12px}.view-entry-modal .modal-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s ease}.view-entry-modal .modal-close-button:hover{background-color:#f3f4f6;color:#6b7280}.view-entry-modal .entry-content{display:flex;flex-direction:column;gap:8px;padding:16px}.view-entry-modal .entry-title{color:#111827;font-family:Manrope,Helvetica,sans-serif;font-size:16px;font-weight:700;margin:0}.view-entry-modal .entry-text{color:#374151;font-family:Manrope,Helvetica,sans-serif;font-size:15px;font-weight:400;line-height:1.6;margin:0}.view-entry-modal .modal-action-bar{align-items:center;border-top:1px solid #f3f4f6;display:flex;gap:6px;padding:16px}.view-entry-modal .modal-heart-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.view-entry-modal .modal-heart-button:hover{background:#fef2f2}.view-entry-modal .modal-heart-icon{color:#9ca3af;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),color .15s ease}.view-entry-modal .modal-heart-icon.active{animation:modal-heart-pop .3s ease-out;color:#ef4444}@keyframes modal-heart-pop{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.view-entry-modal .modal-heart-count{color:#6b7280;font-family:Manrope,Helvetica,sans-serif;font-size:14px;font-weight:600}.view-entry-modal .modal-heart-count.active{color:#ef4444}@media (max-width:768px){.view-entry-modal .overlay{justify-content:flex-start;padding-top:3vh}.view-entry-modal .modal-container{max-height:72vh}.view-entry-modal .entry-full-image{max-height:400px}}.board-settings-modal .overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#1f293766;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.board-settings-modal .modal-container{animation:slideIn .2s ease-out;background-color:#fff;border-radius:20px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-sizing:border-box;display:flex;flex-direction:column;max-height:80vh;max-width:90%;overflow-y:auto;padding:0;width:400px}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.board-settings-modal .modal-header{align-items:center;background-color:#fff;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:0;padding:24px 24px 8px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.board-settings-modal .modal-title{color:#111827;font-family:var(--font-main);font-size:20px;font-weight:700;margin:0}.board-settings-modal .modal-close-button{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:4px;transition:color .2s ease}.board-settings-modal .modal-close-button:hover{background-color:#f3f4f6;color:#6b7280}.board-settings-modal .settings-form{padding:12px 24px 0}.board-settings-modal .form-group{margin-bottom:20px}.board-settings-modal .label{color:var(--text-secondary);display:block;font-family:var(--font-main);font-size:13px;font-weight:600;margin-bottom:8px}.board-settings-modal .input{background-color:#f8fafc;border:1px solid #0000;border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-family:var(--font-main);font-size:15px;outline:none;padding:14px 16px;transition:all .2s;width:100%}.board-settings-modal .input:focus{background-color:#fff;box-shadow:0 0 0 2px var(--post-it-blue)}.board-settings-modal .upload-area{align-items:center;background-color:#f8fafc;border:2px dashed #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;height:160px;justify-content:center;overflow:hidden;position:relative;transition:all .2s ease;width:100%}.board-settings-modal .upload-area:hover{background-color:#f1f5f9;border-color:#cbd5e1}.board-settings-modal .remove-image-button{align-items:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:8px;top:8px;width:28px}.board-settings-modal .remove-image-button:hover{background:#000c}.board-settings-modal .upload-icon{color:#9ca3af;height:32px;width:32px}.board-settings-modal .upload-text{color:var(--text-secondary);font-family:var(--font-main);font-size:14px;font-weight:500}.board-settings-modal .members-section{border-top:1px solid #e2e8f0;display:flex;flex-direction:column;margin:8px 24px 24px;padding-top:20px}.board-settings-modal .members-section-title{color:#111827;font-family:var(--font-main);font-size:16px;font-weight:700;margin:0 0 12px}.board-settings-modal .members-list{display:flex;flex-direction:column;gap:12px}.board-settings-modal .member-item{align-items:center;display:flex;gap:12px;padding:4px 0}.board-settings-modal .member-avatar{align-items:center;background:linear-gradient(135deg,#ffd4b8,#ffb088);border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;overflow:hidden;width:32px}.board-settings-modal .member-avatar img{height:100%;object-fit:cover;width:100%}.board-settings-modal .member-avatar span{color:#fff;font-family:var(--font-main);font-size:14px;font-weight:700}.board-settings-modal .member-name{color:#374151;flex:1 1;font-family:var(--font-main);font-size:14px;font-weight:500}.board-settings-modal .leave-board-small-button{background:none;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:8px;color:#dc2626;cursor:pointer;font-family:var(--font-main);font-size:12px;font-weight:600;margin-left:auto;padding:6px 12px;transition:all .2s}.board-settings-modal .leave-board-small-button:hover{background-color:#fee2e2;border-color:#fecaca}@media (max-width:768px){.board-settings-modal .overlay{align-items:flex-start;padding-top:3vh}.board-settings-modal .modal-container{max-height:72vh}}.confirmation-modal{align-items:center;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2000}.confirmation-modal .overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#0006;bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.confirmation-modal .modal-container{animation:modalSlideUp .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:400px;overflow:hidden;padding:24px;position:relative;text-align:center;width:90%;z-index:2}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirmation-modal-title{color:#1e293b;font-size:18px;font-weight:700;margin-bottom:8px}.confirmation-modal-message{color:#64748b;font-size:14px;line-height:1.5;margin-bottom:24px}.confirmation-modal-actions{display:flex;gap:12px;justify-content:center}.confirmation-modal-button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s}.confirmation-modal-button.cancel{background-color:#f1f5f9;color:#64748b}.confirmation-modal-button.cancel:hover{background-color:#e2e8f0;color:#475569}.confirmation-modal-button.confirm{background-color:#ef4444;color:#fff}.confirmation-modal-button.confirm:hover{background-color:#dc2626}.confirmation-modal-button.confirm.primary{background-color:#137fec}.confirmation-modal-button.confirm.primary:hover{background-color:#0b63c4}.board-page{background-color:#dcb386;background-color:var(--board-cork-color,#dcb386);display:flex;justify-content:center;min-height:100vh}.board-container{background:#0000;display:flex;flex-direction:column;max-width:1200px;padding-bottom:100px;width:100%}.board-header{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border-radius:0 0 16px 16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 32px;position:relative;z-index:10}.board-title{word-wrap:break-word;color:var(--text-primary);font-family:var(--font-main);font-size:24px;font-weight:700;margin:0;max-width:100%;text-align:center;width:90%}.settings-button{align-items:center;background:none;border:1px solid #e2e8f0;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font-main);font-size:14px;font-weight:600;padding:8px 12px;transition:all .2s}.settings-button:hover{background-color:#f8fafc;border-color:#cbd5e1;color:var(--text-primary)}.date-nav{align-items:center;align-self:center;background:#fff;border-radius:50px;box-shadow:var(--shadow-md);display:flex;gap:16px;justify-content:center;margin-bottom:32px;padding:8px 16px;width:-webkit-fit-content;width:fit-content}.current-date{color:var(--text-primary);font-family:var(--font-hand);font-size:24px;font-weight:700;margin:0;min-width:120px;text-align:center}.icon-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.icon-button:hover:not(:disabled){background-color:#0000000d;color:var(--text-primary)}.icon-button:disabled{cursor:default;opacity:.3}.entries-grid{box-sizing:border-box;column-count:1;column-gap:24px;padding:0 24px;width:100%}@media (min-width:640px){.entries-grid{column-count:2}}@media (min-width:1024px){.entries-grid{column-count:3}}@media (min-width:1280px){.entries-grid{column-count:4}}.entry-card{background-color:var(--post-it-yellow);box-shadow:var(--post-it-shadow);break-inside:avoid;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;margin-bottom:24px;padding:24px;page-break-inside:avoid;position:relative;transition:transform .2s ease,box-shadow .2s ease}.entry-card:nth-child(2n){transform:rotate(1deg)}.entry-card:nth-child(3n){transform:rotate(-1deg)}.entry-card:nth-child(5n){transform:rotate(1.5deg)}.entry-card:nth-child(7n){transform:rotate(-.5deg)}.entry-card:hover{box-shadow:var(--shadow-lg);transform:scale(1.02) rotate(0deg)!important;z-index:5}.entry-tape{background:#fff6;border-radius:2px;box-shadow:0 1px 2px #0000000d;height:24px;left:50%;position:absolute;top:-12px;transform:translateX(-50%);width:80px}.entry-image{border:4px solid #fff;box-shadow:0 2px 4px #0000001a;box-sizing:border-box;filter:sepia(20%) contrast(95%);height:auto;margin-bottom:12px;transform:rotate(-1deg);width:100%}.entry-title{font-size:24px;font-weight:700;line-height:1.2;margin:0 0 8px}.entry-body,.entry-title{font-family:var(--font-hand)}.entry-body{-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical;color:#334155;display:-webkit-box;font-size:18px;line-height:1.4;margin:0;overflow:hidden}.entry-footer{justify-content:space-between;margin-top:16px}.entry-author,.entry-footer{align-items:center;display:flex;gap:8px}.entry-author{opacity:.7}.entry-avatar{border-radius:50%;height:24px;width:24px}.entry-author-name{font-family:var(--font-main);font-size:12px;font-weight:600}.heart-button{align-items:center;background:#fff9;border:none;border-radius:20px;cursor:pointer;display:flex;gap:4px;padding:6px 8px;transition:all .2s ease}.heart-button:hover{background:#ffffffe6;transform:scale(1.05)}.heart-button:disabled{cursor:default;opacity:.7}.heart-icon{color:#9ca3af;transition:transform .2s cubic-bezier(.175,.885,.32,1.275),color .15s ease}.heart-icon.active{animation:heart-pop .3s ease-out;color:#ef4444}@keyframes heart-pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.heart-count{color:#374151;font-family:var(--font-main);font-size:12px;font-weight:600}.heart-button.active .heart-count{color:#ef4444}.entries-empty{align-items:center;animation:entries-empty-appear .4s ease-out backwards;background:#fff;box-shadow:var(--shadow-md);display:flex;flex-direction:column;margin:40px auto;max-width:400px;padding:40px;text-align:center}@keyframes entries-empty-appear{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.board-page{margin-bottom:-100px;min-height:100vh;padding-bottom:100px}.board-container{padding-bottom:0!important}.entry-image{max-width:100%;width:auto}}@keyframes entry-appear{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.entry-card:not(.entry-skeleton){animation:entry-appear .4s ease-out backwards}.entry-card:not(.entry-skeleton):first-child{animation-delay:0ms}.entry-card:not(.entry-skeleton):nth-child(2){animation-delay:50ms}.entry-card:not(.entry-skeleton):nth-child(3){animation-delay:.1s}.entry-card:not(.entry-skeleton):nth-child(4){animation-delay:.15s}.entry-card:not(.entry-skeleton):nth-child(5){animation-delay:.2s}.entry-card:not(.entry-skeleton):nth-child(6){animation-delay:.25s}.entry-card:not(.entry-skeleton):nth-child(7){animation-delay:.3s}.entry-card:not(.entry-skeleton):nth-child(8){animation-delay:.35s}.entry-card:not(.entry-skeleton):nth-child(9){animation-delay:.4s}.entry-card:not(.entry-skeleton):nth-child(10){animation-delay:.45s}.entry-card:not(.entry-skeleton):nth-child(11){animation-delay:.5s}.entry-card:not(.entry-skeleton):nth-child(12){animation-delay:.55s}.entry-card:not(.entry-skeleton):nth-child(2n){animation:entry-appear .4s ease-out backwards,apply-rotation-1 0s .4s forwards}.entry-card:not(.entry-skeleton):nth-child(3n){animation:entry-appear .4s ease-out backwards,apply-rotation-2 0s .4s forwards}.entry-card:not(.entry-skeleton):nth-child(5n){animation:entry-appear .4s ease-out backwards,apply-rotation-3 0s .4s forwards}.entry-card:not(.entry-skeleton):nth-child(7n){animation:entry-appear .4s ease-out backwards,apply-rotation-4 0s .4s forwards}@keyframes apply-rotation-1{to{transform:rotate(1deg)}}@keyframes apply-rotation-2{to{transform:rotate(-1deg)}}@keyframes apply-rotation-3{to{transform:rotate(1.5deg)}}@keyframes apply-rotation-4{to{transform:rotate(-.5deg)}}.entry-image{opacity:0;transition:opacity .3s ease-out}.entry-image.loaded{opacity:1}.board-page{animation:page-fade-in .2s ease-out}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}.ResetPasswordPage_page__ASguB{align-items:center;background-color:#fffbf0;display:flex;height:100vh;justify-content:center;width:100vw}.ResetPasswordPage_container__JjspL{background-color:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:32px;max-width:360px;padding:40px;width:100%}.ResetPasswordPage_headerText__rHuWJ{text-align:center}.ResetPasswordPage_title__3AkL9{color:#1e293b;font-family:sans-serif;font-family:var(--font-main,sans-serif);font-size:28px;font-weight:700;margin:0 0 8px}.ResetPasswordPage_subtitle__nYY4V{color:#64748b;font-family:sans-serif;font-family:var(--font-main,sans-serif);font-size:16px;line-height:1.5;margin:0}.ResetPasswordPage_form__h2btj{display:flex;flex-direction:column;gap:16px;width:100%}.ResetPasswordPage_formGroup__4mfaY{display:flex;flex-direction:column;gap:8px;width:100%}.ResetPasswordPage_input__qPxCW{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-sizing:border-box;color:#1e293b;font-family:sans-serif;font-family:var(--font-main,sans-serif);font-size:15px;height:48px;padding:0 16px;transition:all .2s ease;width:100%}.ResetPasswordPage_input__qPxCW:focus{background-color:#fff;border-color:#137fec;box-shadow:0 0 0 4px #137fec1a;outline:none}.ResetPasswordPage_input__qPxCW::placeholder{color:#94a3b8}.ResetPasswordPage_primaryButton__gmDME{background-color:#137fec;border:none;border-radius:12px;box-shadow:0 4px 12px #137fec33;color:#fff;cursor:pointer;font-family:sans-serif;font-family:var(--font-main,sans-serif);font-size:16px;font-weight:600;height:48px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.ResetPasswordPage_primaryButton__gmDME:hover:not(:disabled){background-color:#1d4ed8;box-shadow:0 8px 16px #137fec4d;transform:translateY(-2px)}.ResetPasswordPage_primaryButton__gmDME:disabled{cursor:not-allowed;opacity:.7}.ResetPasswordPage_errorMessage__oUNEN{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#ef4444;font-size:14px;font-weight:500;padding:8px 12px;text-align:center}@media (max-width:480px){.ResetPasswordPage_container__JjspL{margin:0 16px;padding:32px 24px}}
/*# sourceMappingURL=main.0277e963.css.map*/