@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@500;600;700&family=Inter:wght@400;500;600&display=swap";:root{color-scheme:light;--color-time: #6366f1;--color-weather: #f59e0b;--color-cal: #3b82f6;--color-todo: #10b981;--color-pin: #ec4899;--bg-page: #f5efe4;--surface: #fffdf9;--board: #eaddc2;--text: #2b2620;--text-muted: #8a8074;--border-soft: #ece2d1;font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;height:100vh;overflow:hidden;background:var(--bg-page);color:var(--text)}h1,h2{font-family:Quicksand,system-ui,sans-serif;font-weight:600;margin:0 0 12px;letter-spacing:.01em}.dashboard{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr 1fr;grid-template-areas:"header header" "calendar todos" "calendar pinboard";gap:14px;height:100vh;padding:14px}.widget{background:var(--surface);border-radius:20px;padding:18px 20px;overflow-y:auto;box-shadow:0 6px 20px #2b26200f}.header{grid-area:header;display:flex;gap:14px}.header>.widget{flex:1;padding:14px 20px}.clock-date{font-size:1.05rem;color:var(--text-muted);margin-bottom:2px}.clock-time{font-family:Quicksand,sans-serif;font-size:2.1rem;font-weight:700;line-height:1.1}.weather-display{display:flex;align-items:center;gap:12px}.weather-icon{font-size:2.1rem;line-height:1}.weather-temp{font-family:Quicksand,sans-serif;font-size:2.1rem;font-weight:700}.weather-loading{color:var(--text-muted);font-size:1rem}#weather-widget{background:color-mix(in srgb,var(--color-weather) 14%,var(--surface))}.calendar{grid-area:calendar}.todos{grid-area:todos}.pinboard{grid-area:pinboard;background:var(--board);border-radius:20px;padding:18px 20px;overflow-y:auto;box-shadow:0 6px 20px #2b26200f}.pinboard h2{color:#5c5138}.widget-form{display:flex;gap:8px;margin-bottom:14px}.widget-form input[type=text]{flex:1;padding:10px 12px;border-radius:10px;border:1px solid var(--border-soft);background:var(--surface);font-size:15px;font-family:inherit;color:var(--text)}.widget-form button{width:40px;border-radius:10px;border:none;background:var(--text);color:var(--surface);font-size:18px;line-height:1;cursor:pointer}.widget-form button:hover{opacity:.85}.todo-list{list-style:none;padding:0;margin:0}.todo-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--border-soft)}.todo-row:last-child{border-bottom:none}.todo-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--color-todo)}.todo-row .todo-text{flex:1;font-size:15px}.todo-row .todo-text.done{text-decoration:line-through;color:var(--text-muted)}.todo-row .delete-btn,.note .delete-btn{border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:16px;line-height:1;padding:4px}.todo-row .delete-btn:hover,.note .delete-btn:hover{color:var(--text)}.empty-hint{color:var(--text-muted);font-size:14px}.event-board{display:flex;flex-direction:column;gap:14px;padding-top:2px}.event-card{border-radius:14px;padding:12px 14px;background:color-mix(in srgb,var(--event-color, var(--color-cal)) 20%,white);box-shadow:0 4px 10px #2b262014}.event-meta-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.event-avatar{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:#fff;background:var(--event-color, var(--color-cal));flex-shrink:0}.event-time{font-size:12px;color:#2b262099}.event-title{font-size:15px}.stale-notice{color:#b45309;font-size:.8rem;margin:0 0 10px}.note-board{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:18px 16px;padding-top:6px}.note{position:relative;padding:18px 14px 14px;min-height:100px;font-size:14.5px;line-height:1.35;color:#4a4229;box-shadow:0 10px 18px #2b26202e;transform:rotate(var(--tilt));transition:transform .15s ease}.note:hover{transform:rotate(0) scale(1.03)}.note:before{content:"";position:absolute;top:-10px;left:50%;width:46px;height:18px;background:#ffffff8c;border:1px solid rgba(255,255,255,.7);transform:translate(-50%) rotate(-3deg)}.note:nth-child(4n+1){background:#fff3a3;--tilt: -2.5deg}.note:nth-child(4n+2){background:#ffd3e0;--tilt: 2deg}.note:nth-child(4n+3){background:#c9f2d6;--tilt: -1.5deg}.note:nth-child(4n+4){background:#c9e4ff;--tilt: 2.5deg}.note .delete-btn{position:absolute;top:4px;right:6px}.login-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:var(--bg-page)}.login-form{background:var(--surface);border-radius:20px;padding:36px;display:flex;flex-direction:column;gap:12px;min-width:280px;box-shadow:0 10px 30px #2b26201a}.login-form h1{font-size:1.4rem}.login-form input{padding:10px 12px;border-radius:10px;border:1px solid var(--border-soft);font-size:16px;font-family:inherit}.login-form button{padding:10px 12px;border-radius:10px;border:none;background:var(--color-cal);color:#fff;font-size:16px;font-family:"Quicksand",inherit;font-weight:600;cursor:pointer}.login-form button:hover{opacity:.9}.login-form .error{color:#dc2626;font-size:14px}