:root{--bg:#0e0e0e;--surface:#161616;--surface-raised:#1e1e1e;--text:#f0f0f0;--text-dim:#a0a0a0;--text-faint:#6b6b6b;--border:#2a2a2a;--border-soft:#202020;--line:#333;--ok:#6b9c7d;--warn:#b98a63;--radius:8px;--radius-sm:6px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3{letter-spacing:-.01em;margin:0 0 .4em;font-family:Manrope,DM Sans,system-ui,sans-serif;font-weight:600}p{line-height:1.5}a{color:var(--text)}button{font-family:inherit}html,body,#root{min-height:100%}#root{width:100%;max-width:1440px;padding:var(--space-5) clamp(var(--space-4), 3.5vw, 48px) 64px;margin:0 auto}@media (width>=900px){#root{padding-top:var(--space-6)}}.app-header{margin-bottom:var(--space-6)}.app-header h1{font-size:1.35rem;font-weight:600}.app-header p{color:var(--text-dim);margin-top:0;margin-bottom:var(--space-4);max-width:56ch;font-size:.88rem}.header-actions{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.toolbar-group{border:1px solid var(--border-soft);border-radius:var(--radius-sm);display:flex;overflow:hidden}.import-label{cursor:pointer;align-items:center;display:inline-flex}.import-message{margin:var(--space-2) 0 0;font-size:.8rem}.import-message.ok{color:var(--ok)}.import-message.error{color:var(--warn)}.progress-line{color:var(--text-faint);margin:var(--space-3) 0 0;font-size:.78rem}.cheat-sheet-btn{color:var(--text-dim);padding:var(--space-2) var(--space-3);cursor:pointer;background:0 0;border:none;font-size:.78rem;font-weight:500;transition:color .15s,background .15s}.cheat-sheet-btn:hover{color:var(--text);background:var(--surface)}.toolbar-group>.cheat-sheet-btn{border-right:1px solid var(--border-soft);border-radius:0}.toolbar-group>.cheat-sheet-btn:last-child{border-right:none}.plantilla-copy-btn{color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;padding:4px 10px;font-size:.75rem}.plantilla-copy-btn:hover{color:var(--text);border-color:var(--line)}.back-btn{color:var(--text-dim);cursor:pointer;margin-bottom:var(--space-4);background:0 0;border:none;padding:0;font-size:.85rem}.back-btn:hover{color:var(--text)}.comparador-remove{color:var(--text-faint);cursor:pointer;background:0 0;border:none;padding:0;font-size:.75rem}.search-bar{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);margin-bottom:var(--space-4);padding:10px 13px;font-size:.92rem}.search-bar::placeholder{color:var(--text-faint)}.search-bar:focus{border-color:var(--line);outline:none}.filter-row{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.chip,.recent-chip{border:1px solid var(--border);color:var(--text-dim);border-radius:var(--radius-pill);cursor:pointer;background:0 0;padding:5px 11px;font-size:.78rem;transition:border-color .15s,color .15s,background .15s}.chip.active{background:var(--text);border-color:var(--text);color:var(--bg)}.recent-chip:hover,.chip:hover{border-color:var(--line);color:var(--text)}.recent-row{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin:var(--space-6) 0 var(--space-3);font-size:.72rem;font-weight:600}.card-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);cursor:pointer;text-align:left;transition:border-color .15s,background .15s;position:relative}.card:hover{background:var(--surface-raised);border-color:var(--line)}.card h3{padding-right:24px;font-size:.95rem;font-weight:600}.card p{color:var(--text-dim);margin:0;font-size:.84rem;line-height:1.45}.favorite-btn{top:var(--space-3);right:var(--space-3);cursor:pointer;color:var(--text-faint);background:0 0;border:none;padding:2px;font-size:1.1rem;line-height:1;position:absolute}.favorite-btn.active{color:var(--text)}.tag-pill{color:var(--text-faint);border:1px solid var(--border-soft);border-radius:var(--radius-pill);margin:var(--space-2) var(--space-1) 0 0;background:0 0;padding:2px 8px;font-size:.66rem;display:inline-block}.empty-state{color:var(--text-dim);text-align:center;padding:48px 0;font-size:.88rem}.detail-view{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-5)}.detail-view h2{font-size:1.2rem}.meta-row{gap:var(--space-4);color:var(--text-faint);margin-bottom:var(--space-4);flex-wrap:wrap;font-size:.82rem;display:flex}.diagram-box{background:var(--bg);border:1px solid var(--border-soft);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-5);justify-content:center;display:flex}.notes-box{margin-bottom:var(--space-5)}.notes-box h3{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:600}.notes-textarea{width:100%;min-height:60px;padding:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);color:var(--text);resize:vertical;font-family:inherit;font-size:.86rem}.notes-textarea:focus{border-color:var(--line);outline:none}.plantilla-box{background:var(--bg);border:1px solid var(--border-soft);border-radius:var(--radius);padding:var(--space-4);margin:var(--space-4) 0 var(--space-5)}.plantilla-box h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:.72rem;font-weight:600}.plantilla-box ol{margin:var(--space-2) 0 0;padding-left:20px}.plantilla-box li{margin-bottom:var(--space-1);color:var(--text-dim);font-size:.86rem}.checklist-item{align-items:flex-start;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border-soft);display:flex}.checklist-item:last-child{border-bottom:none}.checklist-item input{accent-color:var(--text);margin-top:4px}.checklist-item.done span{color:var(--text-faint);text-decoration:line-through}.detail-view h3{margin-top:var(--space-5);font-size:.95rem;font-weight:600}.detail-view ul{margin:var(--space-2) 0;padding-left:20px}.detail-view li{color:var(--text-dim);margin-bottom:var(--space-1);font-size:.88rem}.brand-box{margin-top:var(--space-6);border-top:1px solid var(--border);padding-top:var(--space-5)}.brand-box>strong{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:.72rem;font-weight:600}.brand-box>p{color:var(--text-dim);font-size:.86rem}.ejemplos-row{gap:var(--space-3);margin:var(--space-2) 0 var(--space-4);padding-bottom:var(--space-1);display:flex;overflow-x:auto}.ejemplo-card{flex:none;width:132px;margin:0}.ejemplo-card img{object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);width:132px;height:165px;display:block}.ejemplo-card figcaption{color:var(--text-faint);margin-top:var(--space-2);font-size:.71rem;line-height:1.35}.swatch-row{gap:var(--space-2);margin:var(--space-2) 0;flex-wrap:wrap;display:flex;position:relative}.swatch{border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;width:30px;height:30px}.swatch-copied{color:var(--text-faint);margin:var(--space-1) 0 var(--space-4);font-size:.76rem}.comparador-box{margin:var(--space-3) 0 var(--space-5)}.comparador-box h3{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:.72rem;font-weight:600}.comparador-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.comparador-slot{text-align:center;flex:160px}.comparador-slot img{border-radius:var(--radius-sm);border:1px solid var(--border);object-fit:cover;width:100%;max-width:220px;margin:0 auto var(--space-2);display:block}.comparador-slot label{color:var(--text-faint);margin-bottom:var(--space-2);font-size:.76rem;display:block}.comparador-upload{aspect-ratio:4/5;width:100%;max-width:220px;margin:0 auto var(--space-2);border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-faint);cursor:pointer;background:var(--bg);justify-content:center;align-items:center;font-size:.76rem;display:flex}.surprise-card,.install-banner{justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;font-size:.86rem;display:flex}.surprise-card{align-items:flex-start}.surprise-card strong{color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:600}.surprise-card p{margin:var(--space-1) 0 0;color:var(--text);font-size:.88rem}.surprise-actions,.install-banner-actions{gap:var(--space-2);flex-shrink:0;align-items:center;display:flex}.cheat-sheet-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.cheat-sheet-table{border-collapse:collapse;width:100%;margin-bottom:var(--space-5)}.cheat-sheet-table th,.cheat-sheet-table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--border-soft);font-size:.84rem}.cheat-sheet-table th{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.cheat-sheet-tip{background:var(--bg);border:1px solid var(--border-soft);border-radius:var(--radius);padding:var(--space-4);color:var(--text-dim);font-size:.86rem}.calendar-day{background:var(--bg);border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:var(--space-3);gap:var(--space-2);flex-direction:column;display:flex}.calendar-day.done{border-color:var(--text-dim)}.calendar-day-header{justify-content:space-between;align-items:center;display:flex}.calendar-day-header strong{font-size:.86rem;font-weight:600}.calendar-check{align-items:center;gap:var(--space-1);color:var(--text-faint);font-size:.7rem;display:flex}.calendar-day select,.calendar-tema{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);padding:7px 9px;font-family:inherit;font-size:.8rem}.calendar-day select:focus,.calendar-tema:focus{border-color:var(--line);outline:none}.calendar-figma-hint{color:var(--text-faint);margin:0;font-size:.72rem}.calendar-figma-hint strong{color:var(--text-dim)}.calendar-toolbar{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.calendar-toolbar h2{margin:0}.month-nav{align-items:center}.month-label{padding:0 var(--space-3);white-space:nowrap;font-size:.82rem}.month-grid{gap:var(--space-2);margin:var(--space-4) 0;grid-template-columns:repeat(7,1fr);display:grid}.month-grid-weekday{text-align:center;color:var(--text-dim);font-size:.75rem}.month-grid-empty-day{text-align:center;padding:var(--space-2);color:var(--text-faint);font-size:.8rem}@media (width<=640px){.month-grid{grid-template-columns:1fr}.month-grid-weekday,.month-grid-blank,.month-grid-empty-day{display:none}}