:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:#050510;color:#fafafa;overflow-x:hidden}.app{min-height:100vh;position:relative}.bg-gradient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse at 20% 50%,rgba(88,40,180,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,rgba(40,100,220,.12) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(180,40,120,.1) 0%,transparent 50%);animation:gradientShift 15s ease-in-out infinite alternate}@keyframes gradientShift{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.particles-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.content{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1.5rem 4rem}.header{text-align:center;margin-bottom:3rem;margin-top:2rem}.header h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,#a78bfa,#60a5fa,#f472b6);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientText 4s ease infinite;margin-bottom:.5rem}@keyframes gradientText{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.header .subtitle{color:#ffffff73;font-size:1rem;font-weight:300;letter-spacing:.05em}.dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1100px;width:100%}.card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.5rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-4px);border-color:#ffffff26;box-shadow:0 20px 60px -15px #00000080}.card-title{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:#fff6;margin-bottom:1rem;font-weight:500}.clock-card{display:flex;flex-direction:column;align-items:center}.analog-clock{position:relative;width:180px;height:180px;border-radius:50%;border:2px solid rgba(255,255,255,.1);margin-bottom:1rem;background:#ffffff05}.clock-face{position:absolute;top:0;right:0;bottom:0;left:0}.clock-marker{position:absolute;width:2px;height:10px;background:#ffffff4d;top:8px;left:50%;transform-origin:50% 82px;border-radius:1px}.clock-marker.major{height:14px;width:3px;background:#fff9;top:6px;transform-origin:50% 84px}.clock-hand{position:absolute;bottom:50%;left:50%;transform-origin:50% 100%;border-radius:4px}.clock-hand.hour{width:4px;height:50px;background:#a78bfa;margin-left:-2px}.clock-hand.minute{width:3px;height:65px;background:#60a5fa;margin-left:-1.5px}.clock-hand.second{width:1.5px;height:72px;background:#f472b6;margin-left:-.75px}.clock-center{position:absolute;width:10px;height:10px;background:#f472b6;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:5;box-shadow:0 0 10px #f472b680}.digital-time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.5rem;font-weight:300;letter-spacing:.08em;color:#fffc}.digital-date{font-size:.8rem;color:#ffffff59;margin-top:.25rem}.palette-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin-bottom:1rem}.palette-swatch{aspect-ratio:1;border-radius:.5rem;cursor:pointer;border:2px solid transparent;transition:transform .2s ease,border-color .2s ease;position:relative}.palette-swatch:hover{transform:scale(1.1);border-color:#fff6;z-index:2}.palette-swatch.copied{border-color:#4ade80}.palette-swatch .tooltip{position:absolute;bottom:-24px;left:50%;transform:translate(-50%);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.6rem;color:#ffffff80;white-space:nowrap;opacity:0;transition:opacity .2s ease;pointer-events:none}.palette-swatch:hover .tooltip{opacity:1}.generate-btn{width:100%;padding:.6rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#ffffffb3;font-size:.8rem;cursor:pointer;transition:background .2s ease,color .2s ease;font-family:inherit}.generate-btn:hover{background:#ffffff1a;color:#fff}.pomodoro-display{text-align:center;margin-bottom:1rem}.pomodoro-time{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:3rem;font-weight:200;letter-spacing:.05em;color:#ffffffe6}.pomodoro-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff59;margin-bottom:.5rem}.pomodoro-progress{width:100%;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden;margin-bottom:1rem}.pomodoro-progress-bar{height:100%;border-radius:2px;transition:width 1s linear;background:linear-gradient(90deg,#a78bfa,#f472b6)}.pomodoro-controls{display:flex;gap:.5rem;justify-content:center}.pomodoro-btn{padding:.5rem 1.2rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#ffffffb3;font-size:.8rem;cursor:pointer;transition:all .2s ease;font-family:inherit}.pomodoro-btn:hover{background:#ffffff1a;color:#fff}.pomodoro-btn.active{background:#a78bfa33;border-color:#a78bfa66;color:#a78bfa}.morse-input{width:100%;padding:.75rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;color:#fafafa;font-family:inherit;font-size:.95rem;outline:none;transition:border-color .2s ease;margin-bottom:.75rem}.morse-input:focus{border-color:#a78bfa80}.morse-input::placeholder{color:#fff3}.morse-output{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1rem;letter-spacing:.15em;color:#60a5fa;min-height:1.8rem;word-break:break-all;line-height:1.8}.morse-decoded{font-size:.8rem;color:#ffffff59;margin-top:.5rem}.reaction-area{width:100%;height:120px;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:.9rem;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none;font-weight:500}.reaction-area.waiting{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}.reaction-area.ready{background:#4ade8026;border:1px solid rgba(74,222,128,.3);color:#4ade80}.reaction-area.idle{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);color:#fff9}.reaction-area.result{background:#60a5fa26;border:1px solid rgba(96,165,250,.3);color:#60a5fa;flex-direction:column;gap:.25rem}.reaction-ms{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:2rem;font-weight:300}.reaction-best{font-size:.7rem;color:#ffffff4d;margin-top:.5rem;text-align:center}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;text-align:center}.stat-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.5rem;font-weight:300;color:#a78bfa}.stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:#ffffff4d;margin-top:.25rem}.mouse-hint{text-align:center;font-size:.7rem;color:#fff3;margin-top:1rem}