:root{--bg-dark:#1f0a15;--bg-glass:#fda4af14;--bg-glass-heavy:#1e0a14f2;--text-primary:#fff0f5;--text-secondary:#f472b6;--color-primary:#ec4899;--color-success:#10b981;--heat-0:#fbcfe8;--heat-1:#f43f5e;--heat-2:#e11d48;--heat-3:#9f1239;--glass-blur:24px;--glass-border:#fda4af26;--glass-shadow:0 8px 32px #0003;-webkit-tap-highlight-color:transparent;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-dark);font-family:Inter,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{min-width:100vw;min-height:100dvh;margin:0;display:flex}#app{width:100%;min-height:100dvh;position:relative}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.app-container{z-index:10;flex-direction:column;width:100%;min-height:100dvh;display:flex;position:relative}.header{z-index:20;border-bottom:1px solid var(--glass-border);background:linear-gradient(180deg, #1f0a15f2 0%, var(--bg-glass-heavy) 100%);-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:0 0 24px 24px;padding:3rem 1.5rem 1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;right:0}.header.hidden{transform:translateY(-100%)}.header-title-row{justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem;display:flex}.header h1{letter-spacing:-.5px;background:linear-gradient(135deg,#fce7f3 0%,#ec4899 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0;font-size:2.2rem;font-weight:800}.filter-row{-ms-overflow-style:none;scrollbar-width:none;gap:.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-pill{border:1px solid var(--glass-border);color:var(--text-primary);white-space:nowrap;background:#ffffff0d;border-radius:20px;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.filter-pill.active{background:var(--color-primary);color:var(--text-primary);border-color:var(--color-primary);box-shadow:0 0 15px #ec489966}.task-list{flex-direction:column;flex:1;gap:1rem;padding:210px 1.5rem 6rem;display:flex}.task-card{border-radius:20px;flex-direction:column;gap:1rem;padding:1.25rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.task-card:before{content:"";background:var(--card-color);border-radius:6px 0 0 6px;width:6px;position:absolute;top:0;bottom:0;left:0}.heat-level-0{--card-color:var(--heat-0)}.heat-level-1{--card-color:var(--heat-1);box-shadow:0 4px 20px #eab30826}.heat-level-2{--card-color:var(--heat-2);animation:3s infinite alternate pulse-hot;box-shadow:0 4px 25px #f9731640}.heat-level-3{--card-color:var(--heat-3);animation:1.5s infinite alternate pulse-scorching;box-shadow:0 4px 30px #ef444459}.task-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.task-title{word-break:break-word;font-size:1.15rem;font-weight:600;line-height:1.4}.task-meta{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.8rem;font-weight:500;display:flex}.heat-badge{color:var(--card-color);background:#ffffff0d;border-radius:12px;align-items:center;gap:.25rem;padding:.25rem .6rem;display:flex}.btn-complete{border:2px solid var(--glass-border);width:38px;height:38px;color:var(--text-primary);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.btn-complete:active{background:var(--color-success);border-color:var(--color-success);transform:scale(.9)}.fab{background:linear-gradient(135deg, var(--color-primary), #a855f7);color:#fff;z-index:50;border:none;border-radius:32px;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;bottom:2rem;right:1.5rem;box-shadow:0 8px 32px #6366f180}.fab:active{transform:scale(.9)rotate(45deg)}.bottom-sheet-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;pointer-events:none;background:#0009;transition:opacity .3s;position:fixed;inset:0}.bottom-sheet-overlay.open{opacity:1;pointer-events:auto}.bottom-sheet{background:var(--bg-glass-heavy);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--glass-border);z-index:101;border-radius:32px 32px 0 0;padding:2rem 1.5rem 3rem;transition:transform .4s cubic-bezier(.34,1.1,.64,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -10px 40px #00000080}.bottom-sheet.open{transform:translateY(0)}.sheet-handle{background:var(--glass-border);border-radius:2px;width:40px;height:4px;margin:0 auto 2rem}.task-input{border:none;border-bottom:2px solid var(--glass-border);width:100%;color:var(--text-primary);background:0 0;outline:none;margin-bottom:2rem;padding:.5rem 0;font-size:1.5rem;font-weight:600;transition:border-color .3s}.task-input:focus{border-color:var(--color-primary)}.task-input::placeholder{color:#fff3}.urgency-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-size:.85rem;font-weight:600;display:block}.urgency-selector{gap:.5rem;margin-bottom:2.5rem;display:flex}.urgency-option{border:1px solid var(--glass-border);color:var(--text-secondary);background:#ffffff08;border-radius:16px;flex-direction:column;flex:1;align-items:center;gap:.5rem;padding:1rem .5rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.urgency-option.active-0{border-color:var(--heat-0);color:var(--heat-0);background:#3b82f626}.urgency-option.active-1{border-color:var(--heat-1);color:var(--heat-1);background:#eab30826}.urgency-option.active-2{border-color:var(--heat-2);color:var(--heat-2);background:#f9731626}.urgency-option.active-3{border-color:var(--heat-3);color:var(--heat-3);background:#ef444426}.btn-submit{background:var(--text-primary);width:100%;color:var(--bg-dark);border:none;border-radius:16px;padding:1.25rem;font-size:1.1rem;font-weight:700;transition:transform .2s;box-shadow:0 4px 15px #fff3}.btn-submit:active{transform:scale(.98)}@keyframes pulse-hot{0%{box-shadow:0 4px 20px #f9731626}to{box-shadow:0 4px 35px #f9731666}}@keyframes pulse-scorching{0%{transform:scale(1);box-shadow:0 4px 25px #ef444440}to{transform:scale(1.02);box-shadow:0 4px 45px #ef444480}}.floating-bg-overlay{background:var(--bg-dark);opacity:.88;z-index:-1;pointer-events:none;position:fixed;inset:0}.floating-bg-blobs{z-index:0;pointer-events:none;height:100lvh;position:fixed;inset:0;overflow:hidden}.blob{opacity:.5;will-change:transform;border-radius:50%;animation:20s ease-in-out infinite alternate float-optimized;position:absolute}.blob-1{background:radial-gradient(circle,#ec489966 0%,#ec489900 70%);width:80%;height:80%;animation-delay:0s;top:-20%;left:-20%}.blob-2{background:radial-gradient(circle,#9f123966 0%,#9f123900 70%);width:90%;height:90%;animation-delay:-5s;top:40%;right:-30%}.blob-3{background:radial-gradient(circle,#f472b64d 0%,#f472b600 70%);width:70%;height:70%;animation-delay:-10s;bottom:-20%;left:10%}@keyframes float-optimized{0%{transform:translate(0,0)scale(1)}50%{transform:translate(5%,-5%)scale(1.1)}to{transform:translate(-5%,5%)scale(.9)}}