*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:DM Sans,sans-serif;background:#fdfcf9;color:#1a1a1a;min-height:100vh;overflow:hidden}.contact-card{transition:transform .15s ease-out;cursor:grab;position:relative;-webkit-user-select:none;user-select:none}.contact-card:hover{transform:rotate(1.5deg) scale(1.02);z-index:2}.contact-card .reach-out-btn{opacity:0;pointer-events:none}.contact-card:hover .reach-out-btn{opacity:1;pointer-events:auto}@media (hover: none) and (pointer: coarse){.contact-card:hover{transform:none}.contact-card{cursor:pointer;touch-action:pan-y}.contact-card .reach-out-btn{opacity:1!important;pointer-events:auto!important}}.contact-card.is-dragging{opacity:.55;transform:rotate(4deg) scale(1.04);cursor:grabbing;z-index:99}.col-drop{outline:3px dashed #D4654A;outline-offset:-3px;background:#d4654a0f!important}@keyframes slideInPanel{0%{transform:translate(110%)}to{transform:translate(0)}}.detail-panel{animation:slideInPanel .26s cubic-bezier(.34,1.4,.64,1)}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.93)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.modal-box{animation:modalIn .2s ease-out forwards}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}.overlay{animation:fadeOverlay .2s ease-out}@keyframes nudgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.nudge-pulse{animation:nudgePulse 2s ease-in-out infinite}@keyframes logoReveal{0%{clip-path:inset(-30px 100% -30px -5px)}to{clip-path:inset(-30px -15px -30px -5px)}}.logo-handwrite{animation:logoReveal 1s cubic-bezier(.22,.61,.36,1) .3s both}@keyframes spiralDraw{0%{stroke-dashoffset:150}65%{stroke-dashoffset:30}to{stroke-dashoffset:0}}.logo-spiral-ee path{stroke-dasharray:150;stroke-dashoffset:150;animation:spiralDraw 1.2s cubic-bezier(.22,.61,.36,1) .9s forwards}@media (prefers-reduced-motion: reduce){.logo-handwrite{animation:none;clip-path:none}.logo-spiral-ee path{animation:none;stroke-dashoffset:0}}.card-scroll::-webkit-scrollbar{width:3px}.card-scroll::-webkit-scrollbar-track{background:transparent}.card-scroll::-webkit-scrollbar-thumb{background:#c8c2ba;border-radius:2px}.ul-input{border:none;border-bottom:2.5px solid #1A1A1A;background:transparent;font-family:DM Sans,sans-serif;font-size:14px;color:#1a1a1a;padding:4px 0;outline:none;width:100%}.ul-input::placeholder{color:#c8c2ba}.ul-input:focus{border-bottom-color:#d4654a}.search-input{border:none;border-bottom:2.5px solid #1A1A1A;background:transparent;font-family:DM Sans,sans-serif;font-size:14px;color:#1a1a1a;padding:4px 8px 4px 4px;outline:none;width:180px}.search-input::placeholder{color:#c8c2ba}.search-input:focus{border-bottom-color:#d4654a}.btn{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;border:2px solid #1A1A1A;padding:6px 14px;transition:transform .12s ease-out,background .12s,color .12s,opacity .12s;display:inline-flex;align-items:center;justify-content:center}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{cursor:not-allowed}.btn-primary{background:#d4654a;color:#fff;border-color:#d4654a}.btn-primary:hover:not(:disabled){background:#b8503a;border-color:#b8503a}.btn-outline{background:transparent;color:#1a1a1a}.btn-outline:hover:not(:disabled){background:#f5f2ed}.btn-filled{background:#1a1a1a;color:#fff}.btn-filled:hover:not(:disabled){background:#333}textarea,select{font-family:DM Sans,sans-serif}textarea{resize:none}@media (min-width: 769px) and (max-width: 1024px){.board-main{padding:18px 16px!important}.board-columns{gap:14px!important}.board-column{flex:0 0 240px!important}.detail-panel{width:380px!important}.modal-box{max-width:80vw!important}header{padding-left:16px!important;padding-right:16px!important}}.header-add-short{display:none}.header-add-full{display:inline}.mobile-bottom-nav{display:none}@media (max-width: 768px){body{overflow:auto}.app-header{padding:10px 16px!important;gap:10px;border-bottom-width:1.5px!important}.header-logo{flex-shrink:0}.logo-handwrite{font-size:24px!important}.logo-spiral-ee{width:34px!important;height:44px!important}.header-controls,.header-nudge-badge,.header-add-btn{display:none!important}.header-search{flex:1;min-width:0}.header-search .search-input{width:100%!important;font-size:13px!important;padding:6px 4px!important;border-bottom-width:1.5px!important}.app-shell{overflow:auto!important;height:100vh;padding-bottom:72px!important}.mobile-bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;height:68px;background:#fdfcf9;border-top:1.5px solid #1A1A1A;z-index:90;align-items:center;justify-content:space-around;padding:0 8px;gap:0}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-size:10px;font-weight:500;color:#c8c2ba;padding:8px 12px;transition:color .2s;-webkit-tap-highlight-color:transparent;position:relative}.bottom-nav-item.active{color:#1a1a1a}.bottom-nav-item.active:after{content:"";position:absolute;top:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background:#d4654a;border-radius:50%}.bottom-nav-item svg{width:22px;height:22px}.bottom-nav-badge{position:absolute;top:-2px;right:-6px;background:#d4654a;color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;line-height:1}.bottom-nav-add{padding:0}.bottom-nav-add-circle{width:48px;height:48px;background:#d4654a;border:2px solid #1A1A1A;border-radius:50% 30% 50% 40%;display:flex;align-items:center;justify-content:center;color:#fff;margin-top:-18px;transition:transform .15s ease-out}.bottom-nav-add:active .bottom-nav-add-circle{transform:scale(.92)}.board-main{padding:14px 16px 8px!important;position:relative}.board-columns{gap:14px!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-padding-left:16px;padding-bottom:4px}.board-column{flex:0 0 80vw!important;max-width:80vw;scroll-snap-align:start}.board-column>div:first-child{padding:8px 14px 10px!important;margin-bottom:10px!important;border-width:1.5px!important}.board-column>div:first-child span{font-size:14px!important}.board-main:after{content:"";position:absolute;top:0;right:0;bottom:0;width:24px;background:linear-gradient(to right,transparent,#FDFCF9);pointer-events:none;z-index:2}.contact-card{padding:12px 14px!important;margin-bottom:10px!important;font-size:12px;border-width:2px!important}.contact-card>div:first-of-type{gap:10px!important}.contact-card>div:first-of-type>svg{width:36px!important;height:36px!important}.contact-card .reach-out-btn{font-size:11px!important;padding:5px 12px!important;min-height:30px!important;bottom:8px!important;right:8px!important;border-radius:8px 16px 8px 14px!important}.contact-card:hover{transform:none}.contact-card{cursor:pointer}.detail-panel{width:100vw!important;max-width:100vw!important;top:auto!important;bottom:0!important;height:92vh!important;border-left:none!important;box-shadow:none!important;border-top:2px solid #1A1A1A!important;border-radius:20px 20px 0 0!important;animation:slideUpSheet .3s cubic-bezier(.34,1.2,.64,1)!important}.detail-panel>div:first-child{position:relative}.detail-panel:before{content:"";position:sticky;top:0;display:block;width:36px;height:4px;background:#c8c2ba;border-radius:2px;margin:10px auto 0;z-index:1}.detail-panel>div:last-child{padding:14px 20px 28px!important}.detail-panel .detail-close-btn{width:36px!important;height:36px!important;font-size:20px!important;padding:0!important}.detail-panel .column-pills{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding-bottom:4px;gap:6px!important}.detail-panel .column-pills button{white-space:nowrap;flex-shrink:0}.tasks-main{padding:20px 16px 32px!important}.tasks-main .task-row-actions button{width:38px!important;height:38px!important;font-size:15px!important}.tasks-tab-bar{gap:6px!important;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.tasks-tab-bar button{white-space:nowrap;flex-shrink:0}.modal-box{width:92vw!important;max-width:92vw!important;padding:24px 22px!important;border-radius:20px 36px 20px 30px!important;border-width:2px!important}.btn{min-height:42px;padding:8px 16px}.profile-menu{position:fixed!important;left:16px!important;right:16px!important;top:auto!important;bottom:80px!important;width:auto!important;border-radius:16px 24px 16px 20px!important}}@keyframes slideUpSheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (max-width: 400px){.board-column{flex:0 0 86vw!important;max-width:86vw}.board-main{padding:10px 10px 8px!important}.board-columns{scroll-padding-left:10px}.app-header{padding:8px 12px!important}.modal-box{width:96vw!important;max-width:96vw!important;padding:20px 16px!important}.logo-handwrite{font-size:22px!important}.logo-spiral-ee{width:30px!important;height:40px!important}.mobile-bottom-nav{height:62px}.bottom-nav-add-circle{width:44px;height:44px;margin-top:-14px}.bottom-nav-item{font-size:9px;padding:6px 8px}}@media (max-height: 500px) and (orientation: landscape){header{padding-top:6px!important;padding-bottom:6px!important}.board-main{padding-top:10px!important}.detail-panel>div:last-child{padding-top:12px!important;padding-bottom:12px!important}.mobile-bottom-nav{height:54px}.bottom-nav-add-circle{width:40px;height:40px;margin-top:-10px}.bottom-nav-item span{display:none}}@supports (padding: env(safe-area-inset-bottom)){@media (max-width: 768px){header{padding-left:max(16px,env(safe-area-inset-left))!important;padding-right:max(16px,env(safe-area-inset-right))!important}.mobile-bottom-nav{padding-bottom:env(safe-area-inset-bottom)!important;height:calc(68px + env(safe-area-inset-bottom))}.app-shell{padding-bottom:calc(72px + env(safe-area-inset-bottom))!important}.detail-panel{padding-bottom:env(safe-area-inset-bottom)!important}.modal-box{margin-bottom:env(safe-area-inset-bottom)}.profile-menu{bottom:calc(80px + env(safe-area-inset-bottom))!important}}}