@import url("soft-controls.css");

dialog select{width:100%;border:1px solid #dedbe7;border-radius:9px;padding:11px 12px;color:var(--ink);background:#fff;font:400 14px inherit}

/* Keep the study dashboard compact: scroll tasks beyond the first four. */
#today-tasks{height:336px;max-height:336px;min-height:336px;overflow-y:scroll!important;overscroll-behavior:contain;padding-right:7px;scrollbar-width:thin;scrollbar-color:#c7c0ef transparent}
#today-tasks .task-row{min-height:84px}
#today-tasks .task-row:first-child{border-top:0}
.feature-grid>article:first-child{height:466px;min-height:466px;max-height:466px;overflow:hidden;display:flex;flex-direction:column}
#today-tasks::-webkit-scrollbar{width:5px}
#today-tasks::-webkit-scrollbar-track{background:transparent}
#today-tasks::-webkit-scrollbar-thumb{border-radius:10px;background:#c7c0ef}
@media(max-width:650px){.feature-grid>article:first-child{height:450px;min-height:450px;max-height:450px}#today-tasks{height:320px;max-height:320px;min-height:320px}}

.subject-tag{display:inline-flex;align-items:center;margin-left:4px;padding:3px 7px;border-radius:99px;font-size:10px;font-weight:700;line-height:1;letter-spacing:.2px;vertical-align:middle}.subject-tag.coding{background:#e9f1ff;border:1px solid #cfddfa;color:#527fc8}.subject-tag.science{background:#fff0ee;border:1px solid #f5d4ce;color:#ce705a}.subject-tag.language{background:#e8f7f2;border:1px solid #ccece1;color:#319579}.subject-tag.reading{background:#fff7de;border:1px solid #f2e3b4;color:#ac832c}.subject-tag.general{background:#f1effa;border:1px solid #ded9ef;color:#756a9d}

#today-tasks .task-row .start-task{grid-column:1;grid-row:2}#today-tasks .complete-task{z-index:1;grid-column:2;grid-row:2;justify-self:end;align-self:center;display:grid;place-items:center;width:32px;height:32px;margin:0;padding:0;appearance:none;border:1px solid #d8d1fb;border-radius:9px;background:#eeeaff;color:transparent;font:700 22px/1 "DM Sans",sans-serif;text-align:center;cursor:pointer;transition:.2s}#today-tasks .complete-task:hover{border-color:#9b8ee6;background:#e5e0ff}.completed-task{position:relative;isolation:isolate;background:#e8e7ea!important;color:#8d8b93!important;overflow:hidden}.completed-task:after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(to bottom right,transparent calc(50% - 2px),rgba(78,76,84,.42) calc(50% - 1px),rgba(78,76,84,.42) calc(50% + 1px),transparent calc(50% + 2px));pointer-events:none}.completed-task>*{position:relative;z-index:1}.completed-task .start-task{pointer-events:none;background:#dbd9de!important;color:#89868f!important}#today-tasks .completed-task .complete-task{border-color:#a89de9;background:#a89de9;color:#fff}.completed-task b,.completed-task small{color:#77747c!important}
.task-context-menu{display:none;position:fixed;z-index:20;width:210px;padding:15px;border:1px solid #ded9f3;border-radius:13px;background:#fff;box-shadow:0 14px 36px rgba(48,39,94,.18);color:#4f4b5e}.task-context-menu.visible{display:grid;gap:11px}.task-context-menu strong{font-size:13px}.task-context-menu label{display:grid;gap:5px;color:#777384;font-size:11px;font-weight:600}.task-context-menu select,.task-context-menu input{width:100%;border:1px solid #dedbe7;border-radius:7px;padding:8px;color:var(--ink);background:#fff;font:12px inherit}.task-context-menu>div{display:flex;gap:7px;margin-top:2px}.task-context-menu button{border:0;border-radius:7px;padding:8px 9px;font:600 11px inherit;cursor:pointer}.task-context-menu .save-edit{background:#eeeaff;color:#6555c1}.task-context-menu .cancel-task{background:#fff0ed;color:#c4644a}
#today-tasks .task-row:nth-child(1) .subject-tag{background:#e9f1ff;border:1px solid #cfddfa;color:#527fc8}#today-tasks .task-row:nth-child(2) .subject-tag{background:#fff7de;border:1px solid #f2e3b4;color:#ac832c}
#today-tasks .task-row{-webkit-touch-callout:none;user-select:none}
#study-goal-dialog input,#study-goal-dialog select{border-color:#ebe8f1!important;border-radius:13px!important;background:#fdfcff!important;box-shadow:inset 0 1px 2px rgba(66,58,98,.035)}#study-goal-dialog input:focus,#study-goal-dialog select:focus{outline:2px solid #e7e2ff;border-color:#c6bcf5!important}

@keyframes study-ripple{0%{transform:translateY(9px) scale(.985);box-shadow:0 0 0 0 rgba(118,102,220,.17);opacity:0}58%{transform:translateY(-2px) scale(1);box-shadow:0 0 0 13px rgba(118,102,220,0);opacity:1}100%{transform:translateY(0);box-shadow:0 8px 20px rgba(62,53,110,.045)}}@keyframes study-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.feature-page .feature-grid>article{animation:study-ripple .7s cubic-bezier(.2,.8,.2,1) both,study-drift 4.8s ease-in-out .75s infinite}.feature-page .feature-grid>article:nth-child(2){animation-delay:.13s,.95s}.feature-page .feature-grid>article:hover{animation-play-state:paused;transform:translateY(-3px);box-shadow:0 12px 25px rgba(62,53,110,.08)}
 .feature-page .feature-grid>article:nth-child(2){animation-delay:0s,.75s}
@keyframes study-title-ripple{0%{opacity:0;transform:translateY(12px);letter-spacing:4px;text-shadow:0 0 0 rgba(118,102,220,.4)}65%{opacity:1;transform:translateY(-1px);letter-spacing:-1.2px;text-shadow:0 0 18px rgba(118,102,220,0)}100%{opacity:1;transform:none;letter-spacing:-2px}}.feature-page>h1,.study-title-row h1{animation:study-title-ripple .8s cubic-bezier(.2,.8,.2,1) both}
.feature-page #today-tasks .completed-task{border-radius:13px;margin:5px 0;padding:14px 12px}

/* Keep completed cards in the exact original task slot on every screen size. */
#today-tasks .task-row.completed-task{box-sizing:border-box;margin:0!important;padding:16px 0!important;min-height:84px;border-radius:13px}
#today-tasks .task-row.completed-task{background:transparent!important;overflow:visible}#today-tasks .task-row.completed-task:before{content:"";position:absolute;z-index:0;inset:3px 0;border-radius:13px;background:#e8e7ea}#today-tasks .task-row.completed-task:after{inset:3px 0;border-radius:13px}
.feature-page .feature-grid>article,.feature-page .feature-grid>article:nth-child(2){animation-delay:0s!important}
.study-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.study-title-row h1{margin-right:0}.study-tools{display:grid;gap:7px;width:190px}.study-tool-link{display:grid;grid-template-columns:28px auto;column-gap:8px;align-items:center;padding:8px 11px;border:1px solid #ddd7fa;border-radius:12px;background:#f3f1ff;color:#6253bb;text-decoration:none;transition:.2s}.study-tool-link:hover{transform:translateY(-2px);background:#ebe7ff;box-shadow:0 8px 16px rgba(87,70,174,.1)}.study-tool-link span{grid-row:1 / 3;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#ded7ff;font-size:15px}.study-tool-link b{font-size:12px}.study-tool-link small{font-size:10px;color:#8a83ab}@media(max-width:650px){.study-title-row{gap:10px}.study-title-row h1{font-size:36px}.study-tools{width:155px}.study-tool-link{padding:7px 8px}.study-tool-link small{display:none}}
.study-title-row{position:relative;min-height:128px;isolation:isolate}.study-title-row h1,.study-tools{position:relative;z-index:2}.study-energy{position:absolute;z-index:1;left:19%;right:173px;top:2px;height:124px;pointer-events:none;overflow:visible}.study-energy svg{display:block;width:100%;height:100%;overflow:visible}.study-energy path{fill:none;stroke:#cfc6ff;stroke-width:1.45;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 3px rgba(151,132,245,.28));stroke-dasharray:4 6;animation:vine-grow 1.25s cubic-bezier(.25,.8,.3,1) .12s forwards}.study-energy path:nth-child(2){animation-delay:.27s}.study-energy path:nth-child(3){animation-delay:.42s}.study-energy .energy-dot{fill:#fff;stroke:#9b88ec;stroke-width:1.4;opacity:0;filter:drop-shadow(0 0 5px #a891ff);animation:particle-show .12s linear forwards}.study-energy .dot-one{animation-delay:.15s}.study-energy .dot-two{animation-delay:.42s}.study-energy .dot-three{animation-delay:.69s}@keyframes vine-grow{from{opacity:0;stroke-dashoffset:230}to{opacity:.78;stroke-dashoffset:0}}@keyframes particle-show{to{opacity:1}}@keyframes energy-flash{0%,55%{border-color:#ddd7fa;box-shadow:none}72%{border-color:#a794f6;box-shadow:0 0 0 2px rgba(181,164,255,.22),0 0 18px rgba(156,135,247,.34)}100%{border-color:#ddd7fa;box-shadow:none}}.study-tool-link{animation:energy-flash .9s ease-out both}.study-tool-link:nth-child(1){animation-delay:1.12s}.study-tool-link:nth-child(2){animation-delay:1.39s}.study-tool-link:nth-child(3){animation-delay:1.66s}
@media(max-width:650px){.study-title-row{min-height:118px;gap:8px;align-items:flex-start}.study-title-row h1{margin:35px 0 0 13px;font-size:38px;letter-spacing:-1.8px}.study-tools{width:148px;flex:0 0 148px}.study-energy{left:31%;right:137px;top:10px;height:104px}.study-energy path{stroke-width:1.2}.study-tool-link{min-height:33px;padding:6px 8px}.study-tool-link span{width:23px;height:23px;font-size:13px}.study-tool-link b{font-size:11px}}
@media(prefers-reduced-motion:reduce){.study-energy,.study-tool-link{animation:none}.study-energy path,.study-energy .energy-dot{animation:none;opacity:.5}}
/* A softer, hand-drawn branch system for the Study tools. */
.study-energy{top:-2px;height:136px}.study-energy .vine-main{fill:none;stroke:url(#vineGlow);stroke-width:2.45;stroke-linecap:round;stroke-linejoin:round;opacity:0;stroke-dasharray:5 5;filter:drop-shadow(0 0 4px rgba(166,145,249,.34));animation:vine-grow-soft 1.65s cubic-bezier(.2,.78,.25,1) forwards}.study-energy .vine-main:nth-of-type(2){animation-delay:.16s}.study-energy .vine-main:nth-of-type(3){animation-delay:.32s}.study-energy .vine-twig{fill:none;stroke:#c6b9fa;stroke-width:1.75;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 3px rgba(166,145,249,.25));stroke-dasharray:18;animation:twig-unfurl .55s ease-out forwards}.study-energy .vine-twig:nth-of-type(4){animation-delay:.66s}.study-energy .vine-twig:nth-of-type(5){animation-delay:.93s}.study-energy .vine-twig:nth-of-type(6){animation-delay:1.1s}.study-energy .vine-twig:nth-of-type(7){animation-delay:1.26s}.study-energy .vine-twig:nth-of-type(8){animation-delay:1.42s}.study-energy .energy-dot{display:none}.study-energy .energy-flow{opacity:0;transform-box:fill-box;transform-origin:center;animation:energy-flow-appear .26s ease-out forwards,energy-sparkle .62s ease-in-out infinite}.study-energy .flow-one{animation-delay:.1s,.1s}.study-energy .flow-two{animation-delay:.38s,.38s}.study-energy .flow-three{animation-delay:.66s,.66s}.study-energy .halo{fill:#c6b8ff;opacity:.22;filter:blur(2px)}.study-energy .glow{fill:#dcd4ff;opacity:.9;filter:drop-shadow(0 0 5px #a88fff)}.study-energy .core{fill:#fff;filter:drop-shadow(0 0 3px #fff)}@keyframes vine-grow-soft{from{opacity:0;stroke-dashoffset:190}65%{opacity:.92}to{opacity:.72;stroke-dashoffset:0}}@keyframes twig-unfurl{from{opacity:0;stroke-dashoffset:18}to{opacity:.68;stroke-dashoffset:0}}@keyframes energy-flow-appear{to{opacity:1}}@keyframes energy-sparkle{0%,100%{filter:brightness(.95)}50%{filter:brightness(1.45)}}.study-tool-link:nth-child(1){animation-delay:1.85s}.study-tool-link:nth-child(2){animation-delay:2.13s}.study-tool-link:nth-child(3){animation-delay:2.41s}@media(max-width:650px){.study-energy{top:4px;height:112px}.study-energy .vine-main{stroke-width:1.8}.study-energy .vine-twig{stroke-width:1.3}}
.study-energy .vine-trunk,.study-energy .vine-branch{fill:none;stroke:url(#vineGlow);stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;opacity:0;stroke-dasharray:6 5;filter:drop-shadow(0 0 3px rgba(163,143,245,.22));animation:vine-grow-soft 1.08s cubic-bezier(.2,.78,.25,1) forwards}.study-energy .vine-branch:nth-of-type(2){animation-delay:.16s}.study-energy .vine-branch:nth-of-type(3){animation-delay:.27s}.study-energy .vine-twig{stroke:#cec4fb;stroke-width:1.55;opacity:0;filter:none;animation-duration:.42s}.study-energy .vine-twig:nth-of-type(4){animation-delay:.5s}.study-energy .vine-twig:nth-of-type(5){animation-delay:.62s}.study-energy .vine-twig:nth-of-type(6){animation-delay:.74s}.study-energy .vine-twig:nth-of-type(7){animation-delay:.86s}.study-energy .vine-twig:nth-of-type(8){animation-delay:.98s}.study-energy .vine-twig:nth-of-type(9){animation-delay:1.1s}.study-energy .energy-flow{animation-duration:.16s,.48s}.study-energy .flow-one{animation-delay:.1s,.1s}.study-energy .flow-two{animation-delay:.27s,.27s}.study-energy .flow-three{animation-delay:.44s,.44s}.study-energy .halo{fill:#b9a8ff;opacity:.13;filter:blur(3px)}.study-energy .glow{fill:#f7f4ff;opacity:.72;filter:blur(.35px)}.study-energy .core{fill:#fff;opacity:.9;filter:drop-shadow(0 0 4px rgba(255,255,255,.85))}@keyframes energy-sparkle{0%,100%{opacity:.66;filter:brightness(1)}50%{opacity:1;filter:brightness(1.12)}}.study-tool-link:nth-child(1){animation-delay:1.25s}.study-tool-link:nth-child(2){animation-delay:1.42s}.study-tool-link:nth-child(3){animation-delay:1.59s}@media(max-width:650px){.study-energy .vine-trunk,.study-energy .vine-branch{stroke-width:2.05}.study-energy .vine-twig{stroke-width:1.2}}
.study-energy .energy-flow{display:none}.study-tool-link{animation-delay:.18s}.study-tool-link:nth-child(1){animation-delay:.18s}.study-tool-link:nth-child(2){animation-delay:.47s}.study-tool-link:nth-child(3){animation-delay:.76s}
.feature-page .intro .quote-zh{display:block;margin-top:5px;color:#aaa3bd;font-size:12px;letter-spacing:.1px}
.study-tool-link span .lucide{width:15px;height:15px}