: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-bg:url(https://www.transparenttextures.com/patterns/cork-board.png);--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)}: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:url(https://www.transparenttextures.com/patterns/cork-board.png);background:var(--board-cork-bg,url("https://www.transparenttextures.com/patterns/cork-board.png"));background-blend-mode:multiply;background-color:#dcb386;background-color:var(--board-cork-color,#dcb386);box-shadow:inset -10px 0 20px #0000001a;display:flex;flex:65 1;flex-direction:column;justify-content:center;padding:40px;position:relative}.AuthPage_leftContent__z8dL4{align-items:center;display:flex;flex-direction:column;gap:32px;max-width:600px;width:100%}.AuthPage_imageWrapper__MZDxl{aspect-ratio:16/10;background-color:#fff;border:8px solid #fff;border-radius:10px;box-shadow:0 20px 40px -10px #0003;overflow:hidden;transform:rotate(-1deg);width:100%}.AuthPage_image__fnuEg{filter:contrast(105%) saturate(105%);height:100%;object-fit:cover;width:100%}.AuthPage_leftText__1S5IR{color:#3f2e18;text-align:center}.AuthPage_leftTitle__rAWe7{color:#3f2e18;font-family:Caveat,cursive;font-family:var(--font-hand,"Caveat",cursive);font-size:64px;font-weight:700;line-height:1;margin:0 0 16px;text-shadow:0 2px 4px #ffffff4d}.AuthPage_leftSubtitle__HDSrF{font-family:sans-serif;font-family:var(--font-main,sans-serif);font-size:20px;font-weight:500;line-height:1.6;margin:0 auto;max-width:480px;opacity:.9}.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;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:8px 0;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}@media (max-width:1024px){.AuthPage_welcome__4mwQp{flex-direction:column;overflow-y:auto}.AuthPage_leftPanel__qNtTL{flex:40 1;min-height:40vh;padding:32px}.AuthPage_rightPanel__G6Kpl{border-radius:24px 24px 0 0;box-shadow:0 -4px 20px #0000001a;flex:60 1;margin-top:-24px;min-height:50vh}.AuthPage_imageWrapper__MZDxl{aspect-ratio:16/9;width:90%}}.auth-modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-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}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.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-avatar-section{display:flex;justify-content:center;margin-bottom:8px}.auth-avatar-img{background-color:#f3f4f6;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a;height:80px;object-fit:cover;width:80px}.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}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.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:352px;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%}.image-preview-container{border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;overflow:hidden;position:relative}.image-preview{display:block;max-height:200px;object-fit:cover;width:100%}.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}.attach-photo-button{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:var(--font-main);font-size:13px;font-weight:500;gap:8px;margin-bottom:24px;padding:8px 12px}.attach-photo-button:hover{background-color:#f8fafc;border-color:#cbd5e1}.action-buttons{display:flex;gap:12px;margin-top:auto}.discard-button{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:var(--font-main);font-size:15px;font-weight:600;padding:12px}.discard-button:hover{background-color:#f8fafc;color:var(--text-primary)}.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}.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;display:flex;flex-direction:column;height:100vh;padding:24px;position:-webkit-sticky;position:sticky;top:0;width:260px}.sidebar-logo{align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-main);font-size:24px;font-weight:700;gap:8px;margin-bottom:40px;padding-inline:4px}.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: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;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{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:390px}.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(--manrope-bold-font-family);font-size:20px;font-weight:700;line-height:28px}.create-board-modal .modal-close-button{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:0}.create-board-modal .form-group{margin-bottom:20px}.create-board-modal .label{color:#374151;display:block;font-family:var(--semantic-label-font-family);font-size:var(--semantic-label-font-size);font-weight:var(--semantic-label-font-weight);line-height:var(--semantic-label-line-height);margin-bottom:8px}.create-board-modal .input{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#111827;font-family:var(--semantic-input-font-family);font-size:var(--semantic-input-font-size);padding:10px 12px;width:100%}.create-board-modal .upload-area{align-items:center;background-color:#f9fafb;border:2px dashed #d1d5db;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:12px;height:160px;justify-content:center;margin:0 auto;overflow:hidden;transition:all .2s ease;width:160px}.create-board-modal .upload-icon{color:#9ca3af;height:32px;width:32px}.create-board-modal .upload-text{color:#6b7280;font-family:var(--manrope-regular-font-family);font-size:14px;font-weight:400}.create-board-modal .create-button{background-color:#137fec;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--semantic-button-font-family);font-size:var(--semantic-button-font-size);font-weight:var(--semantic-button-font-weight);margin-top:8px;padding:12px;width:100%}.create-board-modal .create-button:hover{background-color:#1d4ed8}.join-board-modal .overlay{align-items:center;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{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:390px}.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(--manrope-bold-font-family);font-size:20px;font-weight:700;line-height:28px}.join-board-modal .modal-close-button{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:24px;justify-content:center;padding:0}.join-board-modal .form-group{margin-bottom:20px}.join-board-modal .label{color:#374151;display:block;font-family:var(--semantic-label-font-family);font-size:var(--semantic-label-font-size);font-weight:var(--semantic-label-font-weight);line-height:var(--semantic-label-line-height);margin-bottom:8px}.join-board-modal .input{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#111827;font-family:var(--semantic-input-font-family);font-size:var(--semantic-input-font-size);padding:10px 12px;width:100%}.join-board-modal .join-button{background-color:#137fec;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:var(--semantic-button-font-family);font-size:var(--semantic-button-font-size);font-weight:var(--semantic-button-font-weight);margin-top:8px;padding:12px;width:100%}.join-board-modal .join-button:hover{background-color:#1d4ed8}.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:2px dashed #e2e8f0;border-radius:20px;color:var(--text-secondary);flex-direction:column;grid-column:1/-1;padding:60px;text-align:center}.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}}.overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;height:100vh;justify-content:center;left:0;padding:16px;position:fixed;right:0;top:0;z-index:1000}.overlay .background{background-color:#fff;border-radius:24px;gap:24px;max-width:384px;padding:24px}.overlay .background,.overlay .container{align-items:flex-start;display:flex;flex:0 0 auto;flex-direction:column;position:relative;width:100%}.overlay .container{align-self:stretch;gap:4px}.overlay .div-wrapper{align-items:center;align-self:stretch;display:flex;flex:0 0 auto;position:relative;width:100%}.overlay .text-wrapper{color:#0f172a;font-family:Manrope,Helvetica;font-size:20px;font-weight:700;line-height:28px;text-align:center;width:100%}.overlay .div-wrapper-2{align-items:center;align-self:stretch;display:flex;position:relative;width:100%}.overlay .div{color:#6b7280;font-family:Manrope,Helvetica;font-size:14px;font-weight:400;line-height:20px;text-align:center;width:100%}.overlay .container-2{gap:20px}.overlay .container-2,.overlay .container-3{align-items:flex-start;align-self:stretch;display:flex;flex:0 0 auto;flex-direction:column;position:relative;width:100%}.overlay .container-3{gap:8px}.overlay .text-wrapper-2{color:#0f172a;font-family:Manrope,Helvetica;font-size:14px;font-weight:500;line-height:20px}.overlay .input{align-self:stretch;position:relative;width:100%}.overlay .container-4{align-items:center;align-self:stretch;background-color:#f6f7f8;border:1px solid #e5e7eb;border-radius:12px;box-sizing:border-box;color:#6b7280;display:flex;font-family:Manrope,Helvetica;font-size:16px;font-weight:400;height:48px;padding:0 16px;width:100%}.overlay .container-4.editable{background-color:#fff;color:#0f172a}.overlay .container-4:disabled{cursor:not-allowed}.overlay .profile-picture-row{align-items:center;display:flex;gap:16px}.overlay .avatar-small{align-items:center;background:linear-gradient(135deg,#ffd4b8,#ffb088);border-radius:50%;display:flex;height:56px;justify-content:center;width:56px}.overlay .avatar-initial-small{color:#fff;font-family:Manrope,Helvetica;font-size:24px;font-weight:700}.overlay .change-button{background-color:#f6f7f8;border:1px solid #e5e7eb;border-radius:12px;color:#0f172a;cursor:pointer;font-family:Manrope,Helvetica;font-size:14px;font-weight:600;padding:8px 16px}.overlay .button-row{display:flex;gap:12px;width:100%}.overlay .cancel-button{background-color:#f6f7f8;border:1px solid #e5e7eb;border-radius:16px;color:#0f172a}.overlay .cancel-button,.overlay .save-button{cursor:pointer;flex:1 1;font-family:Manrope,Helvetica;font-size:14px;font-weight:700;padding:14px 0}.overlay .save-button{background-color:#137fec;border:none;border-radius:16px;color:#fff}.overlay .save-button:hover{background-color:#0f6fd1}.overlay .cancel-button:hover{background-color:#e5e7eb}.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:hover{background-color:#0000000d;border-color:#0000001a;color:var(--text-primary)}.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{background-image:url(/static/media/BoardBackground1.f47a602f5ead0dcf8c65.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}.calendar-paper{background-color:#fff;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:#137fec;color:#fff;font-weight:700}.calendar-day.has-post{background-color:#10b981;color:#fff;font-weight:700}.profile-page .footer-instance{margin-top:auto}.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{background-color:#fff;border-radius:20px;box-shadow:0 4px 20px #00000026;box-sizing:border-box;display:flex;flex-direction:column;max-width:90%;overflow:hidden;padding:0;width:500px}.view-entry-modal .modal-header{align-items:center;display:flex;justify-content:space-between;padding:16px}.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;color:#9ca3af;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:color .2s ease}.view-entry-modal .modal-close-button:hover{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:12px;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}.board-settings-modal .overlay{align-items:center;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{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;margin-bottom:20vh;max-width:90%;padding:24px;width:390px}.board-settings-modal .modal-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.board-settings-modal .modal-title{color:#111827;font-family:var(--manrope-bold-font-family);font-size:20px;font-weight:700;line-height:28px;margin:0}.board-settings-modal .modal-close-button{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;display:flex;font-size:24px;justify-content:center;line-height:1;padding:0}.board-settings-modal .form-group{margin-bottom:20px}.board-settings-modal .label{color:#374151;display:block;font-family:var(--semantic-label-font-family);font-size:var(--semantic-label-font-size);font-weight:var(--semantic-label-font-weight);line-height:var(--semantic-label-line-height);margin-bottom:8px}.board-settings-modal .input{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#111827;font-family:var(--semantic-input-font-family);font-size:var(--semantic-input-font-size);padding:10px 12px;width:100%}.board-settings-modal .board-cover-row{align-items:center;display:flex;gap:16px}.board-settings-modal .board-cover-preview{align-items:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:50%;display:flex;flex-shrink:0;height:56px;justify-content:center;overflow:hidden;width:56px}.board-settings-modal .board-cover-preview img{height:100%;object-fit:cover;width:100%}.board-settings-modal .board-cover-placeholder{align-items:center;color:#9ca3af;display:flex;height:100%;justify-content:center;width:100%}.board-settings-modal .placeholder-icon{height:24px;width:24px}.board-settings-modal .change-cover-button{background-color:#f6f7f8;border:1px solid #e5e7eb;border-radius:12px;color:#0f172a;cursor:pointer;font-family:var(--manrope-bold-font-family);font-size:14px;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:8px 16px}.board-settings-modal .buttons-container{display:flex;gap:12px;margin-top:8px}.board-settings-modal .cancel-button{background-color:#f3f4f6;color:#374151}.board-settings-modal .cancel-button,.board-settings-modal .save-button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-family:var(--semantic-button-font-family);font-size:var(--semantic-button-font-size);font-weight:var(--semantic-button-font-weight);padding:12px}.board-settings-modal .save-button{background-color:#137fec;color:#fff}.board-settings-modal .leave-button{background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;cursor:pointer;font-family:var(--semantic-button-font-family);font-size:var(--semantic-button-font-size);font-weight:var(--semantic-button-font-weight);margin-top:24px;padding:12px;transition:background-color .2s;width:100%}.board-settings-modal .save-button:hover{background-color:#1d4ed8}.board-settings-modal .members-section{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;margin-top:24px;padding-top:20px}.board-settings-modal .members-section-title{color:#111827;font-family:var(--manrope-bold-font-family);font-size:16px;font-weight:700;margin:0 0 12px}.board-settings-modal .members-list{display:flex;flex-direction:column;gap:12px;max-height:200px;overflow-y:auto;padding-right:4px}.board-settings-modal .members-list::-webkit-scrollbar{width:4px}.board-settings-modal .members-list::-webkit-scrollbar-track{background:#0000}.board-settings-modal .members-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.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(--manrope-bold-font-family);font-size:14px;font-weight:700}.board-settings-modal .member-name{color:#374151;font-family:var(--manrope-regular-font-family);font-size:14px;font-weight:500}.board-page{background:url(https://www.transparenttextures.com/patterns/cork-board.png);background:var(--board-cork-bg,url("https://www.transparenttextures.com/patterns/cork-board.png"));background-blend-mode:multiply;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;background:#fff;box-shadow:var(--shadow-md);display:flex;flex-direction:column;margin:40px auto;max-width:400px;padding:40px;text-align:center}
/*# sourceMappingURL=main.d343c670.css.map*/