@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0b100f;--panel:#131c18;--line:#ffffff1a;--ink:#f2f5ef;--muted:#9aa59e;--lime:#c9f36b}*{box-sizing:border-box;margin:0}body{min-height:100vh;background:radial-gradient(circle at 90% 0,#c9f36b1a,transparent 30rem),var(--bg);color:var(--ink);font:16px/1.55 Manrope,Arial,sans-serif}.tool-shell{width:min(1120px,calc(100% - 40px));margin:auto;padding:25px 0 75px}.tool-back{font:500 .68rem 'DM Mono',monospace;color:var(--muted)}.tool-back:hover{color:var(--lime)}.tool-heading{padding:70px 0 42px}.tool-heading p,.panel-label{font:500 .67rem 'DM Mono',monospace;letter-spacing:.12em;color:var(--lime)}.tool-heading h1{font-size:clamp(3rem,6vw,5.8rem);letter-spacing:-.085em;line-height:.91;margin-top:14px}.tool-heading em{font:400 italic 1em Georgia;color:var(--lime)}.workspace{display:grid;grid-template-columns:.9fr 1.1fr;gap:15px}.todo-app,.notes-panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:28px;min-height:430px}.todo-app h2,.notes-head h2{font-size:1.65rem;letter-spacing:-.05em;margin:38px 0 18px}.row{display:flex;background:#0c130f;border:1px solid var(--line);border-radius:7px;overflow:hidden}.row input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:var(--ink);padding:14px;font:inherit}.row input::placeholder{color:#748079}.row button,.btn{border:0;background:var(--lime);color:#102018;padding:0 15px;font:700 .72rem Manrope,Arial,sans-serif;cursor:pointer}.row button:hover,.btn:hover{filter:brightness(1.08)}ul{list-style:none;margin-top:15px;max-height:250px;overflow:auto}ul li{position:relative;padding:12px 35px 12px 28px;color:#d4ddd5;border-bottom:1px solid #ffffff0d;font-size:.86rem;cursor:pointer}ul li:before{content:'○';position:absolute;left:2px;color:var(--lime)}ul li.chaecked{text-decoration:line-through;color:#718078}ul li.chaecked:before{content:'✓'}ul li span{position:absolute;right:0;top:7px;width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:#91a198}ul li span:hover{background:#ffffff12;color:#fff}.notes-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.notes-head h2{margin-top:38px}.btn{padding:10px 13px;border-radius:5px}.notes-container{display:grid;gap:10px}.input-box{position:relative;min-height:112px;background:#0c130f;border:1px solid var(--line);border-radius:7px;padding:15px 42px 15px 15px;color:#dce7dd;outline:0;font-size:.86rem}.input-box:focus{border-color:#c9f36b88}.input-box img{position:absolute;width:16px;right:14px;bottom:13px;opacity:.7;cursor:pointer}.input-box img:hover{opacity:1}@media(max-width:720px){.tool-shell{width:min(100% - 32px,1120px)}.tool-heading{padding:50px 0 30px}.workspace{grid-template-columns:1fr}.todo-app,.notes-panel{min-height:auto}}