@import"https://api.fontshare.com/v2/css?f[]=switzer@100,101,200,201,300,301,400,401,500,501,600,601,700,701,800,801,900,901&display=swap";:root{--bg: #050505;--txt: wheat;--acsent: #f16a50;--acsent-dim: #f16a5033}body{margin:0;padding:0;min-height:100vh;background-color:var(--bg);color:var(--txt);font-family:Switzer,sans-serif;overflow-x:hidden}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}h1,h2,h3{margin:0;font-weight:600}input,button{font-family:inherit;border:none;outline:none}.main-layout{max-width:900px;margin:0 auto;padding:40px 20px;animation:slideDown .5s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px);max-height:0}to{opacity:1;transform:translateY(0);max-height:2000px}}.title-header{font-size:3rem;color:var(--acsent);margin-bottom:40px;letter-spacing:-1px;text-shadow:0 0 20px var(--acsent-dim)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease forwards}.main-layout.fade-out{animation:fadeOut .4s ease forwards}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes impactJiggle{0%{transform:translateY(0)}30%{transform:translateY(-3px)}60%{transform:translateY(1px)}to{transform:translateY(0)}}@keyframes popIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.impact-jiggle{animation:impactJiggle .2s ease-out}.assigned-wave{position:relative;display:inline-block}.assigned-wave:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:6px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 6'%3E%3Cpath d='M0 3 Q3 0 6 3 T12 3' stroke='%23f16a50' fill='none' stroke-width='1.5'/%3E%3C/svg%3E") repeat-x;background-size:10px 6px}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.user-info{display:flex;align-items:center;gap:10px}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.user-greeting{color:#666}.header-actions{display:flex;align-items:center;gap:15px}.settings-btn{background:transparent;border:none;cursor:pointer;color:#666;display:flex;align-items:center;transition:color .2s}.settings-btn svg{transition:transform .3s ease}.settings-btn:hover{color:wheat}.settings-btn.active{color:#f16a50}.settings-btn.active svg{transform:rotate(180deg)}.logout-btn{background:transparent;color:#f55;cursor:pointer;border:none;font-size:14px}.new-project-wrap{margin-bottom:20px}.new-project-input{background:#111;border:1px solid #f16a50;color:wheat;padding:10px;border-radius:8px;width:100%;font-size:18px;box-sizing:border-box;font-family:inherit}.project-item{margin-bottom:10px;animation:taskSlideIn .4s ease backwards}.project-item:nth-child(1){animation-delay:.05s}.project-item:nth-child(2){animation-delay:.1s}.project-item:nth-child(3){animation-delay:.15s}.project-item:nth-child(4){animation-delay:.2s}.project-item:nth-child(5){animation-delay:.25s}.project-item:nth-child(6){animation-delay:.3s}.project-item:nth-child(7){animation-delay:.35s}.project-item:nth-child(8){animation-delay:.4s}@keyframes taskSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.shared-divider{height:1px;background:#333;margin:20px 0}.shared-label{color:#666;margin-bottom:10px;font-size:12px}.hints{margin-top:50px;color:#444;font-size:14px}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;justify-content:center;align-items:center;z-index:1000;clip-path:circle(150% at 50% 50%);animation:circleExpand .35s ease-out}.modal-overlay.closing{animation:circleContract .3s ease-in forwards}.settings-modal{width:400px;height:450px;background:#111;border:1px solid #333;border-radius:16px;padding:20px 20px 5px;display:flex;flex-direction:column;gap:10px;box-shadow:0 20px 50px #00000080;animation:popIn .2s cubic-bezier(.175,.885,.32,1.275)}.settings-modal.closing{animation:popOut .25s ease forwards}@keyframes circleExpand{0%{clip-path:circle(0% at 50% 50%)}to{clip-path:circle(150% at 50% 50%)}}@keyframes circleContract{0%{clip-path:circle(150% at 50% 50%)}to{clip-path:circle(0% at 50% 50%)}}@keyframes popOut{0%{transform:scale(1);opacity:1}to{transform:scale(.9);opacity:0}}.settings-header{display:flex;justify-content:space-between;align-items:center}.settings-title{margin:0;color:wheat}.close-btn{background:transparent;border:none;color:#666;cursor:pointer;font-size:18px}.tabs{display:flex;border-bottom:1px solid #333;gap:20px;position:relative}.tabs:after{content:"";position:absolute;bottom:-1px;height:2px;background:#f16a50;transition:left .3s ease,width .3s ease}.tabs[data-active=profile]:after{left:0;width:45px}.tabs[data-active=prefs]:after{left:65px;width:90px}.tab{padding:10px 0;cursor:pointer;color:#666;transition:color .3s}.tab.active{color:#f16a50}.tab-content{flex:1;overflow-y:auto;min-height:0;padding-right:5px}.profile-tab{display:flex;flex-direction:column;align-items:center;gap:16px;animation:fadeIn .3s}.hover-img{position:relative;cursor:pointer}.hover-img .overlay{position:absolute;inset:0;background:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff;font-size:12px}.hover-img:hover .overlay{opacity:1}.profile-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid #333}.profile-form{text-align:center;width:100%}.username-input{background:transparent;border:none;border-bottom:1px solid #333;text-align:center;color:wheat;font-size:20px;font-weight:700;outline:none;padding:4px;width:200px}.user-email{color:#666;font-size:14px;margin-top:4px}.password-input{background:#111;border:1px solid #333;border-radius:6px;text-align:center;color:wheat;font-size:14px;outline:none;padding:8px;width:200px;margin-top:10px}.save-section{margin-top:20px;display:flex;flex-direction:column;gap:10px;align-items:center}.msg-success{color:#4caf50;font-size:12px}.msg-error{color:#f55;font-size:12px}.save-btn{background:#f16a50;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:700;font-size:12px}.user-id-box{margin-top:10px;padding:10px;background:#1a1a1a;border-radius:8px;width:100%;font-size:12px;color:#888;text-align:center;box-sizing:border-box}.prefs-tab{display:flex;flex-direction:column;gap:16px;animation:fadeIn .3s}.pref-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#1a1a1a;border-radius:8px;cursor:pointer}.pref-text{display:flex;flex-direction:column}.pref-label{color:#bbb}.pref-desc{font-size:10px;color:#666}.toggle{width:40px;height:20px;background:#333;border-radius:10px;position:relative;transition:background .3s}.toggle.active{background:#f16a50}.toggle-knob{position:absolute;top:2px;width:16px;height:16px;background:#fff;border-radius:50%;left:2px;transition:left .2s ease}.toggle.active .toggle-knob{left:22px}.toggle.jiggle .toggle-knob{animation:toggleJiggle .3s ease}@keyframes toggleJiggle{0%{transform:scale(1)}30%{transform:scale(1.25)}60%{transform:scale(.9)}to{transform:scale(1)}}.sort-section{display:flex;flex-direction:column;gap:10px;padding:10px;background:#1a1a1a;border-radius:8px}.sort-label{color:#bbb}.dropdown{position:relative}.dropdown-trigger{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#111;border:1px solid #333;border-radius:6px;color:wheat;cursor:pointer;transition:border-color .2s}.dropdown-trigger:hover{border-color:#555}.dropdown-arrow{width:12px;height:12px;transition:transform .2s ease}.dropdown-arrow path{stroke:#888;stroke-width:2;fill:none}.dropdown.open .dropdown-arrow{transform:rotate(180deg);animation:arrowJiggle .25s ease}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#111;border:1px solid #333;border-radius:6px;overflow:hidden;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .2s,transform .2s;z-index:10}.dropdown.open .dropdown-menu{opacity:1;transform:translateY(0);pointer-events:auto}.dropdown-item{padding:10px;color:#999;cursor:pointer;transition:background .15s,color .15s}.dropdown-item:hover{background:#1a1a1a;color:wheat}.dropdown-item.active{color:#f16a50}@keyframes arrowJiggle{0%{transform:rotate(180deg) scale(1)}30%{transform:rotate(180deg) scale(1.2) translateY(-2px)}60%{transform:rotate(180deg) scale(.95)}to{transform:rotate(180deg) scale(1)}}.markdown-desc p{margin:0 0 8px}.markdown-desc p:last-child{margin-bottom:0}.markdown-desc ul,.markdown-desc ol{padding-left:20px;margin:4px 0}.markdown-desc li{margin-bottom:2px}.markdown-desc a{color:var(--acsent, #f16a50);text-decoration:underline}.markdown-desc code{background:#ffffff1a;padding:2px 4px;border-radius:4px;font-size:.9em}.markdown-desc strong{color:#fff}.loading-container{display:flex;justify-content:center;padding-top:60px;height:auto;gap:6px}.loading-dot{width:8px;height:8px;background:#f16a50;border-radius:50%;animation:bounceJiggle .5s infinite alternate}.loading-dot:nth-child(2){animation-delay:.1s;background:wheat}.loading-dot:nth-child(3){animation-delay:.2s}@keyframes bounceJiggle{0%{transform:translateY(0)}to{transform:translateY(-10px)}}@keyframes toastSlideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes toastSlideUpMobile{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes syncSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.update-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#161616eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(241,106,80,.25);border-radius:14px;padding:14px 18px;display:flex;align-items:center;gap:14px;z-index:999;box-shadow:0 8px 40px #0000008c,0 0 0 1px #ffffff0a inset;animation:toastSlideUp .4s cubic-bezier(.16,1,.3,1);color:#bbb;font-size:14px;max-width:420px}.update-toast-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;border-radius:10px;background:#f16a501f;color:#f16a50;animation:syncSpin 2s linear infinite}.update-toast-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.update-toast-title{color:#eee;font-weight:600;font-size:14px}.update-toast-sub{color:#777;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.update-toast-btn{background:#f16a50;border:none;color:#fff;padding:8px 20px;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;white-space:nowrap;transition:background .2s,transform .15s}.update-toast-btn:hover{background:#e25a40}.update-toast-btn:active{transform:scale(.95)}.update-toast-dismiss{background:transparent;border:none;color:#555;cursor:pointer;font-size:14px;padding:4px 2px;transition:color .2s;line-height:1}.update-toast-dismiss:hover{color:#999}@media(max-width:768px){.update-toast{bottom:0;left:0;right:0;transform:none;max-width:none;border-radius:16px 16px 0 0;padding:16px 18px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px));gap:12px;animation:toastSlideUpMobile .4s cubic-bezier(.16,1,.3,1);border-bottom:none}.update-toast-btn{padding:10px 22px;font-size:14px}.update-toast-dismiss{padding:8px 6px;font-size:16px}}:root{--bg-dark: #000000;--secon: #f5deb3;--accnt: #f16a50}*{margin:0;padding:0;box-sizing:border-box;font-family:Switzer,sans-serif}.fade_up{opacity:0;transform:translateY(20px);animation:fade_in_up .8s ease forwards}@keyframes fade_in_up{to{opacity:1;transform:translateY(0)}}body{background:var(--bg-dark);color:var(--secon)}.main_wrap{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center}.nav_bar{width:100%;max-width:1200px;padding:32px 16px;display:flex;justify-content:space-between;align-items:center}.lg_txt{font-size:32px;font-weight:800;color:var(--accnt);letter-spacing:-1px}.gh_lnk{color:var(--secon);text-decoration:none;font-weight:500;transition:.3s;font-size:16px;position:relative}.gh_lnk:hover{color:var(--accnt)}.gh_lnk:after{content:attr(data-tip);position:absolute;top:140%;left:50%;background:var(--secon);color:#000;padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transform:translate(-50%) translateY(10px);transition:all .2s cubic-bezier(.68,-.55,.27,1.55)}.gh_lnk:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.btn_box{display:flex;gap:16px}.btn_st{padding:8px 16px;border-radius:8px;cursor:pointer;font-weight:500;transition:.2s}.p_btn{background:var(--accnt);color:#000;border:none}.pulse_btn{padding:14px 32px;font-size:18px}.s_btn{background:transparent;border:1px solid var(--secon);color:var(--secon)}.hero_split{display:flex;align-items:center;gap:48px;max-width:1200px;padding:64px 16px;width:100%}.hero_left{flex:1}.hero_right{flex:1;perspective:1000px}.main_titl{font-size:56px;font-weight:900;line-height:1.1;margin-bottom:24px}.main_titl span{color:var(--accnt)}.sub_txt{font-size:18px;opacity:.8;margin-bottom:32px;max-width:500px}.img_card{width:100%;cursor:pointer;transform-style:preserve-3d;will-change:transform;backface-visibility:hidden}.img_preview{width:100%;border-radius:24px;overflow:hidden;border:1px solid rgba(245,222,179,.2);box-shadow:0 10px 30px #00000080;backface-visibility:hidden;transform:translateZ(0)}.img_preview img{width:100%;display:block;image-rendering:-webkit-optimize-contrast;backface-visibility:hidden}.feat_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;padding:64px 16px}.feat_card{padding:32px;border:1px solid rgba(245,222,179,.1);border-radius:16px;transition:.3s}.feat_card:hover{border-color:var(--accnt);transform:translateY(-4px)}.icn_box{width:48px;height:48px;margin-bottom:16px}.icn_box img{width:100%;height:100%;object-fit:contain}.c_titl{font-size:24px;font-weight:700;margin-bottom:8px}.c_desc{font-size:16px;opacity:.7}@media(max-width:1024px){.feat_grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.hero_split{flex-direction:column;text-align:center}.sub_txt{margin-left:auto;margin-right:auto}.btn_box{justify-content:center}.main_titl{font-size:42px}.feat_grid{grid-template-columns:1fr}}@media(max-width:640px){.nav_bar{padding:16px}.lg_txt{font-size:24px}.main_titl{font-size:32px}}