.user-indicator{position:relative;width:38px;height:38px;border-radius:50%;background:linear-gradient(119deg,#41d6ff88,#7264ffe0);color:#fff;font-weight:700;font-size:1.28em;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 9px #60f8ff48;cursor:pointer;margin-left:1.1em;margin-right:.4em;transition:box-shadow .14s;-webkit-user-select:none;-moz-user-select:none;user-select:none}.user-indicator:hover{box-shadow:0 2px 18px #5dcfff90}.online-dot{position:absolute;right:4px;bottom:3px;width:11px;height:11px;border-radius:50%;background:#28ed74;border:2px solid #2c6b41;box-shadow:0 0 4px #24ff7277}.logout-btn{position:absolute;top:-8px;right:-8px;border:none;background:#194080d4;color:#fff;border-radius:7px;width:19px;height:19px;font-weight:700;cursor:pointer;font-size:1rem;opacity:.75;transition:background .18s,opacity .1s;z-index:1;display:none}.user-indicator:hover .logout-btn{display:block;opacity:1}@media (max-width:768px){.user-indicator{margin-left:0;margin-top:1.2em;align-self:flex-end}}.navbar{background-color:#A1D6A1;padding:1rem 2rem;position:relative;z-index:10}.navbar-brand{display:flex;align-items:center;gap:.75rem}.hamburger{align-items:center;padding:0;margin-left:auto}.hamburger span{margin:4px 0;background:#153e2a}.nav-links{gap:1.3rem;align-items:center;list-style:none;padding:0;margin:0;transition:none;position:static;background:none;box-shadow:none;opacity:1;pointer-events:auto}.nav-links li a{text-decoration:none;color:#fff;background-color:#153E2A;padding:.6rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;box-shadow:0 2px 5px rgba(0,0,0,.08);transition:background .2s,color .2s;display:inline-block}.nav-links li a:hover{background:#0f2f1f;color:#c1ffda}.user-indicator{margin-left:1.2em}@media (max-width:920px){.nav-links{gap:.6rem}}@media (max-width:800px){.navbar{position:fixed!important;top:0;left:0;right:0;width:100vw;z-index:2000;padding:1rem 2rem;height:56px;align-items:center}.navbar-brand{align-items:center;z-index:2100}.hamburger{display:flex!important;position:absolute;right:18px;top:50%;transform:translateY(-50%);margin:0;z-index:2101}.nav-links{display:flex;flex-direction:column;align-items:flex-start;position:fixed;top:0;right:-80vw;width:70vw;max-width:330px;height:100vh;background:#1a1a38;gap:1.4em;font-size:1.1em;padding-top:4.2rem;padding-left:1.5em;box-shadow:-2px 0 16px #2225;z-index:2100;opacity:0;pointer-events:none;transition:right .35s cubic-bezier(.7,1.1,.67,1.43),opacity .32s}.nav-links.nav-active{right:0!important;opacity:1;pointer-events:auto;transition:right .35s cubic-bezier(.7,1.1,.67,1.43),opacity .22s .12s}.nav-links li{width:100%;margin:.5em 0}.user-indicator{position:fixed;right:15px;top:14px;margin-left:0;z-index:2110}.main-content,main{margin-top:56px!important}}@media (max-width:420px){.nav-links{width:98vw;max-width:none;font-size:1em;padding-top:3em;padding-left:.7em}}.title.neon-glass{color:#fff!important;font-weight:900!important;letter-spacing:.09em;font-size:2.1rem;text-transform:uppercase;text-shadow:0 0 1px #fff,0 1px 2px #cfeafd77}@media (max-width:640px){.title.neon-glass{font-size:1.18rem;letter-spacing:.07em;text-shadow:0 0 .5px #fff,0 1px 1.5px #cfeafd55}}@media (max-width:400px){.title.neon-glass{font-size:.92rem;letter-spacing:.06em;text-shadow:0 0 .2px #fff,0 1px 1px #cfeafd44}}.navbar-logo{filter:brightness(20) invert(1) drop-shadow(0 0 2px #fff);border-radius:8px}@media (max-width:640px){.navbar-logo{width:29px!important;height:29px!important;min-width:24px;min-height:24px}}@media (max-width:400px){.navbar-logo{width:20px!important;height:20px!important;min-width:16px;min-height:16px}}.sidebar{width:60px;background-color:#1b5e20;padding:1rem 0;gap:1.5rem;color:white}.sidebar a{font-size:1.5rem;color:white;text-decoration:none}X .sidebar a:hover{transform:scale(1.2)}@media (max-width:900px){.sidebar{display:none!important}}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Segoe UI Variable,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(140deg,#0a1a4d,#04132a);color:#e0ebff;min-height:100vh;letter-spacing:.02em;display:flex}a{color:inherit;text-decoration:none}.layout-container{display:flex;width:100%;min-height:100vh}.sidebar{width:72px;background:linear-gradient(185deg,#162561,#1a2187);position:fixed;top:0;left:0;padding-top:1.5rem;align-items:center;box-shadow:3px 0 18px #232fff30;z-index:1000;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border-right:2px solid #297bff20}.main-content,.sidebar{min-height:100vh;display:flex;flex-direction:column}.main-content{margin-left:72px;flex-grow:1;transition:margin .2s}.navbar{position:-webkit-sticky;position:sticky;top:0;background:rgba(21,31,76,.85);-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%);z-index:999;width:100%;padding:1rem 2.2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1.5px solid #364ffb70;box-shadow:0 2px 18px #22b0ff28}.navbar h1{font-size:1.6rem;font-weight:800;letter-spacing:.08em;background:linear-gradient(105deg,#76eeff 14%,#3c7dbf 70%,#8915f8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#dadfff;text-shadow:0 2px 16px #52b2ff,0 0 19px #45e1ff7e}.nav-links{display:flex;gap:1.15rem}.nav-links a{color:#cde8ff;background:rgba(38,42,92,.82);padding:.53em 1.4em;border-radius:14px;font-weight:700;letter-spacing:.04em;font-size:1.02rem;transition:.23s;box-shadow:0 2px 11px #55f6ff30;border:1.2px solid transparent;text-shadow:0 1px 7px #2c6af980}.nav-links a:hover{background:linear-gradient(110deg,#1f47e0 40%,#4cd6ff);color:#fff;box-shadow:0 0 20px #5ed0ffcc,0 0 3px #a69fff66;border-color:#5ed0ffba;text-shadow:0 2px 18px #8dbbff,0 0 8px #00d0ff}main{flex-grow:1;padding:2rem;display:flex;flex-direction:column;gap:2rem;color:#eaf6ff}.about-page,.home-page,.main-content,main{color:#eaf6ff!important;text-shadow:0 0 4px #1a4fff23}.about-page,.about-page *,.about-page .description,.about-page p{color:#eaf6ff!important;background:none!important}.pomodoro-page .card .pomodoro-desc,.pomodoro-page .card p,.pomodoro-page .card p.pomodoro-desc{color:#182336!important;text-shadow:none!important;font-weight:500!important}.pomodoro-page .card h2,.pomodoro-page .card h3{color:#1a2d65!important;text-shadow:0 2px 8px #c5d6ff32}.pomodoro-page .card #timer{color:#133155!important;font-weight:700!important;font-size:3.2rem!important;text-shadow:0 1px 7px #3e52aa33}.pomodoro-page .card button{background:linear-gradient(99deg,#2565d2,#3eceff);color:#fff!important;border:none;border-radius:12px;box-shadow:0 4px 15px #248fdce0;padding:.5em 2em;margin:1em .7em 0;font-weight:700;letter-spacing:.05em;transition:filter .17s}.pomodoro-page .card button:hover{filter:brightness(1.16);outline:2px solid #53e0f980}.card{background:rgba(32,54,112,.8);border:1.7px solid #70cfff25;border-radius:21px;padding:2em 2.3em;box-shadow:0 0 40px #5edbff25,0 8px 32px 0 #3956b03a;-webkit-backdrop-filter:blur(22px) saturate(172%);backdrop-filter:blur(22px) saturate(172%);width:100%;max-width:435px;margin:0 auto;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden;color:#e2edff;transition:box-shadow .17s}.card:before{content:"";position:absolute;top:-22%;left:-15%;width:140%;height:140%;background:radial-gradient(circle at 80% 18%,#a3f4ff55 0,transparent 74%);opacity:.16;filter:blur(13px);z-index:0;pointer-events:none}.card:hover{box-shadow:0 0 60px #5edbffb2,0 0 30px #1a48e744;border-color:#5edbff63}.card *{position:relative;z-index:1}h1,h2,h3,h4{background:linear-gradient(90deg,#befaff 14%,#3ea9ff 54%,#bfa8ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:#1841a3;text-shadow:0 2px 8px #54f7ff64,0 0 2px #1b80ff27;letter-spacing:.048em;font-weight:800}h1{font-size:2.2rem}h2{font-size:1.5rem}h3{font-size:1.18rem}h4{font-size:1.05rem}.task-log-list{align-items:center;gap:1.3em;max-width:440px;margin:0 auto}.task-log-card,.task-log-list{display:flex;flex-direction:column;width:100%}.task-log-card{background:rgba(24,34,78,.92);border:1.5px solid #60afff30;border-radius:18px;padding:1.15em 1.7em;max-width:420px;min-width:320px;box-sizing:border-box;color:#ddeaff;align-items:stretch;gap:.9em;box-shadow:0 0 14px #41d2e018;transition:box-shadow .14s}.task-log-card,.task-log-card:last-child{margin-bottom:0}.task-log-card input,.task-log-card textarea{font-size:1.13rem;padding:.9em 1em;border-radius:8px;border:1.2px solid #48b7ff50;color:#233357;background:rgba(255,255,255,.13);resize:vertical;margin-bottom:0;box-sizing:border-box}.task-log-card input:focus,.task-log-card textarea:focus{border-color:#44e6ff;background:rgba(255,255,255,.19);outline:none}.task-log-card .task-log-time{align-self:flex-end;opacity:.73;font-size:.99em;margin-bottom:.3em}.task-log-card .task-log-delbtn{align-self:flex-end;background:linear-gradient(96deg,#ff4879 60%,#6cf4ff 110%);color:white;border:none;border-radius:6px;padding:.5em 1.1em;margin-top:.1em;font-size:1.07rem;font-weight:600;cursor:pointer;transition:background .14s,transform .12s;box-shadow:0 1px 8px #ff487960}.task-log-card .task-log-delbtn:hover{background:linear-gradient(91deg,#ff4f8b 40%,#4fdaff 120%);transform:scale(1.05)}.todo-list{flex-direction:column;gap:1.3em;max-width:440px;margin:0 auto}.todo-card,.todo-list{display:flex;align-items:center;width:100%}.todo-card{background:rgba(24,34,78,.92);border:1.5px solid #60afff30;border-radius:18px;padding:1.15em 1.7em;min-width:320px;max-width:420px;margin-bottom:0;box-sizing:border-box;color:#ddeaff;justify-content:space-between;box-shadow:0 0 14px #41d2e018;transition:box-shadow .14s}.todo-card:hover{box-shadow:0 0 28px #54f7ff45}.todo-card input[type=text],.todo-card textarea{background:rgba(255,255,255,.14);color:#1d4063;padding:.57em .95em;border-radius:8px;border:1px solid #48b7ff50;flex:1 1;width:100%}.todo-card button{margin-left:1em;background:linear-gradient(96deg,#378cff,#44e6ff 85%);color:#fff;border:none;border-radius:10px;padding:.47em 1.15em;font-weight:600;box-shadow:0 2px 8px #209bffde;transition:filter .2s}.todo-list .todo-card:last-child{margin-bottom:0}.todo-card button:hover{filter:brightness(1.2)}.help-page{display:flex;flex-direction:column;align-items:center;text-align:center}.help-page h2{font-size:2.1rem;color:#c8d6ff;margin-bottom:.5rem}.help-page .card{margin-top:1.1rem;text-align:center}.footer{padding:1.1rem;text-align:center;background-color:#0c1241;color:#8ab2ff;font-size:.97rem;border-top:1.5px solid #364ffb52;margin-top:auto;letter-spacing:.04em;box-shadow:0 -2px 18px #1f183380}@media (max-width:900px){.layout-container,body{flex-direction:column}.sidebar{flex-direction:row;width:100vw;min-height:unset;height:54px;position:fixed;top:0;left:0;right:0;border-right:none;border-bottom:2px solid #297bff20;box-shadow:0 3px 18px #232fff30;padding-top:0;z-index:999;justify-content:center;align-items:center}.main-content{margin-left:0;margin-top:54px;padding:1rem .2rem}.navbar{padding:.5rem 1rem}.card,.task-log-card,.todo-card{max-width:98%;padding:1.3rem .7rem}.task-log-list,.todo-list{max-width:100vw}}@media (max-width:600px){.sidebar{height:45px;min-height:45px;padding-top:0;box-shadow:0 2px 14px #232fff1f;font-size:1.12em}.main-content,.navbar{margin-left:0!important;padding:.5rem .3rem}.navbar h1{font-size:1rem;padding:.3rem .2rem;line-height:1.1}main{padding:.2rem;gap:1.1rem}.card,.task-log-card,.todo-card{min-width:unset!important;max-width:99vw!important;padding:.8em .3em!important}.task-log-list,.todo-list{max-width:100vw;gap:.6em}h1{font-size:1.4rem}h2{font-size:1.1rem}h3{font-size:1.02rem}.task-log-card input,.task-log-card textarea,.task-log-desc,.task-log-input{font-size:.98rem!important;padding:.7em .6em;height:42px!important;min-height:38px!important;max-height:70px!important}.footer{font-size:.89rem;padding:.6rem .1rem}}@media (max-width:400px){.navbar h1{font-size:.9rem}.card,.task-log-card,.todo-card{padding:.4em .1em!important}}.text-center{text-align:center}.task-log-card input,.task-log-card textarea,.task-log-desc,.task-log-input{width:100%;height:58px!important;min-height:58px!important;max-height:140px;font-size:1.15rem;padding:1em 1.1em;border-radius:11px;border:1.5px solid #70cfff54;background:rgba(255,255,255,.1);color:#233357;box-sizing:border-box;margin-bottom:0;resize:none!important;display:block;outline:none;vertical-align:middle}.task-log-card input:focus,.task-log-card textarea:focus,.task-log-desc:focus,.task-log-input:focus{border-color:#44e6ff;outline:none;background:rgba(255,255,255,.17)}.hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:none;cursor:pointer;position:relative;z-index:1200}.hamburger span{display:block;width:28px;height:4px;background:#cde8ff;border-radius:3px;margin:3px 0;transition:.3s}.hamburger.open span:first-child{transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}@media (max-width:900px){.sidebar{display:none!important}.hamburger{display:flex!important}.nav-links{flex-direction:column;position:fixed;top:0;right:-80vw;height:100vh;width:70vw;max-width:320px;background:#1a2187;align-items:flex-start;padding-top:4.5rem;padding-left:1.6rem;gap:1.1rem;box-shadow:-2px 0 18px #232fff30;transition:right .34s cubic-bezier(.64,0,.2,1);z-index:1101}.nav-links.nav-active{right:0!important}body:has(.nav-links.nav-active){overflow:hidden}.main-content{margin-left:0!important}}@media (max-width:600px){.nav-links{width:92vw;max-width:none;padding-top:3.5rem;padding-left:1rem;font-size:1.09rem}}@media (max-width:400px){.nav-links{width:99vw;padding-left:.3rem;font-size:1em}}footer{background-color:#003d26;color:white;text-align:center;padding:1rem;margin-top:auto;font-size:.9rem;box-shadow:0 -2px 4px rgba(0,0,0,.1)}