:root{--primary:#6c63d9;--primary-light:#efedfc;--primary-dark:#554db7;--text:#272940;--muted:#7d829a;--line:#e3e6f0;--surface:#fff;--background:#f5f6fb;--success:#33846a}html{background:var(--background);color-scheme:light}body{background:var(--background)!important;color:var(--text)!important;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif!important;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}body,button,input,textarea,select{font-family:inherit!important}.navbar{background:rgba(255,255,255,.88)!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important;backdrop-filter:blur(16px)}.menu-container{background:#fbfbfd!important;border-right:1px solid var(--line)!important;box-shadow:none!important}.top-menu,.menu{background:transparent!important}.menu-list-link,.list-menu-link,.menu-bottom-link,.other-menu-items a{color:#6f748c!important;border-radius:11px!important;min-block-size:42px!important;margin:3px 7px!important;padding:9px 12px!important;transition:background-color .18s,color .18s}.menu-list-link:hover,.list-menu-link:hover,.menu-bottom-link:hover,.other-menu-items a:hover{background:#f0eefb!important;color:#5d55b9!important}.router-link-active,.router-link-exact-active,.is-active>.list-menu-link,.list-menu-link.is-active,.menu-list-link.is-active{background:#ebe8fa!important;color:#5c53be!important;font-weight:650!important}.project-menu-title{font-weight:550}.app-content{background:var(--background)!important}.app-content.home{padding-block-start:28px!important}.home h1,.home .title{color:var(--text)!important;font-weight:650!important;letter-spacing:-.025em}.card{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:0 7px 24px rgba(41,45,78,.055)!important;overflow:hidden}.card-content{padding:18px!important}.card .task,.task{background:var(--surface)!important;border-color:var(--line)!important;border-radius:13px!important}.task:hover{border-color:#cfc9ef!important;box-shadow:0 5px 18px rgba(74,65,142,.07)!important}.add-task,.add-task-container,.quick-add{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:16px!important;box-shadow:0 7px 24px rgba(41,45,78,.055)!important}.add-task-textarea,textarea.input,input.input,select.select,select{border:1px solid #d8dce9!important;border-radius:11px!important;background:#fff!important;color:var(--text)!important;min-block-size:46px!important;padding:11px 13px!important;font-size:15px!important;box-shadow:none!important;transition:border-color .15s,box-shadow .15s}.add-task-textarea:focus,textarea.input:focus,input.input:focus,select:focus{border-color:#8d83df!important;box-shadow:0 0 0 3px #8d83df20!important;outline:none!important}.button,.base-button{border-radius:10px!important;font-weight:550!important;min-block-size:40px!important;transition:background-color .16s,border-color .16s,box-shadow .16s}.button.is-primary,.base-button.is-primary,.add-task-button{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important;box-shadow:0 5px 14px rgba(108,99,217,.2)!important}.button.is-primary:hover,.base-button.is-primary:hover,.add-task-button:hover{background:var(--primary-dark)!important;border-color:var(--primary-dark)!important}.button.is-outlined,.base-button.is-outlined{border-color:#d9d4f1!important;color:#665dc1!important;background:#fff!important}.button.is-text,.base-button.is-text{color:#6f66c5!important}.dropdown-content,.menu-dropdown-content,.v-popper__popper-content,.modal-card{background:#fff!important;border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:0 18px 50px rgba(35,38,68,.14)!important}.modal-card-head,.modal-card-foot{border-color:var(--line)!important;background:#fbfbfd!important}.modal-card-title{color:var(--text)!important}.tag{border-radius:999px!important;font-weight:550!important}.label,.tag.is-primary{background:#efedfc!important;color:#6258bd!important}.notification{border-radius:12px!important;border:1px solid var(--line)!important}.is-success,.has-text-success{color:var(--success)!important}.is-danger,.has-text-danger{color:#b34f61!important}a{color:#6258bd!important}a:hover{color:#4e46a5!important}.loader-container{border-radius:12px!important}.login,.login-container{background:linear-gradient(145deg,#eef1fc,#f7f4fb)!important}.login .card,.login-container .card{border-radius:20px!important;box-shadow:0 22px 65px rgba(55,58,102,.12)!important}.login .card-content,.login-container .card-content{padding:30px!important}.login .title,.login-container .title{font-weight:650!important;letter-spacing:-.025em}.login .logo,.login-container .logo{filter:hue-rotate(18deg) saturate(.75)}:focus-visible{outline:3px solid #8175df!important;outline-offset:3px!important}::selection{background:#dcd6fa;color:#312c60}@media(max-width:768px){body{font-size:14px}.app-content.home{padding:16px 12px!important}.card-content{padding:14px!important}.menu-container{box-shadow:12px 0 35px rgba(33,36,64,.12)!important}.add-task-textarea,textarea.input,input.input,select{min-block-size:48px!important}.button.is-primary,.base-button.is-primary,.add-task-button{min-block-size:48px!important}.card{border-radius:14px!important}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}@media(forced-colors:active){.card,.add-task,.add-task-container,.quick-add,.menu-container,.navbar,.dropdown-content,.modal-card{border:1px solid CanvasText!important;box-shadow:none!important}.button.is-primary,.base-button.is-primary,.add-task-button{border:1px solid ButtonText!important}}

@media(min-width:769px){
  :root{--menu-width:248px}
  .menu-container{inline-size:248px!important;flex:0 0 248px!important}
  .app-content.is-menu-enabled{margin-inline-start:248px!important}
  .app-content.home{max-inline-size:1240px;margin-inline:auto;padding:96px 34px 60px!important}
  .home h1{text-align:left!important;font-size:32px!important;margin-block-end:22px!important}
  .home h1::after{content:"把今天留给重要的事";display:block;margin-block-start:7px;color:var(--muted);font-size:13px;font-weight:400;letter-spacing:.02em}
  .home .add-task,.home .add-task-container,.home .quick-add{margin-block-end:28px!important}
  .home .card{max-inline-size:100%}
  .home .card .task,.home .task{padding:17px 18px!important;margin-block-end:10px!important}
}
.app-content.home{padding-block-start:96px!important}
.add-task-textarea{min-block-size:58px!important;font-size:16px!important;line-height:1.65!important}
.card .task,.task{box-shadow:0 2px 8px rgba(41,45,78,.025)!important}
.card .task .title,.task .title,.task-title{font-size:15px!important;font-weight:550!important;line-height:1.55!important}
.card .task .task-meta,.task .task-meta,.task .labels{font-size:12px!important;line-height:1.5!important}
@media(max-width:768px){
  .app-content.home{padding:82px 12px 42px!important}
  .home h1{text-align:left!important;font-size:25px!important;margin-block-end:18px!important}
  .home h1::after{content:"把今天留给重要的事";display:block;margin-block-start:5px;color:var(--muted);font-size:12px;font-weight:400}
  .home .card .task,.home .task{padding:15px 14px!important}
}
@media(prefers-reduced-motion:no-preference){
  .app-content.home>*{animation:aurora-rise .38s cubic-bezier(.22,.8,.3,1) both}
  .app-content.home>*:nth-child(2){animation-delay:.045s}
  .app-content.home>*:nth-child(3){animation-delay:.09s}
  .app-content.home>*:nth-child(4){animation-delay:.13s}
  .card .task,.task{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
  .card .task:hover,.task:hover{transform:translateY(-2px)}
  .base-button,.button{transition:transform .12s ease,background-color .16s,box-shadow .16s}
  .base-button:active,.button:active{transform:scale(.965)}
  .dropdown-content,.menu-dropdown-content,.v-popper__popper-content,.modal-card{transform-origin:top right;animation:aurora-pop .2s cubic-bezier(.22,.8,.3,1) both}
  .menu-list-link,.list-menu-link,.menu-bottom-link{transition:background-color .18s,color .18s,transform .18s}
  .menu-list-link:hover,.list-menu-link:hover,.menu-bottom-link:hover{transform:translateX(2px)}
}
@keyframes aurora-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes aurora-pop{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}