.projects-app{width:100%;height:100%;background:var(--gray-100);overflow-y:auto;padding:2rem}[data-theme=dark] .projects-app{background:#18181b}.projects-container{max-width:1200px;margin:0 auto}.projects-title{font-size:2rem;font-weight:700;margin-bottom:2rem;color:var(--gray-900)}[data-theme=dark] .projects-title{color:var(--gray-100)}.projects-filters{display:flex;gap:.75rem;margin-bottom:2rem;border-bottom:2px solid var(--gray-200);padding-bottom:.5rem}[data-theme=dark] .projects-filters{border-bottom-color:var(--gray-700)}.filter-btn{padding:.5rem 1.25rem;background:transparent;border:none;border-bottom:3px solid transparent;font-weight:500;color:var(--gray-600);cursor:pointer;transition:all .2s;font-size:.95rem}.filter-btn:hover{color:var(--gray-900)}.filter-btn.active{color:var(--blue-600);border-bottom-color:var(--blue-600)}[data-theme=dark] .filter-btn{color:var(--gray-400)}[data-theme=dark] .filter-btn:hover{color:var(--gray-100)}[data-theme=dark] .filter-btn.active{color:var(--blue-400);border-bottom-color:var(--blue-400)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.project-card{background:#fff;border-radius:1rem;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid transparent}.project-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border-color:var(--blue-200)}[data-theme=dark] .project-card{background:var(--gray-800);border-color:var(--gray-700)}[data-theme=dark] .project-card:hover{border-color:var(--blue-600)}.project-thumbnail{aspect-ratio:16 / 9;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}[data-theme=dark] .project-thumbnail{background:linear-gradient(135deg,#4c1d95,#5b21b6)}.project-thumbnail img{width:100%;height:100%;object-fit:cover}.project-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000,#0006);pointer-events:none}.project-card-info{padding:1.5rem}.project-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.5rem}.project-card-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--gray-900);flex:1;line-height:1.3}[data-theme=dark] .project-card-title{color:var(--gray-100)}.project-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.project-badge.professional{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.project-badge.personal{background:linear-gradient(135deg,#14b8a6,#0d9488);color:#fff}.project-card-year{display:block;font-size:.875rem;color:var(--gray-500);margin-bottom:.75rem;font-weight:500}.project-card-description{font-size:.9rem;color:var(--gray-600);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}[data-theme=dark] .project-card-description{color:var(--gray-400)}.project-card[data-project-id=hotwheels-nitro-junior] .project-thumbnail img{object-fit:cover;object-position:center 1%;transform:scale(1.15)}.project-card[data-project-id=wiltopia] .project-thumbnail img{object-position:center 10%}.project-card[data-project-id=McDaag] .project-thumbnail img{object-position:center 5%}.project-detail{max-width:48rem;margin:0 auto;background:#fff;min-height:calc(100vh - 4rem);box-shadow:var(--ios-shadow-lg);padding:2rem 3rem;color:#000}[data-theme=dark] .project-detail{background:var(--gray-800);color:var(--gray-100)}.project-back{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;color:var(--blue-600);font-weight:500;cursor:pointer;transition:color .2s;margin-bottom:2rem;padding:.5rem 0}.project-back:hover{color:var(--blue-700)}[data-theme=dark] .project-back{color:var(--blue-400)}[data-theme=dark] .project-back:hover{color:var(--blue-300)}.project-header{display:flex;gap:2rem;align-items:flex-start;padding-bottom:2rem;border-bottom:2px solid var(--gray-200);margin-bottom:2rem}[data-theme=dark] .project-header{border-bottom-color:var(--gray-700)}.project-hero{width:200px;min-width:200px;height:200px;border-radius:1rem;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}[data-theme=dark] .project-hero{background:linear-gradient(135deg,#4c1d95,#5b21b6)}.project-hero img{width:100%;height:100%;object-fit:cover}.project-header-info{flex:1}.project-detail-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--gray-900)}[data-theme=dark] .project-detail-title{color:var(--gray-100)}.project-year{font-size:1rem;color:var(--gray-500);margin-bottom:.25rem}.project-role{font-size:1rem;font-weight:500;color:var(--blue-600);margin-bottom:1rem}[data-theme=dark] .project-role{color:var(--blue-400)}.project-check-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;background:var(--blue-500);color:#fff;border-radius:.625rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;box-shadow:0 2px 8px #3b82f659;margin-top:.25rem}.project-check-btn:hover{background:var(--blue-600);transform:translateY(-1px);box-shadow:0 4px 14px #3b82f673;color:#fff}.project-section{margin-bottom:2.5rem}.project-section-title{font-size:1.25rem;font-weight:700;margin-bottom:1.25rem;color:var(--gray-900)}[data-theme=dark] .project-section-title{color:var(--gray-100)}.project-description,.project-details{color:var(--gray-700);line-height:1.7;font-size:.95rem}[data-theme=dark] .project-description,[data-theme=dark] .project-details{color:var(--gray-300)}.project-tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.tech-pill{padding:.5rem 1rem;background:var(--blue-100);color:var(--blue-700);border-radius:2rem;font-size:.875rem;font-weight:500}[data-theme=dark] .tech-pill{background:var(--blue-900);color:var(--blue-300)}.project-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.gallery-item{position:relative;cursor:pointer;border-radius:.75rem;overflow:hidden;transition:transform .3s ease;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.gallery-item:hover{transform:scale(1.05);box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a}.gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.gallery-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,rgba(0,0,0,.4) 50%,transparent 100%);padding:1.5rem 1rem 1rem;opacity:0;transition:opacity .3s ease}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-source{color:#fff;font-size:.875rem;font-weight:500;margin:0;text-align:center;pointer-events:none}.gallery-source-link{color:#fff;font-size:.875rem;font-weight:500;text-decoration:none;display:block;text-align:center;padding:.25rem .5rem;border-radius:.25rem;transition:background-color .2s;pointer-events:auto;position:relative;z-index:10}.gallery-source-link:hover{background-color:#fff3;text-decoration:underline}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{position:relative;max-width:90vw;max-height:90vh;display:flex;align-items:center;justify-content:center}.modal-content img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:.5rem;box-shadow:0 25px 50px -12px #00000080}.modal-close{position:absolute;top:-3rem;right:0;background:transparent;border:none;color:#fff;font-size:3rem;cursor:pointer;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;transition:transform .2s;line-height:1}.modal-close:hover{transform:scale(1.2)}.project-links{display:flex;flex-direction:column;gap:.75rem}.project-link{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--blue-50);color:var(--blue-700);border-radius:.75rem;text-decoration:none;transition:all .2s;font-weight:500}.project-link:hover{background:var(--blue-100);transform:translate(4px)}[data-theme=dark] .project-link{background:var(--gray-700);color:var(--blue-400)}[data-theme=dark] .project-link:hover{background:var(--gray-600)}.project-video{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.project-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:.75rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.project-card{animation:fadeInUp .5s ease-out}.project-card:nth-child(1){animation-delay:.05s}.project-card:nth-child(2){animation-delay:.1s}.project-card:nth-child(3){animation-delay:.15s}.project-card:nth-child(4){animation-delay:.2s}.project-card:nth-child(5){animation-delay:.25s}.project-card:nth-child(6){animation-delay:.3s}@media (max-width: 968px){.projects-app{padding:1rem}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.project-detail{padding:1.5rem 1.25rem}.project-header{flex-direction:column}.project-hero{width:100%;height:200px}.project-gallery{grid-template-columns:1fr}.project-card-info{padding:1.25rem}.project-card-header{flex-direction:column;align-items:flex-start}.modal-close{top:1rem;right:1rem;font-size:2rem;width:2.5rem;height:2.5rem}.image-modal{padding:1rem}}.quotes-app{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);overflow:hidden;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}[data-theme=dark] .quotes-app{background:linear-gradient(135deg,#434343,#000)}.quotes-app:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);animation:float 20s ease-in-out infinite;pointer-events:none}@keyframes float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.quote-container{max-width:800px;width:100%;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:3rem;box-shadow:0 20px 60px #0000004d,0 0 0 1px #ffffff80 inset;position:relative;animation:slideIn .6s ease-out;z-index:1}[data-theme=dark] .quote-container{background:#1c1c1ef2;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff1a inset}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.quote-mark{font-size:6rem;line-height:1;color:#667eea33;font-family:Georgia,serif;position:absolute;top:1rem;left:2rem;-webkit-user-select:none;user-select:none}[data-theme=dark] .quote-mark{color:#ffffff1a}.quote-text{font-size:1.5rem;line-height:1.75;color:#1f2937;font-weight:400;margin:2rem 0 1.5rem;font-family:Georgia,Times New Roman,serif;font-style:italic;position:relative;z-index:1}[data-theme=dark] .quote-text{color:#f3f4f6}.quote-author{font-size:1.125rem;color:#6b7280;font-weight:600;text-align:right;margin-top:1.5rem;margin-bottom:1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}[data-theme=dark] .quote-author{color:#9ca3af}.quote-refresh{position:absolute;top:.5rem;right:.5rem;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 12px #667eea66;transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .quote-refresh{background:linear-gradient(135deg,#4b5563,#1f2937);box-shadow:0 4px 12px #00000080}.quote-refresh:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 20px #667eea80}[data-theme=dark] .quote-refresh:hover{box-shadow:0 8px 20px #000000b3}.quote-refresh:active{transform:translateY(0) scale(.95)}.quote-refresh svg{transition:transform .4s cubic-bezier(.4,0,.2,1)}.quote-refresh:hover svg{transform:rotate(180deg)}.quotes-loading,.quotes-error{color:#fff;font-size:1.125rem;text-align:center;font-weight:500}@media (max-width: 768px){.quotes-app{padding:1rem}.quote-container{padding:2rem 1.5rem}.quote-mark{font-size:4rem;top:.5rem;left:1rem}.quote-text{font-size:1.25rem;line-height:1.6;margin:1.5rem 0 1rem}.quote-author{font-size:1rem;margin-top:1rem}.quote-refresh{width:44px;height:44px}.quote-refresh svg{width:18px;height:18px}}@media (max-width: 480px){.quote-container{padding:1.5rem 1.25rem;border-radius:20px}.quote-text{font-size:1.125rem}.quote-author{font-size:.9375rem}.quote-refresh{width:40px;height:40px}.quote-refresh svg{width:16px;height:16px}}.mock-app{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-primary);color:var(--text-primary)}.mock-header{padding:1.5rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:1rem}.mock-close{width:2rem;height:2rem;border-radius:50%;border:none;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:background .2s}.mock-close:hover{background:var(--bg-tertiary)}.mock-header h1{font-size:1.5rem;font-weight:600;margin:0}.mock-content{padding:2rem;flex:1;overflow-y:auto}.mock-message{font-size:1.125rem;margin-bottom:1.5rem;color:var(--text-secondary)}.mock-apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1rem}.mock-app-button{padding:1rem;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border);color:var(--text-primary);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;box-shadow:0 2px 4px #0000001a;border-radius:5%}.mock-app-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary))}.mock-app-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}@media (max-width: 599px){.mock-apps-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.75rem}.mock-app-button{padding:.875rem;font-size:.85rem}.mock-content{padding:1.5rem}}.weather-app{width:100%;height:100%;display:flex;flex-direction:column;padding:2rem;overflow-y:auto;background:linear-gradient(135deg,#4299e11a,#48bb781a)}.weather-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.weather-location{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.weather-refresh{position:absolute;bottom:2rem;right:2rem;background:#fff3;-webkit-backdrop-filter:var(--ios-blur);backdrop-filter:var(--ios-blur);border:1px solid rgba(255,255,255,.3);border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:var(--text-primary);z-index:10;box-shadow:0 4px 12px #00000026}.weather-refresh:hover{background:#ffffff4d;transform:rotate(180deg)}.weather-refresh:active{transform:scale(.95) rotate(180deg)}.weather-main{display:flex;flex-direction:column;align-items:center;margin-bottom:3rem}.weather-icon{font-size:8rem;margin-bottom:1rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.weather-temp{font-size:5rem;font-weight:200;color:var(--text-primary);line-height:1;margin-bottom:.5rem}.weather-description{font-size:1.5rem;color:var(--text-secondary);margin-bottom:.5rem;text-transform:capitalize}.weather-feels-like{font-size:1rem;color:var(--text-secondary)}.weather-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:auto}.weather-detail-item{background:#ffffff26;-webkit-backdrop-filter:var(--ios-blur);backdrop-filter:var(--ios-blur);border:1px solid rgba(255,255,255,.2);border-radius:1rem;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .3s}.weather-detail-item:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.weather-detail-icon{color:var(--blue-500);flex-shrink:0}.weather-detail-content{display:flex;flex-direction:column;gap:.25rem}.weather-detail-label{font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.weather-detail-value{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.weather-loading,.weather-error{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.2rem;color:var(--text-secondary)}.weather-error{color:#ef4444}:root[data-theme=dark] .weather-app{background:linear-gradient(135deg,#4299e10d,#48bb780d)}:root[data-theme=dark] .weather-detail-item{background:#ffffff0d;border-color:#ffffff1a}:root[data-theme=dark] .weather-detail-item:hover{background:#ffffff1a}@media (max-width: 599px){.weather-app{padding:1.5rem}.weather-icon{font-size:6rem}.weather-temp{font-size:4rem}.weather-description{font-size:1.25rem}.weather-details{grid-template-columns:1fr}}.news-app{width:100%;height:100%;display:flex;flex-direction:column;padding:1.5rem;overflow-y:auto;background:linear-gradient(135deg,#3b82f60d,#2563eb14)}.news-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;background:transparent}.news-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0;display:flex;align-items:center;gap:.5rem}.news-refresh{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;color:#3b82f6;margin-right:3rem}.news-refresh:hover{background:#3b82f633;transform:rotate(180deg)}.news-refresh:active{transform:scale(.95) rotate(180deg)}.news-list{display:flex;flex-direction:column;gap:.75rem}.news-item{display:flex;gap:1rem;background:#ffffff80;-webkit-backdrop-filter:var(--ios-blur);backdrop-filter:var(--ios-blur);border:1px solid rgba(0,0,0,.08);border-radius:.75rem;padding:1rem;transition:all .3s}.news-item:hover{background:#ffffffb3;transform:translate(4px);box-shadow:0 4px 12px #0000001a}.news-rank{font-size:1.25rem;font-weight:700;color:#3b82f6;min-width:2rem;display:flex;align-items:flex-start;justify-content:center;padding-top:.125rem}.news-content{flex:1;display:flex;flex-direction:column;gap:.5rem}.news-story-title{font-size:1rem;font-weight:600;color:var(--text-primary);text-decoration:none;line-height:1.4;display:inline-flex;align-items:flex-start;gap:.375rem;transition:color .2s}.news-story-title:hover{color:#3b82f6}.news-external-icon{flex-shrink:0;margin-top:.2rem;opacity:.5}.news-meta{display:flex;flex-wrap:wrap;gap:1rem;font-size:.875rem;color:var(--text-secondary)}.news-meta-item{display:flex;align-items:center;gap:.375rem}.news-meta-item svg{opacity:.7}.news-comments{color:var(--text-secondary);text-decoration:none;transition:color .2s}.news-comments:hover{color:#3b82f6}.news-time{opacity:.7;font-style:italic}.news-loading,.news-error{display:flex;align-items:center;justify-content:center;height:100%;font-size:1.2rem;color:var(--text-secondary)}.news-error{color:#ef4444}:root[data-theme=dark] .news-app{background:linear-gradient(135deg,#3b82f608,#2563eb0d)}:root[data-theme=dark] .news-item{background:#ffffff0d;border-color:#ffffff1a}:root[data-theme=dark] .news-item:hover{background:#ffffff1a}@media (max-width: 599px){.news-app{padding:1rem}.news-item{flex-direction:column;gap:.75rem}.news-rank{min-width:auto;align-self:flex-start}.news-meta{gap:.75rem}.news-story-title{font-size:.9375rem}}.mathquiz-app{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#3b82f614,#2563eb1f);transition:background-color .3s}.mathquiz-app.correct{animation:correctFlash .5s ease}.mathquiz-app.wrong{animation:wrongShake .5s ease}@keyframes correctFlash{0%,to{background-color:transparent}50%{background-color:#22c55e33}}@keyframes wrongShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.mathquiz-ready{text-align:center;display:flex;flex-direction:column;gap:2rem;max-width:400px}.mathquiz-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin:0}.mathquiz-title:before{content:"🧮";display:block;font-size:4rem;margin-bottom:1rem}.mathquiz-instructions{font-size:1.125rem;color:var(--text-secondary);margin:0}.mathquiz-high-score{font-size:1.125rem;color:var(--text-secondary)}.mathquiz-high-score strong{color:#3b82f6;font-size:1.5rem}.mathquiz-start-btn,.mathquiz-play-again-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:1rem;padding:1rem 2rem;font-size:1.125rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s;box-shadow:0 4px 12px #3b82f64d}.mathquiz-start-btn:hover,.mathquiz-play-again-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.mathquiz-start-btn:active,.mathquiz-play-again-btn:active{transform:scale(.98)}.mathquiz-playing{width:100%;max-width:600px;display:flex;flex-direction:column;gap:2rem}.mathquiz-header{display:flex;justify-content:space-between;align-items:center}.mathquiz-score{font-size:1.25rem;color:var(--text-secondary)}.mathquiz-score strong{color:#3b82f6;font-size:2rem;margin-left:.5rem}.mathquiz-timer{position:relative}.timer-circle{width:80px;height:80px;border-radius:50%;background:conic-gradient(#3b82f6,#3b82f6 calc(var(--progress) * 360deg),#3b82f633 calc(var(--progress) * 360deg));display:flex;align-items:center;justify-content:center;position:relative}.timer-circle:before{content:"";position:absolute;width:70px;height:70px;border-radius:50%;background:var(--bg-primary)}.timer-text{position:relative;z-index:1;font-size:1.5rem;font-weight:700;color:#3b82f6}.mathquiz-question{display:flex;align-items:center;justify-content:center;gap:1.5rem;font-size:4rem;font-weight:700;color:var(--text-primary);padding:2rem;background:#ffffff80;-webkit-backdrop-filter:var(--ios-blur);backdrop-filter:var(--ios-blur);border:1px solid rgba(0,0,0,.08);border-radius:1.5rem;min-height:150px}.question-op,.question-mark{color:#3b82f6}.mathquiz-answer-form{display:flex;gap:1rem}.mathquiz-input{flex:1;font-size:2rem;font-weight:600;text-align:center;padding:1rem;border:2px solid rgba(59,130,246,.3);border-radius:1rem;background:#fffc;color:var(--text-primary);transition:all .3s}.mathquiz-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.mathquiz-submit-btn{width:80px;height:80px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:1rem;font-size:2rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #3b82f64d}.mathquiz-submit-btn:hover{transform:scale(1.05)}.mathquiz-submit-btn:active{transform:scale(.95)}.mathquiz-feedback{text-align:center;font-size:1.5rem;font-weight:700;padding:1rem;border-radius:1rem;animation:fadeIn .3s ease}.mathquiz-feedback.correct{background:#22c55e33;color:#16a34a}.mathquiz-feedback.wrong{background:#ef444433;color:#dc2626}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mathquiz-finished{text-align:center;display:flex;flex-direction:column;gap:2rem;max-width:400px}.mathquiz-game-over{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0}.mathquiz-final-score{background:#3b82f61a;border:2px solid rgba(59,130,246,.3);border-radius:1.5rem;padding:2rem}.final-score-label{font-size:1rem;color:var(--text-secondary);margin-bottom:.5rem}.final-score-value{font-size:4rem;font-weight:700;color:#3b82f6}.mathquiz-new-record{font-size:1.5rem;font-weight:700;color:#16a34a;animation:bounce 1s ease infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}:root[data-theme=dark] .mathquiz-app{background:linear-gradient(135deg,#3b82f60d,#2563eb14)}:root[data-theme=dark] .mathquiz-question{background:#ffffff0d;border-color:#ffffff1a}:root[data-theme=dark] .mathquiz-input{background:#ffffff1a;border-color:#3b82f666}@media (max-width: 599px){.mathquiz-app{padding:1rem}.mathquiz-question{font-size:2.5rem;gap:1rem;padding:1.5rem;min-height:120px}.mathquiz-input{font-size:1.5rem}.mathquiz-submit-btn{width:60px;height:60px;font-size:1.5rem}.timer-circle{width:60px;height:60px}.timer-circle:before{width:50px;height:50px}.timer-text{font-size:1.125rem}}.dictionary-app{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#10b9810d,#05966914);overflow-y:auto}.dictionary-header{padding:1.5rem;border-bottom:1px solid rgba(0,0,0,.1);background:var(--bg-primary);position:sticky;top:0;z-index:10}.dictionary-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.dictionary-title:before{content:"📖";font-size:1.75rem}.dictionary-search-form{display:flex;gap:.75rem}.search-input-wrapper{flex:1;position:relative}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#10b981}.dictionary-search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid rgba(16,185,129,.3);border-radius:.75rem;font-size:1rem;background:#fffc;color:var(--text-primary);transition:all .3s}.dictionary-search-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.search-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.search-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #10b9814d}.search-button:active{transform:translateY(0)}.dictionary-content{flex:1;padding:1.5rem}.dictionary-loading,.dictionary-error{text-align:center;padding:3rem 1rem;font-size:1.125rem}.dictionary-loading{color:var(--text-secondary)}.dictionary-error{color:#ef4444;background:#ef44441a;border-radius:.75rem;padding:1.5rem}.dictionary-result{max-width:800px;margin:0 auto}.word-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(16,185,129,.2)}.word-title{font-size:2.5rem;font-weight:700;color:#10b981;margin:0 0 .5rem;text-transform:capitalize}.word-phonetics{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.phonetic-text{font-size:1.125rem;color:var(--text-secondary);font-style:italic}.phonetic-audio-btn{background:#10b9811a;border:1px solid rgba(16,185,129,.3);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#10b981;transition:all .3s}.phonetic-audio-btn:hover{background:#10b98133;transform:scale(1.1)}.meaning-section{margin-bottom:2rem}.part-of-speech{font-size:.875rem;font-weight:700;text-transform:uppercase;color:#10b981;letter-spacing:.05em;margin-bottom:1rem}.definitions-list{display:flex;flex-direction:column;gap:1.25rem}.definition-item{background:#ffffff80;-webkit-backdrop-filter:var(--ios-blur);backdrop-filter:var(--ios-blur);border:1px solid rgba(0,0,0,.08);border-radius:.75rem;padding:1rem}.definition-text{font-size:1rem;color:var(--text-primary);line-height:1.6;margin-bottom:.5rem}.definition-example{font-size:.9375rem;color:var(--text-secondary);font-style:italic;padding-left:1rem;border-left:3px solid #10b981;margin-top:.75rem}.dictionary-history{max-width:600px;margin:0 auto}.history-header{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.history-list{display:flex;flex-wrap:wrap;gap:.5rem}.history-item{padding:.5rem 1rem;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:.5rem;color:#10b981;font-size:.9375rem;cursor:pointer;transition:all .3s}.history-item:hover{background:#10b98133;transform:translateY(-2px)}:root[data-theme=dark] .dictionary-app{background:linear-gradient(135deg,#10b98108,#0596690d)}:root[data-theme=dark] .dictionary-search-input{background:#ffffff1a;border-color:#10b98166}:root[data-theme=dark] .definition-item{background:#ffffff0d;border-color:#ffffff1a}@media (max-width: 599px){.dictionary-header,.dictionary-content{padding:1rem}.word-title{font-size:2rem}.dictionary-search-form{flex-direction:column}.search-button{width:100%}}.wikipedia-app{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#f973160d,#ea580c14)}.wikipedia-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(0,0,0,.1);background:var(--bg-primary)}.wikipedia-title{display:flex;align-items:center;gap:.75rem}.wikipedia-title h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.wikipedia-title svg{color:#f97316}.wikipedia-refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s}.wikipedia-refresh-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #f973164d}.wikipedia-refresh-btn:active:not(:disabled){transform:translateY(0)}.wikipedia-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.wikipedia-content{flex:1;overflow-y:auto;padding:2rem;display:flex;justify-content:center;align-items:flex-start}.wikipedia-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:var(--text-secondary)}.loading-spinner{width:48px;height:48px;border:4px solid rgba(249,115,22,.2);border-top-color:#f97316;border-radius:50%;animation:spin 1s linear infinite}.wikipedia-article{max-width:800px;width:100%;background:#fffc;-webkit-backdrop-filter:var(--ios-blur);backdrop-filter:var(--ios-blur);border:1px solid rgba(0,0,0,.08);border-radius:1.5rem;overflow:hidden;box-shadow:0 4px 20px #00000014}.article-image-wrapper{width:100%;max-height:400px;overflow:hidden;background:#f973160d;display:flex;align-items:center;justify-content:center}.article-image{width:100%;height:auto;object-fit:cover;display:block}.article-content{padding:2rem}.article-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin:0 0 1.5rem;line-height:1.2}.article-extract{font-size:1.0625rem;line-height:1.8;color:var(--text-primary);margin:0 0 2rem}.article-read-more{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;text-decoration:none;border-radius:.75rem;font-weight:600;transition:all .3s}.article-read-more:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f973164d}.article-read-more:active{transform:translateY(0)}:root[data-theme=dark] .wikipedia-app{background:linear-gradient(135deg,#f9731608,#ea580c0d)}:root[data-theme=dark] .wikipedia-article{background:#ffffff0d;border-color:#ffffff1a}:root[data-theme=dark] .article-image-wrapper{background:#f973161a}@media (max-width: 599px){.wikipedia-header{flex-direction:column;gap:1rem;align-items:stretch}.wikipedia-title{justify-content:center}.wikipedia-refresh-btn{width:100%;justify-content:center}.wikipedia-content{padding:1rem}.article-content{padding:1.5rem}.article-title{font-size:1.5rem}.article-extract{font-size:1rem}}.nasa-app{width:100%;height:100%;display:flex;flex-direction:column;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;overflow:hidden}.nasa-loading,.nasa-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;padding:2rem;text-align:center}.loading-spinner{width:48px;height:48px;border:4px solid rgba(124,58,237,.2);border-top-color:#7c3aed;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nasa-error p{color:#fca5a5;font-size:1rem}.retry-button{padding:.75rem 1.5rem;background:linear-gradient(135deg,#7c3aed,#6366f1);color:#fff;border:none;border-radius:.75rem;font-weight:600;cursor:pointer;transition:all .3s}.retry-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #7c3aed66}.nasa-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#0f172ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;z-index:10}.nasa-logo{display:flex;align-items:center;gap:.75rem}.nasa-logo svg{color:#fbbf24}.nasa-logo h2{font-size:1.25rem;font-weight:700;margin:0}.nasa-controls{display:flex;gap:.5rem}.control-btn{padding:.5rem;background:#7c3aed33;border:1px solid rgba(124,58,237,.3);border-radius:.5rem;color:#c4b5fd;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center}.control-btn:hover{background:#7c3aed4d;transform:translateY(-2px)}.today-btn{padding:.5rem 1rem;font-weight:600;font-size:.875rem}.download-btn{background:#22c55e33;border-color:#22c55e4d;color:#86efac}.download-btn:hover{background:#22c55e4d}.nasa-content{flex:1;display:flex;overflow:hidden}.nasa-image-wrapper,.nasa-video-wrapper{flex:1;position:relative;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.nasa-image{width:100%;height:100%;object-fit:contain;display:block}.nasa-video{width:100%;height:100%}.nasa-info{width:400px;padding:2rem;background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:1px solid rgba(255,255,255,.1);overflow-y:auto;flex-shrink:0}.nasa-date{font-size:.875rem;color:#94a3b8;margin-bottom:.5rem;font-weight:500}.nasa-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 1rem;line-height:1.3}.nasa-copyright{font-size:.8125rem;color:#cbd5e1;margin-bottom:1rem;font-style:italic}.nasa-explanation{font-size:.9375rem;line-height:1.7;color:#e2e8f0;margin:0}.nasa-info::-webkit-scrollbar{width:8px}.nasa-info::-webkit-scrollbar-track{background:#ffffff0d}.nasa-info::-webkit-scrollbar-thumb{background:#7c3aed80;border-radius:4px}.nasa-info::-webkit-scrollbar-thumb:hover{background:#7c3aedb3}@media (max-width: 768px){.nasa-header{flex-direction:column;gap:1rem;padding:1rem}.nasa-controls{width:100%;justify-content:space-between}.control-btn{flex:1}.nasa-content{flex-direction:column}.nasa-image-wrapper,.nasa-video-wrapper{max-height:50vh}.nasa-info{width:100%;max-height:50vh;border-left:none;border-top:1px solid rgba(255,255,255,.1)}}@media (max-width: 480px){.nasa-logo h2{font-size:1rem}.nasa-title{font-size:1.25rem}.nasa-info{padding:1.5rem}.control-btn,.today-btn{padding:.5rem .75rem}}:root{--blue-400: #60a5fa;--blue-500: #3b82f6;--blue-600: #2563eb;--blue-700: #1d4ed8;--cyan-400: #22d3ee;--cyan-500: #06b6d4;--purple-500: #a855f7;--orange-400: #fb923c;--orange-500: #f97316;--yellow-500: #eab308;--green-500: #22c55e;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--bg-primary: #f2f2f7;--bg-secondary: #ffffff;--text-primary: #000000;--text-secondary: #6b7280;--ios-blur: blur(20px);--ios-shadow: 0 4px 12px rgba(0, 0, 0, .15);--ios-shadow-lg: 0 10px 40px rgba(0, 0, 0, .25);--ios-radius: 22%;--retro-radius: 50%}[data-theme=dark]{--bg-primary: #000000;--bg-secondary: #1c1c1e;--text-primary: #ffffff;--text-secondary: #9ca3af}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg-primary);color:var(--text-primary);transition:background .3s,color .3s}#root{width:100%;height:100%}.app{position:relative;width:100%;height:100dvh;overflow:hidden}.app-wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.app-layers{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column}.app-content{flex:1;position:relative;overflow:hidden}.home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:134px;height:5px;background:#ffffff4d;border-radius:100px;z-index:9999}.status-bar{width:100%;height:3rem;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;font-size:.875rem;font-weight:500;-webkit-backdrop-filter:var(--ios-blur);backdrop-filter:var(--ios-blur)}.status-left{flex:1}.status-center{flex:0;font-weight:700;white-space:nowrap;position:relative}.status-center-content{position:relative;display:inline-block}.status-arrow{position:absolute;left:50%;transform:translate(-50%);top:100%;margin-top:.125rem;font-size:.75rem;opacity:.7;animation:arrowBounce 2s ease-in-out infinite}@keyframes arrowBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(2px)}}.status-center-intro .status-center-content{animation:introHighlight 1s ease-out forwards}@keyframes introHighlight{0%{transform:scale(1);background:linear-gradient(90deg,currentColor 0%,currentColor 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}20%{transform:scale(1.1);background:linear-gradient(90deg,#3b82f6,#9333ea,#ec4899);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}80%{transform:scale(1.1);background:linear-gradient(90deg,#3b82f6,#9333ea,#ec4899);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}to{transform:scale(1);background:linear-gradient(90deg,currentColor 0%,currentColor 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:currentColor}}.status-right{flex:1;display:flex;justify-content:flex-end;gap:.5rem}@media (min-width: 2560px){.status-bar{height:3.5rem;font-size:1rem;padding:0 2rem}}.app-icon{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;z-index:10}.icon-box{width:3.5rem;height:3.5rem;border-radius:var(--ios-radius);display:flex;align-items:center;justify-content:center;box-shadow:var(--ios-shadow);color:#fff;position:relative;overflow:hidden;transition:transform .2s}[data-style=retro] .icon-box{border-radius:var(--retro-radius)}.icon-box:active{transform:scale(.95)}.icon-cv{background:linear-gradient(135deg,var(--blue-500),var(--blue-600),var(--blue-700))}.icon-mail{background:linear-gradient(135deg,var(--cyan-400),var(--blue-500),var(--blue-600))}.icon-github{background:linear-gradient(135deg,var(--gray-700),var(--gray-800),var(--gray-900))}.icon-stocks{background:linear-gradient(135deg,#000,var(--gray-900),#000)}.icon-currency{background:linear-gradient(135deg,#667eea,#764ba2)}.icon-projects{background:linear-gradient(135deg,var(--orange-400),var(--orange-500),var(--yellow-500))}.icon-settings{background:linear-gradient(135deg,var(--gray-500),var(--gray-600),var(--gray-700))}.icon-linkedin{background:linear-gradient(135deg,#0077b5,#00a0dc)}.icon-pomodoro{background:linear-gradient(135deg,#ef4444,#dc2626,#991b1b)}.icon-water{background:linear-gradient(135deg,#06b6d4,#0891b2,#0e7490)}.icon-stand{background:linear-gradient(135deg,#f59e0b,#d97706,#b45309)}.icon-photos{background:linear-gradient(135deg,#ff6b6b,#ee5a6f,#c44569)}.icon-camera{background:linear-gradient(135deg,var(--gray-600),var(--gray-700),var(--gray-800))}.icon-maps{background:linear-gradient(135deg,#4facfe,#00f2fe)}.icon-weather{background:linear-gradient(135deg,#43e97b,#38f9d7)}.icon-notes{background:linear-gradient(135deg,#ffd89b,#ffb347,#ff9a56)}.icon-reminders{background:linear-gradient(135deg,#ff6b6b,#ff5e62)}.icon-calendar{background:linear-gradient(135deg,#f093fb,#f5576c)}.icon-contacts{background:linear-gradient(135deg,var(--gray-400),var(--gray-500))}.icon-video{background:linear-gradient(135deg,var(--green-500),#10b981)}.icon-messages{background:linear-gradient(135deg,var(--green-500),#059669)}.icon-quotes{background:linear-gradient(135deg,#667eea,#764ba2)}.icon-music{background:linear-gradient(135deg,#fa709a,#fee140)}.icon-podcasts{background:linear-gradient(135deg,var(--purple-500),#7c3aed)}.icon-tv{background:linear-gradient(135deg,#1e1e1e,#2d2d2d)}.icon-books{background:linear-gradient(135deg,#ff9a56,#ff6361)}.icon-appstore{background:linear-gradient(135deg,var(--blue-500),var(--blue-600))}.icon-wallet{background:linear-gradient(135deg,#2d3436,#000)}.icon-health{background:linear-gradient(135deg,#ff6b9d,#c44569)}.icon-home{background:linear-gradient(135deg,#ffa751,#ffe259)}.icon-news{background:linear-gradient(135deg,#f60,#f50)}.icon-mathquiz{background:linear-gradient(135deg,#3b82f6,#2563eb)}.icon-dictionary{background:linear-gradient(135deg,#10b981,#059669)}.icon-wikipedia{background:linear-gradient(135deg,#f97316,#ea580c)}.icon-nasa{background:linear-gradient(135deg,#7c3aed,#6366f1)}.icon-voice{background:linear-gradient(135deg,var(--purple-500),#9333ea)}.icon-compass{background:linear-gradient(135deg,var(--gray-600),var(--gray-700))}.icon-measure{background:linear-gradient(135deg,#ffb347,#fc3)}.icon-files{background:linear-gradient(135deg,var(--blue-500),var(--cyan-500))}.icon-cv.retro{background:linear-gradient(180deg,#4a90e2,#357abd)}.icon-mail.retro{background:linear-gradient(180deg,#5ac8fa,#3a9bd9)}.icon-github.retro{background:linear-gradient(180deg,#4a4a4a,#2a2a2a)}.icon-stocks.retro{background:linear-gradient(180deg,#1e1e1e,#0a0a0a)}.icon-projects.retro{background:linear-gradient(180deg,#ff9500,#c70)}.icon-settings.retro{background:linear-gradient(180deg,#8e8e93,#636366)}.icon-gloss{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.3),transparent 50%,rgba(0,0,0,.1));pointer-events:none}.icon-label{font-size:.75rem;font-weight:500;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));white-space:nowrap}@media (max-width: 399px){.icon-box{width:3rem;height:3rem}.icon-label{font-size:.7rem}}@media (min-width: 400px) and (max-width: 599px) and (min-height: 720px){.icon-box{width:4rem;height:4rem}.icon-label{font-size:.775rem}}@media (min-width: 600px) and (max-width: 767px){.icon-box{width:4.5rem;height:4.5rem}.icon-label{font-size:.825rem}}@media (min-width: 768px){.icon-box{width:5rem;height:5rem}.icon-label{font-size:.875rem}}@media (min-width: 2560px){.icon-box{width:7.5rem;height:7.5rem}.icon-label{font-size:1rem}.app-icon{gap:.75rem}}.dock{position:absolute;bottom:2.5rem;left:50%;transform:translate(-50%);z-index:200;padding:.75rem 1rem;background:#ffffff1a;-webkit-backdrop-filter:var(--ios-blur);backdrop-filter:var(--ios-blur);border:1px solid rgba(255,255,255,.2);border-radius:2rem;box-shadow:var(--ios-shadow-lg)}.dock-apps{display:flex;gap:1rem;align-items:center}@media (max-width: 767px){.dock{bottom:3.5rem}}@media (min-width: 2560px){.dock{padding:1rem 1.5rem;border-radius:2.5rem}.dock-apps{gap:1.5rem}}.springboard{position:relative;width:100%;height:100%;padding:2rem 0;z-index:5}.springboard-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center}.pages-container{position:relative;width:100%;max-width:28rem;overflow:hidden;cursor:grab;touch-action:pan-x}.pages-container:active{cursor:grabbing}.pages{display:flex}.page{flex-shrink:0;padding:0 2rem;display:flex;flex-direction:column;justify-content:flex-end}.page:first-child{justify-content:center}.page-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(6,1fr);gap:1rem;padding:1rem}.page:first-child .page-grid{grid-template-rows:auto auto 1fr 1fr 1fr 1fr}@media (max-width: 767px){.springboard-center{top:35%}}.page-dots{position:absolute;bottom:10rem;left:50%;transform:translate(-50%);display:flex;gap:.5rem;z-index:50;padding:.5rem 1rem;cursor:grab;touch-action:pan-x}.page-dots:active{cursor:grabbing}.page-dot{width:.5rem;height:.5rem;border-radius:50%;background:#fff6;border:none;cursor:pointer;transition:all .3s;padding:0}.page-dot.active{background:#fff;transform:scale(1.25)}@media (max-width: 399px){.springboard-center{top:35%}.pages-container{max-width:20rem}.page{padding:0 1.5rem}.page-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:.875rem;padding:1rem}.page:first-child .page-grid{grid-template-rows:auto auto 1fr 1fr}.page-dots{bottom:9.25rem}}@media (max-width: 399px) and (min-height: 800px){.page:first-child .page-grid{grid-template-rows:auto auto 1fr 1fr 1fr 1fr}}@media (min-width: 400px) and (max-width: 599px){.springboard-center{top:35%}.pages-container{max-width:26rem}.page-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:1rem;padding:1rem}.page:first-child .page-grid{grid-template-rows:auto auto 1fr 1fr 1fr}.page:first-child .clock-widget{margin-bottom:1.5rem}}@media (min-width: 400px) and (max-width: 599px) and (min-height: 800px){.page:first-child .page-grid{grid-template-rows:auto auto 1fr 1fr 1fr 1fr}.page:first-child .clock-widget{margin-bottom:0}}@media (min-width: 600px) and (max-width: 767px){.springboard-center{top:42%}.pages-container{max-width:44rem}.page-grid{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(5,1fr);gap:1.25rem;padding:1.25rem}.page:first-child .page-grid{grid-template-rows:auto auto 1fr 1fr 1fr}.page-dots{bottom:12rem}}@media (min-width: 768px) and (max-width: 1699px){.springboard-center{top:40%}.pages-container{max-width:52rem}.page-grid{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(3,1fr);gap:1.5rem;padding:1.5rem}.page:first-child .page-grid{grid-template-rows:auto auto 1fr 1fr}.page-dots{bottom:12rem}}@media (min-width: 1700px) and (max-width: 2559px){.springboard-center{top:42%}.pages-container{max-width:52rem}.page-grid{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(5,1fr);gap:1.5rem;padding:1.5rem}.page:first-child .page-grid{grid-template-rows:auto auto 1fr 1fr 1fr}.page-dots{bottom:12rem}}@media (min-width: 2560px){.springboard-center{top:44%}.pages-container{max-width:72rem}.page{padding:0 3rem}.page-grid{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(5,1fr);gap:2.5rem;padding:2rem}.page:first-child .page-grid{grid-template-rows:auto auto 1fr 1fr 1fr}.page-dots{bottom:14rem}}@media (min-width: 1700px) and (max-width: 2559px){.widget-left,.widget-right{position:fixed;top:47%;transform:translateY(-50%);z-index:10}.widget-left{left:2rem;width:280px}.widget-right{right:2rem;width:280px;display:flex;flex-direction:column;gap:1rem}}@media (min-width: 2560px){.widget-left,.widget-right{position:fixed;top:47%;transform:translateY(-50%);z-index:10}.widget-left{left:3rem;width:360px}.widget-right{right:3rem;width:360px;display:flex;flex-direction:column;gap:1.5rem}}@media (max-width: 1699px){.widget-left,.widget-right{position:fixed;top:52%;transform:translateY(-50%);z-index:10}.widget-left{left:2rem;width:250px}.widget-right{right:2rem;width:250px;display:flex;flex-direction:column;gap:1rem}}.wallpaper-modern{position:absolute;top:0;right:0;bottom:0;left:0}.wallpaper-dark{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1c1c1e,#2c2c2e,#5856d6);opacity:.9}.wallpaper-light{position:absolute;top:0;right:0;bottom:0;left:0}.wallpaper-light-base{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#007aff,#5ac8fa,#af52de);opacity:.4}.wallpaper-light-blur{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(80px);backdrop-filter:blur(80px)}.wallpaper-retro{position:absolute;top:0;right:0;bottom:0;left:0}.wallpaper-retro.dark .wallpaper-water{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 50%,rgba(60,90,130,.4),transparent 50%),radial-gradient(circle at 70% 50%,rgba(50,70,100,.3),transparent 50%),linear-gradient(135deg,#2a4a6a,#1a2f4a,#1e3a5a)}.wallpaper-retro.light .wallpaper-water{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 50%,rgba(150,200,240,.3),transparent 50%),radial-gradient(circle at 70% 50%,rgba(120,170,220,.2),transparent 50%),linear-gradient(135deg,#5a8ec5,#4a7eb5,#6a9ed5)}.wallpaper-linen{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.1;background-image:url("data:image/svg+xml,%3Csvg width='84' height='84' viewBox='0 0 84 84' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.4'%3E%3Cpath d='M84 23c-2.177 0-4.19.428-6 1.177V21c0-2.21-1.79-4-4-4h-2.177A11.969 11.969 0 0 0 73 11c0-6.627-5.373-12-12-12C54.373-1 49 4.373 49 11a11.97 11.97 0 0 0 1.177 6H48c-2.21 0-4 1.79-4 4v2.177A11.969 11.969 0 0 0 38 23c-6.627 0-12 5.373-12 12 0 6.628 5.373 12 12 12a11.97 11.97 0 0 0 6-1.177V48c0 2.21 1.79 4 4 4h2.177A11.969 11.969 0 0 0 49 58c0 6.627 5.373 12 12 12 6.627 0 12-5.373 12-12a11.97 11.97 0 0 0-1.177-6H74c2.21 0 4-1.79 4-4v-2.177A11.969 11.969 0 0 0 84 46c6.627 0 12-5.373 12-12 0-6.627-5.373-12-12-12z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.window-manager{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none}.window-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:auto;z-index:1}.app-window{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--ios-shadow-lg);border-radius:2rem;pointer-events:auto;z-index:10}@media (min-width: 768px) and (max-width: 2559px){.app-window{left:15%;right:15%;top:1rem;bottom:6rem;border-radius:2.5rem}}@media (min-width: 2560px){.app-window{left:8%;right:8%;top:2rem;bottom:6rem;border-radius:2.5rem}}.app-window.retro{border-radius:.5rem .5rem 0 0}@media (min-width: 768px){.app-window.retro{border-radius:.5rem}}.window-titlebar{height:2rem;background:linear-gradient(180deg,var(--gray-200),var(--gray-400));display:flex;align-items:center;justify-content:space-between;padding:0 .5rem;border-bottom:1px solid var(--gray-600)}.window-title{font-size:.75rem;font-weight:700;color:#000;text-shadow:0 1px 1px rgba(255,255,255,.5);margin-left:.5rem}.window-close{width:1.5rem;height:1.5rem;background:#ef4444;border-radius:50%;border:1px solid #991b1b;box-shadow:inset 0 -1px 2px #0000004d;cursor:pointer}.window-indicator{position:absolute;top:.5rem;left:50%;transform:translate(-50%);width:3rem;height:.375rem;background:#9ca3af80;border-radius:100px;z-index:50}@media (min-width: 768px){.window-indicator{display:none}}.window-close-x{position:absolute;top:16px;right:16px;width:32px;height:32px;background:transparent;border:none;cursor:pointer;font-size:28px;line-height:1;color:#000;font-weight:300;padding:0;z-index:100;transition:opacity .2s ease;display:flex;align-items:center;justify-content:center}.window-close-x:hover{opacity:.7}.window-close-x:active{opacity:.5}:root[data-theme=dark] .window-close-x{color:#fff}.window-content{flex:1;width:100%;height:100%;background:var(--bg-secondary);position:relative;overflow:auto}.notifications{position:absolute;top:3.5rem;left:0;right:0;z-index:200;display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none}.notification{background:#fffc;-webkit-backdrop-filter:var(--ios-blur);backdrop-filter:var(--ios-blur);color:#000;padding:1rem;border-radius:1rem;box-shadow:var(--ios-shadow);display:flex;gap:.75rem;align-items:center;width:auto;max-width:20rem;min-width:18rem;pointer-events:auto}[data-theme=dark] .notification{background:#000c;color:#fff}.notification-icon{width:2.5rem;height:2.5rem;background:var(--gray-200);border-radius:.75rem;flex-shrink:0}[data-theme=dark] .notification-icon{background:var(--gray-700)}.notification-content{flex:1;min-width:0}.notification-title{font-weight:700;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notification-message{font-size:.75rem;color:var(--gray-500);white-space:pre-line;overflow:hidden;text-overflow:ellipsis}[data-theme=dark] .notification-message{color:var(--gray-400)}.gesture-layer{position:absolute;bottom:0;left:0;right:0;height:4rem;z-index:150;cursor:pointer}.widget{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:1.5rem;padding:1.5rem;box-shadow:0 8px 32px #0000001a;color:#fff}[data-style=retro] .widget{border-radius:var(--retro-radius);padding:1.5rem 1.25rem;aspect-ratio:1;width:300px;height:300px;display:flex;flex-direction:column;justify-content:center}.widget-title{font-size:1.125rem;font-weight:600;margin-bottom:1rem;text-shadow:0 1px 2px rgba(0,0,0,.3)}[data-style=retro] .widget-title{font-size:.95rem;margin-bottom:.75rem}.pomodoro-widget{min-width:240px}.widget-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}[data-style=retro] .widget-tabs{gap:.5rem;margin:.25rem}.tab{flex:1;padding:.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;color:#ffffffb3;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}[data-style=retro] .tab{border-radius:2rem;padding:.4rem;font-size:.7rem}.tab:hover{background:#ffffff26}.tab.active{background:#fff;color:#8b5cf6;border-color:#fff}.timer-display{font-size:3.5rem;font-weight:700;text-align:center;margin:1.5rem 0;font-variant-numeric:tabular-nums;text-shadow:0 2px 8px rgba(0,0,0,.3);letter-spacing:.05em}[data-style=retro] .timer-display{font-size:2.5rem;margin:1rem 0;letter-spacing:.02em}.widget-controls{display:flex;gap:.5rem;justify-content:center}.btn-primary{flex:1;padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:.75rem;color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #8b5cf64d;max-width:140px}[data-style=retro] .btn-primary,[data-style=retro] .btn-secondary,[data-style=retro] .btn-icon{border-radius:2rem}[data-style=retro] .btn-primary,[data-style=retro] .btn-secondary{padding:.6rem 1.25rem;font-size:.8rem}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #8b5cf666}.btn-primary:active{transform:translateY(0)}.btn-secondary{flex:1;padding:.75rem 1.5rem;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:.75rem;color:#fff;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff40}.btn-icon{width:2.75rem;height:2.75rem;padding:0;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:.75rem;font-size:1.125rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:#fff3;transform:scale(1.05)}.widget-settings{display:flex;flex-direction:column;gap:1rem}.widget-settings h3{margin:0 0 .5rem;font-size:1rem}.setting-row{display:flex;justify-content:space-between;align-items:center}.setting-row label{font-size:.875rem;color:#ffffffe6}.setting-row input{width:4rem;padding:.5rem;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;color:#fff;font-size:.875rem;text-align:center}[data-style=retro] .setting-row input{border-radius:2rem}.setting-row input:focus{outline:none;border-color:#fff6;background:#fff3}.water-widget{min-width:240px;text-align:center}.water-count{margin:1.5rem 0}[data-style=retro] .water-count{margin:1rem 0}.count-display{font-size:4rem;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.3);background:#fff;-webkit-background-clip:text;-webkit-text-fill-color:#fff;background-clip:text}[data-style=retro] .count-display{font-size:2.75rem}[data-style=retro][data-theme=light] .count-display{background:none;-webkit-text-fill-color:#fff;color:#000000e6}[data-type=water] .count-display,[data-type=stand] .count-display{-webkit-text-fill-color:#fff}.count-label{font-size:.875rem;color:#fffc;margin-top:.25rem}[data-style=retro] .count-label{font-size:.75rem}.reminder-info{margin-bottom:1rem;color:#fff9;font-size:.75rem}.drink-btn{width:100%;max-width:180px;margin:0 auto 1rem;background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.drink-btn:hover{box-shadow:0 6px 16px #3b82f666}.reminder-note{color:#ffffff80;font-size:.75rem}.stand-btn{width:100%;max-width:180px;margin:0 auto 1rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 12px #8b5cf64d}.stand-btn:hover{box-shadow:0 6px 16px #8b5cf666}.stand-widget{min-width:240px;text-align:center}.stand-count{margin:1.5rem 0}[data-style=retro] .stand-count{margin:1rem 0}@media (min-width: 768px) and (max-width: 1199px){.widget-left,.widget-right,.widget-in-grid{display:none}}@media (max-width: 767px){.widget-left,.widget-right,.widget-in-grid{display:none}}@media (min-width: 2560px){.widget{padding:2rem;border-radius:2rem}.widget-title{font-size:1.375rem;margin-bottom:1.25rem}.timer-display{font-size:4.5rem;margin:2rem 0}.count-display{font-size:5rem}.count-label{font-size:1rem}.tab{font-size:.875rem;padding:.625rem}.btn-primary,.btn-secondary{padding:.875rem 1.75rem;font-size:1rem;border-radius:.875rem}.btn-primary{max-width:180px}.reminder-info,.reminder-note{font-size:.875rem}.pomodoro-widget,.water-widget,.stand-widget{min-width:300px}}.clock-widget{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;background:#ffffff1a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:1.5rem;border:1px solid rgba(255,255,255,.2);grid-column:1 / -1;grid-row:span 2;width:100%}.clock-time{font-size:4rem;font-weight:700;line-height:1;letter-spacing:-.02em;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.3);margin-bottom:.5rem}.clock-date{font-size:1.25rem;font-weight:500;color:#ffffffe6;text-shadow:0 1px 4px rgba(0,0,0,.2)}[data-theme=light] .clock-widget{background:#fff9;border:1px solid rgba(0,0,0,.1)}[data-theme=light] .clock-time{color:#000000e6;text-shadow:0 2px 10px rgba(255,255,255,.5)}[data-theme=light] .clock-date{color:#000000b3;text-shadow:0 1px 4px rgba(255,255,255,.3)}[data-style=retro] .clock-widget{border-radius:2rem;padding:2rem 1.5rem}[data-style=retro] .clock-time{font-size:3.5rem;letter-spacing:.05em}[data-style=retro] .clock-date{font-size:1.1rem}[data-style=retro][data-theme=light] .clock-widget{background:#fffc;border:2px solid rgba(0,0,0,.15)}@media (max-width: 399px){.clock-time{font-size:3.25rem}.clock-date{font-size:1.15rem}.clock-widget{padding:2rem 1rem 1.25rem}}@media (min-width: 400px) and (max-width: 599px){.clock-time{font-size:3.5rem}.clock-date{font-size:1.25rem}.clock-widget{padding:2.25rem 1.25rem 1.5rem}}@media (min-width: 600px) and (max-width: 767px){.clock-time{font-size:5rem}.clock-date{font-size:1.5rem}.clock-widget{padding:2.5rem 1.5rem}}@media (min-width: 768px){.clock-time{font-size:4.5rem}.clock-date{font-size:1.5rem}.clock-widget{padding:2rem 1.5rem}}@media (min-width: 2560px){.clock-time{font-size:6rem}.clock-date{font-size:1.75rem}.clock-widget{padding:2.5rem 2rem}}.mail-app{width:100%;height:100%;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column}.mail-header{padding:1rem 3.5rem 1rem 1rem;background:var(--bg-secondary);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;gap:1rem}[data-theme=dark] .mail-header{border-color:var(--gray-700)}.mail-title{font-size:1.5rem;font-weight:700;flex:1}.mail-contact-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--blue-500);color:#fff;border-radius:.5rem;text-decoration:none;font-size:.875rem;font-weight:500;transition:background .2s;border:none;cursor:pointer}.mail-contact-button:hover,[data-theme=dark] .mail-contact-button{background:var(--blue-600)}[data-theme=dark] .mail-contact-button:hover{background:var(--blue-700)}.mail-list{flex:1;overflow-y:auto}.mail-item{padding:1rem 1.5rem;border-bottom:1px solid var(--gray-200);cursor:pointer}[data-theme=dark] .mail-item{border-color:var(--gray-700)}.mail-item:hover{background:var(--gray-100)}[data-theme=dark] .mail-item:hover{background:var(--gray-800)}.mail-from{font-weight:600;margin-bottom:.25rem}.mail-subject{font-size:.875rem;margin-bottom:.25rem}.mail-snippet{font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.github-app{width:100%;height:100%;background:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.github-title{font-size:1.5rem;font-weight:700;margin-bottom:1rem}.github-link{color:var(--blue-500);text-decoration:none}.stocks-app{width:100%;height:100%;background:var(--bg-primary);color:var(--text-primary);padding:1rem;overflow-y:auto}.stocks-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.stocks-title{font-size:1.5rem;font-weight:700;margin-bottom:.25rem;padding:0 .5rem}.stocks-date{font-size:.875rem;color:var(--text-secondary);padding:0 .5rem}.stocks-refresh-btn{background:var(--bg-secondary);border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:1.25rem;cursor:pointer;transition:transform .2s,opacity .2s}.stocks-refresh-btn:hover:not(:disabled){transform:scale(1.05)}.stocks-refresh-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .stocks-refresh-btn{background:var(--gray-800)}.stock-search{margin-bottom:1.5rem;position:relative}.stock-search-input-container{position:relative}.stock-search-input{width:100%;padding:.75rem 3rem .75rem 1rem;background:var(--bg-secondary);border:2px solid transparent;border-radius:.75rem;font-size:1rem;color:var(--text-primary);transition:border-color .2s}.stock-search-input:focus{outline:none;border-color:var(--accent-color)}[data-theme=dark] .stock-search-input{background:var(--gray-800)}.stock-search-spinner{position:absolute;right:1rem;top:50%;transform:translateY(-50%);animation:spin 1s linear infinite}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}.stock-search-results{position:absolute;top:100%;left:0;right:0;margin-top:.5rem;background:var(--bg-secondary);border-radius:.75rem;box-shadow:0 4px 12px #0000001a;max-height:300px;overflow-y:auto;z-index:10}[data-theme=dark] .stock-search-results{background:var(--gray-800);box-shadow:0 4px 12px #0000004d}.stock-search-result-item{padding:.75rem 1rem;cursor:pointer;transition:background .2s;border-bottom:1px solid var(--bg-primary)}.stock-search-result-item:last-child{border-bottom:none}.stock-search-result-item:hover{background:var(--bg-primary)}[data-theme=dark] .stock-search-result-item{border-bottom-color:var(--gray-700)}[data-theme=dark] .stock-search-result-item:hover{background:var(--gray-700)}.search-result-symbol{font-weight:700;font-size:1rem;margin-bottom:.25rem}.search-result-name{font-size:.875rem;color:var(--text-primary);margin-bottom:.25rem}.search-result-meta{font-size:.75rem;color:var(--text-secondary)}.stock-search-no-results{padding:1rem;text-align:center;color:var(--text-secondary)}.stock-search-error{margin-top:.5rem;padding:.75rem;background:#ef44441a;border-radius:.5rem;color:#ef4444;font-size:.875rem}.stocks-setup-message{background:var(--bg-secondary);border-radius:1rem;padding:2rem;text-align:center;max-width:500px;margin:2rem auto}[data-theme=dark] .stocks-setup-message{background:var(--gray-800)}.setup-icon{font-size:3rem;margin-bottom:1rem}.stocks-setup-message h2{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.stocks-setup-message p{color:var(--text-secondary);margin-bottom:1rem;line-height:1.5}.stocks-setup-message ol{text-align:left;margin-left:2rem;color:var(--text-secondary);line-height:1.8}.stocks-setup-message a{color:var(--accent-color);text-decoration:none}.stocks-setup-message a:hover{text-decoration:underline}.stocks-error{background:#ef44441a;border-left:4px solid #ef4444;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;color:#ef4444}.stocks-empty{text-align:center;padding:3rem 1rem;color:var(--text-secondary)}.empty-icon{font-size:3rem;margin-bottom:1rem}.stocks-empty p{margin:.5rem 0}.empty-hint{font-size:.875rem}.stocks-section{margin-bottom:2rem}.stocks-section-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem;padding:0 .5rem}.stocks-list{display:flex;flex-direction:column;gap:.5rem}.stock-item{position:relative;background:var(--bg-secondary);padding:1rem;border-radius:.75rem;transition:transform .2s}.stock-item:hover{transform:translate(2px)}[data-theme=dark] .stock-item{background:var(--gray-800)}.stock-remove-btn{position:absolute;top:.5rem;right:.5rem;background:#ef44441a;border:none;border-radius:.375rem;width:1.5rem;height:1.5rem;font-size:1.25rem;line-height:1;cursor:pointer;color:#ef4444;transition:background .2s}.stock-remove-btn:hover{background:#ef444433}.stock-name{font-weight:700;margin-bottom:.25rem}.stock-company{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}.stock-value{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.stock-change{font-size:.875rem;font-weight:500}.stock-change.positive{color:var(--green-500)}.stock-change.negative{color:#ef4444}.stock-item-loading{pointer-events:none}.skeleton{background:linear-gradient(90deg,var(--bg-primary) 25%,var(--bg-secondary) 50%,var(--bg-primary) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:.25rem}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{height:1.25rem;width:60%;margin-bottom:.5rem}.skeleton-text-small{height:1rem;width:40%;margin-bottom:.5rem}.skeleton-price{height:1.5rem;width:50%;margin-bottom:.5rem}.skeleton-change{height:1rem;width:30%}[data-theme=dark] .skeleton{background:linear-gradient(90deg,var(--gray-800) 25%,var(--gray-700) 50%,var(--gray-800) 75%);background-size:200% 100%}.currency-app{width:100%;height:100%;background:var(--bg-primary);color:var(--text-primary);padding:1rem;overflow-y:auto}.currency-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.currency-title{font-size:1.5rem;font-weight:700;margin-bottom:.25rem;padding:0 .5rem}.currency-date{font-size:.875rem;color:var(--text-secondary);padding:0 .5rem}.currency-refresh-btn{background:var(--bg-secondary);border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:1.25rem;cursor:pointer;transition:transform .2s,opacity .2s}.currency-refresh-btn:hover:not(:disabled){transform:scale(1.05)}.currency-refresh-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .currency-refresh-btn{background:var(--gray-800)}.currency-error{background:#ef44441a;border-left:4px solid #ef4444;padding:1rem;border-radius:.5rem;margin-bottom:1.5rem;color:#ef4444}.currency-grid{display:flex;flex-direction:column;gap:1rem;padding:.5rem}.currency-pair-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.currency-card{background:var(--bg-secondary);padding:1.25rem;border-radius:.75rem;transition:transform .2s,box-shadow .2s;min-height:100px;display:flex;flex-direction:column;justify-content:center}.currency-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}[data-theme=dark] .currency-card{background:var(--gray-800)}[data-theme=dark] .currency-card:hover{box-shadow:0 4px 12px #0000004d}.currency-card-loading{display:flex;flex-direction:column;gap:.75rem}.currency-label{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;color:var(--text-secondary)}.currency-from,.currency-to{font-weight:700;font-size:1rem;color:var(--text-primary)}.currency-arrow{color:var(--accent-color);font-size:1.25rem;font-weight:400}.currency-rate{font-size:1.75rem;font-weight:700;color:var(--text-primary)}@media (max-width: 640px){.currency-pair-row{grid-template-columns:1fr}.currency-card{min-height:90px}.currency-rate{font-size:1.5rem}}.settings-app{width:100%;height:100%;background:var(--bg-primary);color:var(--text-primary);overflow:auto;padding:1rem}.settings-title{font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;padding:0 .5rem}.settings-container{max-width:28rem;margin:0 auto}.settings-card{background:var(--bg-secondary);border-radius:.75rem;overflow:hidden;margin-bottom:1.5rem}[data-theme=dark] .settings-card{background:var(--gray-800)}.settings-card-header{padding:.75rem 1rem;border-bottom:1px solid var(--gray-200);background:var(--gray-100);font-weight:500}[data-theme=dark] .settings-card-header{border-color:var(--gray-700);background:#37415180}.settings-card-content{padding:1rem;display:flex;flex-direction:column;gap:1rem}.settings-row{display:flex;justify-content:space-between;align-items:center}.settings-toggle{width:3rem;height:1.75rem;border-radius:100px;cursor:pointer;position:relative;transition:background .3s;background:var(--gray-300);border:none}.settings-toggle.active{background:var(--green-500)}.settings-toggle-knob{width:1.5rem;height:1.5rem;background:#fff;border-radius:50%;box-shadow:var(--ios-shadow);position:absolute;top:.125rem;transition:transform .3s;transform:translate(.125rem)}.settings-toggle.active .settings-toggle-knob{transform:translate(1.25rem)}.settings-lang-selector{display:flex;background:var(--gray-200);border-radius:.5rem;padding:.25rem}[data-theme=dark] .settings-lang-selector{background:var(--gray-600)}.settings-lang-button{padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;background:transparent;border:none;cursor:pointer;transition:all .3s;color:var(--text-primary)}.settings-lang-button.active{background:#fff;color:#000;box-shadow:var(--ios-shadow)}[data-theme=dark] .settings-lang-button.active{background:#fff;color:#000}.settings-info{padding:.75rem;background:#3b82f61a;border-left:3px solid var(--accent-color);border-radius:.375rem;font-size:.875rem;line-height:1.5;color:var(--text-secondary)}.settings-info a{color:var(--accent-color);text-decoration:none;font-weight:500}.settings-info a:hover{text-decoration:underline}.settings-api-key-row{margin:.5rem 0}.settings-api-input-container{display:flex;gap:.5rem}.settings-api-input{flex:1;padding:.75rem;background:var(--bg-primary);border:2px solid var(--gray-300);border-radius:.5rem;font-size:.875rem;color:var(--text-primary);font-family:Courier New,monospace;transition:border-color .2s}.settings-api-input:focus{outline:none;border-color:var(--accent-color)}[data-theme=dark] .settings-api-input{background:var(--gray-900);border-color:var(--gray-600)}.settings-show-btn{padding:.75rem;background:var(--bg-primary);border:2px solid var(--gray-300);border-radius:.5rem;cursor:pointer;font-size:1rem;transition:all .2s}.settings-show-btn:hover{transform:scale(1.05)}[data-theme=dark] .settings-show-btn{background:var(--gray-900);border-color:var(--gray-600)}.settings-api-buttons{display:flex;gap:.5rem}.settings-save-btn,.settings-clear-btn{flex:1;padding:.75rem;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s}.settings-save-btn{background:var(--green-500);color:#fff}.settings-save-btn:hover:not(:disabled){background:var(--green-600);transform:translateY(-1px)}.settings-save-btn:disabled{opacity:.5;cursor:not-allowed}.settings-clear-btn{background:var(--gray-200);color:var(--text-primary)}.settings-clear-btn:hover{background:var(--gray-300)}[data-theme=dark] .settings-clear-btn{background:var(--gray-600)}[data-theme=dark] .settings-clear-btn:hover{background:var(--gray-500)}.cv-app{width:100%;height:100%;background:var(--gray-100);overflow-y:auto;padding:1rem 2rem}[data-theme=dark] .cv-app{background:#18181b}.cv-pdf{max-width:48rem;margin:0 auto;background:#fff;min-height:62.5rem;box-shadow:var(--ios-shadow-lg);padding:2.5rem 3rem;color:#000;position:relative}.cv-download{position:absolute;top:1.5rem;right:1.5rem;display:flex;align-items:center;gap:.5rem;background:var(--blue-500);color:#fff;padding:.5rem 1rem;border-radius:.5rem;border:none;box-shadow:var(--ios-shadow);cursor:pointer;transition:all .2s;font-weight:500}.cv-download:hover{background:var(--blue-600);transform:translateY(-1px);box-shadow:var(--ios-shadow-lg)}.cv-header{border-bottom:2px solid var(--gray-800);padding-bottom:1.5rem;margin-bottom:2rem}.cv-name{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;color:#111}.cv-role{font-size:1.25rem;font-weight:500;color:var(--gray-600);margin-bottom:1rem}.cv-contact{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem}.cv-contact-item{display:flex;align-items:center;gap:.375rem;font-size:.875rem;color:var(--gray-600)}.cv-link{text-decoration:none;transition:color .2s;cursor:pointer}.cv-link:hover{color:var(--blue-600)}.cv-section{margin-bottom:2.5rem}.cv-section-title{font-size:1.25rem;font-weight:700;text-transform:uppercase;border-bottom:2px solid var(--gray-300);margin-bottom:1.25rem;padding-bottom:.5rem;letter-spacing:.025em}.cv-summary{color:var(--gray-700);line-height:1.7;font-size:.95rem}.cv-brand-link{color:var(--blue-600);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;cursor:pointer;transition:color .2s,text-decoration-color .2s;font-weight:500}.cv-brand-link:hover{color:var(--blue-500);text-decoration-style:solid}.cv-project-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--blue-500);color:#fff;border-radius:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;box-shadow:0 2px 8px #3b82f64d}.cv-project-btn:hover{background:var(--blue-600);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666;color:#fff}.cv-experiences{display:flex;flex-direction:column;gap:2rem}.cv-experience{border-left:2px solid var(--blue-500);padding-left:1.25rem}.cv-exp-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem;gap:1rem}.cv-company{font-weight:700;font-size:1.125rem;color:#111}.cv-period{font-size:.875rem;color:var(--gray-500);font-style:italic;white-space:nowrap}.cv-job-title{font-weight:600;color:var(--blue-600);margin-bottom:.75rem;font-size:.95rem}.cv-highlights{list-style-type:disc;padding-left:1.25rem;display:flex;flex-direction:column;gap:.5rem}.cv-highlights li{color:var(--gray-700);font-size:.875rem;line-height:1.6}.cv-skills-section{display:flex;flex-direction:column;gap:1.5rem}.cv-skill-category h4{font-weight:600;font-size:.95rem;margin-bottom:.75rem;color:var(--gray-700)}.cv-skills{display:flex;flex-wrap:wrap;gap:.5rem}.cv-skill{padding:.375rem .875rem;background:var(--gray-100);color:var(--gray-700);border-radius:100px;font-size:.8rem;font-weight:500;border:1px solid var(--gray-200)}.cv-education{display:flex;flex-direction:column;gap:1.5rem}.cv-education-item{border-left:2px solid var(--blue-500);padding-left:1.25rem}.cv-degree{font-weight:700;font-size:1rem;color:#111}.cv-school{color:var(--gray-600);font-size:.9rem;margin-bottom:.25rem}.cv-edu-note{font-size:.875rem;color:var(--gray-500);font-style:italic;margin-top:.25rem}.cv-edu-details{list-style-type:disc;padding-left:1.25rem;margin-top:.5rem}.cv-edu-details li{color:var(--gray-700);font-size:.85rem;line-height:1.5}.cv-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--gray-300);text-align:center;font-size:.8rem;color:var(--gray-500)}@media (max-width: 599px){.cv-app{padding:.5rem}.cv-pdf{padding:1.5rem 1.25rem}.cv-download{position:static;text-align:center;align-items:center;width:50%;margin-bottom:1rem;justify-content:center}.cv-name{font-size:1.75rem}.cv-role{font-size:1.1rem}.cv-exp-header{flex-direction:column;align-items:flex-start;gap:.25rem}.cv-period{font-size:.8rem}:root[data-theme=dark] .app-window[data-type=cv] .window-close-x{color:#000}}@media (min-width: 2560px){.cv-app{padding:2rem 3rem}.cv-pdf{max-width:95rem;padding:3.5rem 4rem}.cv-name{font-size:3rem}.cv-role,.cv-section-title{font-size:1.5rem}.cv-summary{font-size:1.05rem}.cv-company{font-size:1.25rem}.cv-highlights li,.cv-contact-item{font-size:.95rem}.cv-job-title{font-size:1.05rem}.cv-degree{font-size:1.125rem}.cv-school{font-size:1rem}.cv-skill{font-size:.875rem;padding:.5rem 1rem}}.productivity-app{width:100%;height:100%;background:var(--bg-primary);color:var(--text-primary);padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem}[data-type=pomodoro] .productivity-app{background:linear-gradient(135deg,#ef4444,#dc2626,#991b1b)}[data-type=water] .productivity-app{background:linear-gradient(135deg,#06b6d4,#0891b2,#0e7490)}[data-type=stand] .productivity-app{background:linear-gradient(135deg,#eab308,#ca8a04,#a16207)}.productivity-app .widget{width:100%;max-width:400px}[data-style=retro] .productivity-app .widget{width:400px;height:400px;max-width:400px;aspect-ratio:1;border-radius:50%;padding:2rem 1.5rem}[data-style=retro][data-theme=light] .productivity-app .widget-title,[data-style=retro][data-theme=light] .productivity-app .count-label,[data-style=retro][data-theme=light] .productivity-app .count-display,[data-style=retro][data-theme=light] .productivity-app .reminder-info,[data-style=retro][data-theme=light] .productivity-app .reminder-note{color:#fff}[data-style=retro][data-theme=light] .productivity-app .count-display{background:none;-webkit-text-fill-color:rgba(0,0,0,.9)}.prod-title{font-size:1.75rem;font-weight:700;text-align:center;margin-bottom:.5rem}.pomodoro-timer{width:100%;max-width:300px}.timer-display{font-size:4rem;font-weight:700;text-align:center;font-family:SF Mono,Monaco,monospace}.water-display,.stand-display{text-align:center}.water-count,.stand-count{font-size:3rem;font-weight:700}.water-text,.stand-text{font-size:1rem;color:var(--text-secondary);margin-top:.5rem}.water-progress,.stand-progress{width:100%;max-width:300px;height:12px;background:var(--gray-200);border-radius:6px;overflow:hidden}[data-theme=dark] .water-progress,[data-theme=dark] .stand-progress{background:var(--gray-700)}.water-progress-fill{height:100%;background:linear-gradient(90deg,#06b6d4,#00d4ff);transition:width .3s ease}.stand-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);transition:width .3s ease}.prod-controls{display:flex;gap:1rem}.prod-btn{padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s,opacity .2s}.prod-btn:hover:not(:disabled){transform:scale(1.05)}.prod-btn:disabled{opacity:.5;cursor:not-allowed}.prod-btn-primary{background:var(--blue-500);color:#fff}.prod-btn-secondary{background:var(--gray-300);color:var(--gray-900)}[data-theme=dark] .prod-btn-secondary{background:var(--gray-700);color:#fff}.add-widget-btn{margin-top:auto;padding:1rem 2rem;background:var(--accent-color, var(--blue-500));color:#fff;border:none;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:transform .2s}.add-widget-btn:hover{transform:scale(1.05)}.desktop-only{display:block}@media (max-width: 1199px){.desktop-only{display:none!important}}