*{box-sizing:border-box;margin:0;padding:0}body{color:#c8cdd8;background:#0e1018;min-height:100vh;font-family:Arial,sans-serif;overflow-x:hidden}body.light{color:#222;background:#e8eaf0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.app{z-index:1;width:min(1050px,100% - 40px);margin:auto;padding:20px 0 60px;position:relative}.header{justify-content:space-between;align-items:center;display:flex}.logo{color:#6c8cff;letter-spacing:-1px;font-family:monospace;font-size:28px;font-weight:700}.settings-btn{color:#6a7080;background:#161a25;border:1px solid #2a3040;border-radius:3px;padding:6px 10px;font-size:11px}.url-bar{margin-top:14px}.url-bar form{background:#161a25;border:1px solid #2a3040;border-radius:4px;gap:5px;padding:5px;display:flex}.url-bar input{color:#c8cdd8;background:0 0;border:0;outline:0;flex:1;padding:4px 6px;font-size:13px}.url-bar input::placeholder{color:#555}.url-icon{padding:4px 6px;font-size:14px}.url-bar button{color:#fff;background:#6c8cff;border:0;border-radius:3px;padding:5px 12px;font-size:12px;font-weight:700}.browser-tabs{border-bottom:1px solid #2a3040;align-items:center;gap:2px;margin-top:12px;display:flex}.browser-tab{color:#6a7080;background:0 0;border:1px solid #0000;border-bottom:0;padding:6px 12px;font-size:11px}.browser-tab.active{color:#c8cdd8;background:#161a25;border-color:#2a3040}.new-tab-btn{color:#6a7080;background:0 0;border:0;width:26px;height:26px;font-size:16px}.page{display:none}.active-page{display:block}.greeting-section{text-align:center;padding:30px 20px 10px}.greeting-text{letter-spacing:-1px;margin-bottom:12px;font-size:36px;font-weight:700}.date-display{flex-direction:column;align-items:center;margin-bottom:10px;line-height:1;display:flex}.date-day{color:#6c8cff;letter-spacing:2px;font-size:12px;font-weight:700}.date-num{letter-spacing:-3px;font-size:52px;font-weight:700;line-height:.9}.date-month{color:#6a7080;letter-spacing:2px;margin-top:2px;font-size:12px}.greeting-sub{color:#6a7080;font-size:13px}.focus-section{text-align:center;background:#161a25;border:1px solid #2a3040;max-width:550px;margin:10px auto;padding:20px}.focus-step{padding:10px 0}.focus-question{letter-spacing:-.5px;margin-bottom:14px;font-size:16px;font-weight:700}.focus-input{color:#c8cdd8;text-align:center;background:#0e1018;border:1px solid #2a3040;outline:0;width:100%;max-width:400px;padding:10px;font-size:14px}.focus-input::placeholder{color:#444}.focus-next-btn{color:#fff;cursor:pointer;background:#6c8cff;border:0;margin-top:14px;padding:8px 28px;font-size:12px;font-weight:700}.focus-duration{justify-content:center;gap:12px;display:flex}.duration-box{align-items:center;gap:6px;display:flex}.duration-box input{color:#c8cdd8;text-align:center;background:#0e1018;border:1px solid #2a3040;outline:0;width:60px;padding:8px;font-size:16px}.duration-box span{color:#6a7080;font-size:12px}.focus-breaks{justify-content:center;gap:8px;display:flex}.break-btn{color:#6a7080;cursor:pointer;background:#1c2030;border:1px solid #2a3040;padding:8px 24px;font-size:12px;font-weight:700}.break-btn.active{color:#fff;background:#6c8cff;border-color:#6c8cff}.focus-rewards{justify-content:center;gap:10px;margin-bottom:18px;display:flex}.reward-card{cursor:pointer;text-align:center;background:#1c2030;border:1px solid #2a3040;min-width:130px;padding:14px 24px}.reward-card.active{background:#1a2040;border-color:#6c8cff}.reward-icon{margin-bottom:4px;font-size:24px}.reward-card strong{color:#c8cdd8;font-size:12px;display:block}.reward-card span{color:#6a7080;font-size:10px}.start-focus-btn{color:#fff;letter-spacing:1px;cursor:pointer;background:#6c8cff;border:0;padding:12px 40px;font-size:14px;font-weight:700}.start-focus-btn:hover{background:#5a7aee}.focus-active{padding:20px}.focus-topic-display{color:#6c8cff;margin-bottom:10px;font-size:13px}.focus-timer{letter-spacing:-2px;margin-bottom:14px;font-family:monospace;font-size:48px;font-weight:700}.focus-progress{background:#1c2030;width:100%;height:6px;margin-bottom:14px}.focus-progress-bar{background:#6c8cff;width:0%;height:100%;transition:width 1s linear}.stop-focus-btn{color:#ff6b6b;cursor:pointer;background:0 0;border:1px solid #ff6b6b;padding:8px 24px;font-size:12px}.main-grid{grid-template-columns:1fr 1fr;gap:12px;margin:20px 0;display:grid}.grid-left,.grid-right{flex-direction:column;gap:12px;display:flex}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:8px;display:flex}.eyebrow{color:#6c8cff;text-transform:uppercase;margin-bottom:4px;font-size:9px}.section-heading>button,#addLinkBtn{color:#6a7080;background:#161a25;border:1px solid #2a3040;border-radius:2px;padding:4px 8px;font-size:10px}.quick-links{grid-template-columns:repeat(2,1fr);gap:5px;display:grid}.link-card{background:#161a25;border:1px solid #2a3040;align-items:center;gap:8px;padding:10px;display:flex}.link-card:hover{background:#1c2030}.link-icon{color:#6c8cff;background:#1c2030;border:1px solid #2a3040;place-items:center;width:28px;height:28px;font-family:monospace;font-size:10px;display:grid}.link-card strong{font-size:11px}.notes-section{background:#161a25;border:1px solid #2a3040;padding:10px}#notesArea{color:#c8cdd8;resize:vertical;background:#0e1018;border:1px solid #2a3040;outline:0;width:100%;min-height:90px;padding:7px;font-family:Arial,sans-serif;font-size:11px}#notesArea::placeholder{color:#444}#clearNotesBtn{color:#6a7080;background:#1c2030;border:1px solid #2a3040;padding:3px 7px;font-size:9px}#clearNotesBtn:hover{color:#ff6b6b}.productivity-section{background:#161a25;border:1px solid #2a3040;padding:10px}#taskCount{color:#6a7080;font-size:9px}.task-input{gap:3px;display:flex}.task-input input{color:#c8cdd8;background:#0e1018;border:1px solid #2a3040;outline:0;flex:1;padding:5px 7px;font-size:11px}.task-input button{color:#fff;background:#6c8cff;border:0;width:28px;font-size:13px}.task-list{flex-direction:column;gap:3px;margin-top:4px;display:flex}.task{border:1px solid #2a3040;align-items:center;gap:4px;padding:5px;display:flex}.task-checkbox{accent-color:#6c8cff;width:13px;height:13px}.task span{flex:1;font-size:10px}.task.completed span{color:#555;text-decoration:line-through}.delete-task{color:#6a7080;background:0 0;border:0;font-size:11px}.delete-task:hover{color:#ff6b6b}.weather-section{background:#161a25;border:1px solid #2a3040;padding:10px}.weather-input{gap:3px;margin-bottom:5px;display:flex}.weather-input input{color:#c8cdd8;background:#0e1018;border:1px solid #2a3040;outline:0;flex:1;padding:4px 6px;font-size:10px}.weather-input button{color:#fff;background:#6c8cff;border:0;padding:4px 8px;font-size:9px;font-weight:700}#weatherBox{color:#6a7080;font-size:11px}#weatherBox strong{color:#c8cdd8;font-size:15px}.dict-section{background:#161a25;border:1px solid #2a3040;padding:10px}.dict-input{gap:3px;margin-bottom:5px;display:flex}.dict-input input{color:#c8cdd8;background:#0e1018;border:1px solid #2a3040;outline:0;flex:1;padding:4px 6px;font-size:10px}.dict-input button{color:#fff;background:#6c8cff;border:0;padding:4px 8px;font-size:9px;font-weight:700}#dictResult{color:#6a7080;font-size:11px}#dictResult .dict-word{color:#6c8cff;margin-bottom:2px;font-size:16px;font-weight:700}#dictResult .dict-phonetic{color:#6a7080;margin-bottom:6px;font-size:10px}#dictResult .dict-pos{color:#6c8cff;text-transform:uppercase;margin-top:6px;margin-bottom:2px;font-size:9px}#dictResult .dict-def{margin-bottom:2px}#dictResult .dict-example{color:#555;font-size:10px;font-style:italic}.spotify-section{background:#161a25;border:1px solid #2a3040;margin:16px 0;padding:0;overflow:hidden}.spotify-section iframe{border:0;width:100%;height:152px;display:block}.internal-page{min-height:350px;margin-top:15px;overflow-y:auto}.internal-header{border-bottom:1px solid #2a3040;align-items:center;gap:8px;padding:6px 0;display:flex}.internal-header button{color:#6a7080;background:#161a25;border:1px solid #2a3040;padding:4px 8px;font-size:11px}#internalTitle{font-size:11px}.internal-content{flex-direction:column;min-height:280px;padding:8px;display:flex}.modal{z-index:30;background:#0009;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-content{background:#0e1018;border:1px solid #2a3040;width:350px;max-width:100%;padding:14px;position:relative}.modal-content h2{margin-bottom:10px;font-size:14px}.modal-close{color:#6a7080;background:0 0;border:0;font-size:16px;position:absolute;top:6px;right:8px}.modal-content input{color:#c8cdd8;background:#161a25;border:1px solid #2a3040;outline:0;width:100%;margin-bottom:5px;padding:6px;font-size:11px}.modal-content label{color:#6a7080;text-transform:uppercase;margin-bottom:3px;font-size:9px;display:block}.modal-content button:not(.modal-close){color:#fff;background:#6c8cff;border:0;width:100%;padding:6px;font-size:11px;font-weight:700}.settings-panel{z-index:40;background:#0e1018;border:1px solid #2a3040;width:220px;max-width:calc(100% - 20px);padding:10px;position:fixed;top:10px;right:10px}.settings-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.settings-header h2{font-size:12px}#closeSettingsBtn{color:#6a7080;background:0 0;border:0;font-size:16px}.settings-panel label{color:#6a7080;flex-direction:column;gap:3px;font-size:10px;display:flex}select{color:#c8cdd8;background:#161a25;border:1px solid #2a3040;outline:none;padding:4px}.close-tab{opacity:0;margin-left:5px;font-size:12px}.browser-tab:hover .close-tab{opacity:1}.close-tab:hover{color:#ff6b6b}.hidden{display:none!important}.fake-browser-home{text-align:center;width:100%;max-width:350px}.fake-browser-logo{color:#6c8cff;margin-bottom:8px;font-family:monospace;font-size:12px}.fake-browser-home h1{margin-bottom:12px;font-size:14px}.fake-browser-search{gap:4px;display:flex}.fake-browser-search input{color:#c8cdd8;background:#161a25;border:1px solid #2a3040;outline:0;flex:1;padding:5px 7px;font-size:11px}.fake-browser-search button{color:#fff;background:#6c8cff;border:0;padding:5px 10px;font-size:10px;font-weight:700}@media (width<=800px){.main-grid{grid-template-columns:1fr}.quick-links{grid-template-columns:repeat(2,1fr)}}@media (width<=550px){.app{width:calc(100% - 16px)}.greeting-text{font-size:26px}.date-num{font-size:40px}.focus-rewards,.focus-duration{flex-direction:column;align-items:center}}body.light .settings-btn{color:#555;background:#dde0ea;border-color:#ccc}body.light .browser-tab{color:#888}body.light .browser-tab.active{color:#222;background:#dde0ea;border-color:#ccc}body.light .new-tab-btn{color:#555}body.light .url-bar form{background:#dde0ea;border-color:#ccc}body.light .url-bar input{color:#222}body.light .url-bar button{color:#fff}body.light .greeting-text{color:#222}body.light .date-day{color:#4a6cf7}body.light .date-num{color:#222}body.light .date-month,body.light .greeting-sub{color:#888}body.light .focus-section{background:#dde0ea;border-color:#ccc}body.light .focus-question{color:#222}body.light .focus-input,body.light .duration-box input{color:#222;background:#eee;border-color:#ccc}body.light .duration-box span{color:#888}body.light .break-btn{color:#555;background:#eee;border-color:#ccc}body.light .break-btn.active{color:#fff}body.light .reward-card{background:#eee;border-color:#ccc}body.light .reward-card.active{border-color:#4a6cf7}body.light .reward-card strong{color:#222}body.light .reward-card span{color:#888}body.light .start-focus-btn{color:#fff}body.light .focus-topic-display{color:#4a6cf7}body.light .stop-focus-btn{color:#ff6b6b}body.light .eyebrow,body.light .logo{color:#4a6cf7}body.light .link-card{background:#dde0ea;border-color:#ccc}body.light .link-card:hover{background:#c8ccd8}body.light .link-icon{color:#4a6cf7;background:#dde0ea;border-color:#ccc}body.light .notes-section{background:#dde0ea;border-color:#ccc}body.light #notesArea{color:#222;background:#eee;border-color:#ccc}body.light #notesArea::placeholder{color:#999}body.light #clearNotesBtn{color:#555;background:#eee;border-color:#ccc}body.light .productivity-section{background:#dde0ea;border-color:#ccc}body.light .task-input input{color:#222;background:#eee;border-color:#ccc}body.light .task{border-color:#ccc}body.light .task-checkbox{accent-color:#4a6cf7}body.light .delete-task{color:#888}body.light .weather-section{background:#dde0ea;border-color:#ccc}body.light .weather-input input{color:#222;background:#eee;border-color:#ccc}body.light .weather-input button{color:#fff}body.light #weatherBox{color:#666}body.light #weatherBox strong{color:#222}body.light .dict-section{background:#dde0ea;border-color:#ccc}body.light .dict-input input{color:#222;background:#eee;border-color:#ccc}body.light .dict-input button{color:#fff}body.light #dictResult .dict-word{color:#4a6cf7}body.light #dictResult .dict-phonetic{color:#888}body.light #dictResult .dict-pos{color:#4a6cf7}body.light #dictResult .dict-example{color:#888}body.light .spotify-section{background:#dde0ea;border-color:#ccc}body.light .internal-header{border-color:#ccc}body.light .internal-header button{color:#555;background:#dde0ea;border-color:#ccc}body.light .modal{background:#0000004d}body.light .modal-content{background:#e8eaf0;border-color:#ccc}body.light .modal-close{color:#888}body.light .modal-content input{color:#222;background:#eee;border-color:#ccc}body.light .modal-content button:not(.modal-close){color:#fff}body.light .settings-panel{background:#e8eaf0;border-color:#ccc}body.light #closeSettingsBtn,body.light .settings-panel label{color:#888}body.light select{color:#222;background:#eee;border-color:#ccc}body.light .fake-browser-home h1{color:#222}body.light .fake-browser-search input{color:#222;background:#eee;border-color:#ccc}body.light .fake-browser-search button{color:#fff}