:root{--bg-color:#fff;--widget-bg-color:#1c1c1e10;--text-primary:#000;--text-secondary:#6e6e73;--text-tertiary:#000;--text-header:#000;--border-color:#d2d2d7;--link-color:#F9473C;--dynamic-island-border:#333;--widget-title:#F9473C;}body.dark-mode{--bg-color:#000;--widget-bg-color:#1C1C1E;--text-primary:#f5f5f7;--text-secondary:#8a8a8e;--text-tertiary:#636366;--text-header:#fff;--border-color:#3a3a3c;--link-color:#F9473C;--dynamic-island-border:#333;--widget-title:#F9473C;}body{background-color:var(--bg-color);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;margin:0;padding:0;transition:background-color .3s ease,color .3s ease;}.main-nav{display:flex;justify-content:space-between;align-items:center;width:440px;margin:0 auto;padding:20px 0 0 0;margin-top:100px;}.header-nav{display:flex;align-items:center;gap:20px;}.header-nav a{text-decoration:none;color:var(--text-header);font-weight:500;font-size:22px;transition:color .2s ease;}.header-nav a:hover{color:var(--link-color);}.right-nav .fa-brands,.right-nav .theme-icon{font-size:28px;color:var(--text-header);cursor:pointer;transition:color .2s ease;}.right-nav .fa-brands:hover,.right-nav .theme-icon:hover{color:var(--link-color);}.dynamic-island{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:1000;background:#1C1C1E;color:#fff;border-radius:100px;padding:3px 6px;width:120px;min-height:30px;cursor:pointer;transition:all .25s cubic-bezier(.68,-.6,.32,1.6);overflow:hidden;display:flex;align-items:center;border:2px solid var(--dynamic-island-border);}.dynamic-island.expanded{width:440px;min-height:60px;}.dynamic-island.tapped{animation:wobble .3s ease-in-out;}.expanded-content{display:none;width:100%;height:60px;align-items:center;}.dynamic-island.showing-work-prompt #work-prompt{display:flex;justify-content:space-between;padding:0 20px 0 20px;}.dynamic-island.showing-skills-reset #skills-reset-prompt{display:block;padding:0 40px 0 0;}.prompt-text p{font-size:16px;font-weight:600;white-space:nowrap;margin:10px 40px 10px 10px;}.prompt-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;}.action-button{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;text-decoration:none;font-size:18px;transition:transform .2s ease;}.action-button:hover{transform:scale(1.1);}.action-button.email{background-color:#ff4238f0;color:#fff;}.action-button.call{background-color:#333;color:#fff;}#skills-reset-prompt p{margin:0px;font-size:15px;font-weight:400;text-align:center;white-space:nowrap;line-height:60px;}.initial-content{display:flex;align-items:center;opacity:1;width:100%;transition:opacity .1s ease-in-out;}.dynamic-island.expanded .initial-content{opacity:0;height:0;}.initial-content .profile-pic{width:25px;height:25px;border-radius:50%;border:2px solid var(--dynamic-island-border);margin:4px 0 2px 2px;}@keyframes wobble{0%{transform:translateX(-50%) scale(1);}50%{transform:translateX(-50%) scale(1.05);}100%{transform:translateX(-50%) scale(1);}}.widget-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;}.widget{background-color:var(--widget-bg-color);color:var(--text-primary);border-radius:20px;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;transition:background-color .3s ease,color .3s ease;}.widget-1x1{width:100px;height:100px;justify-content:center;padding:20px;}.widget-1x2{width:215px;height:100px;justify-content:center;gap:20px;padding:20px;}.widget-2x2{width:215px;height:215px;}.widget-2x4{width:460px;justify-content:center;gap:5px;}.widget-row-layout{flex-direction:row;align-items:center;}.widget-title{font-size:18px;font-weight:550;color:var(--widget-title);text-transform:uppercase;margin:0;}.widget-content .widget-heading{font-size:40px;font-weight:700;line-height:1.2;margin:0 0 5px;color:var(--text-primary);}.widget-content .widget-description{font-size:20px;font-weight:400;color:var(--text-secondary);margin:0;}.info-widget-row{display:flex;gap:25px;}.vertical-stack-column{display:flex;flex-direction:column;gap:15px;}.horizontal-stack-column{display:flex;flex-direction:row;gap:15px;}.info-button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:10px;background-color:transparent;color:var(--text-primary);text-decoration:none;border-radius:20px;}.info-button i{font-size:30px;}.info-button span{font-size:16px;font-weight:500;}.picture-widget{width:215px;height:215px;padding:0;position:relative;overflow:hidden;}.picture-widget img:first-child{width:100%;height:100%;border-radius:20px;object-fit:cover;}.picture-widget:hover .hover-image{opacity:1;}.widget-2x2 img{width:100%;height:100%;border-radius:20px;object-fit:cover;}.status-widget{justify-content:space-between;align-items:flex-start;padding:15px;}.status-indicator{display:flex;align-items:center;gap:10px;}.status-dot{width:15px;height:15px;border-radius:50%;}.status-dot.available{background-color:#34C759;}.status-dot.idle{background-color:#FFC700;}.status-dot.dnd{background-color:#FF3B30;}.status-text{font-size:24px;font-weight:600;color:var(--text-primary);}.wave-emoji{display:inline-block;cursor:pointer;transform-origin:bottom right;}.wave-emoji:hover{animation:wave-animation 2s ease-in-out;}@keyframes wave-animation{0%{transform:rotate(0);}10%{transform:rotate(14deg);}20%{transform:rotate(-8deg);}30%{transform:rotate(14deg);}40%{transform:rotate(-4deg);}50%{transform:rotate(10deg);}60%{transform:rotate(0);}100%{transform:rotate(0);}}.hover-image{position:absolute;opacity:0;transition:opacity .3s ease-in-out;pointer-events:none;}.glasses{width:50%;top:45%;left:18%;--glasses-tilt:-4deg;transform:rotate(var(--glasses-tilt));}.skills-container{position:relative;flex-grow:1;}.skills-grid{display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;gap:10px;margin-top:15px;}.macos-window-card{background-color:var(--bg-color);text-transform:lowercase;border-radius:20px;padding:8px 12px;display:flex;align-items:center;gap:10px;transition:all .25s cubic-bezier(.65,0,.35,1);will-change:transform,opacity;}.macos-window-card.is-hidden{transform:scale(0);opacity:0;max-width:0;padding-left:0;padding-right:0;margin-right:-11px;overflow:hidden;}.macos-controls{display:flex;}.control-dot{width:18px;height:18px;border-radius:50%;cursor:pointer;transition:transform .2s ease;}.control-dot:hover{transform:scale(1.15);}.control-dot.red{background-color:#F9473C;position:relative;display:flex;justify-content:center;align-items:center;}.close-icon{font-size:18px;font-weight:700;color:#9c150b;opacity:0;transition:opacity .2s;transform:translateY(-1px);}.control-dot.red:hover .close-icon{opacity:1;}.tech-name{font-size:18px;color:var(--text-secondary);white-space:nowrap;font-weight:500;}.skills-reset-message{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:left;color:var(--text-secondary);font-weight:500;font-size:15px;opacity:0;pointer-events:none;transition:opacity .3s ease;}.skills-container.is-resetting .skills-grid{opacity:0;}.skills-container.is-resetting .skills-reset-message{opacity:1;}.skill-note{font-size:16px;color:var(--text-secondary);margin-top:10px;margin-bottom:0;text-align:left;}.experience-widget{padding:15px;gap:15px;}.tab-container{padding:0 5px;}.segmented-control{display:flex;background-color:var(--bg-color);border-radius:10px;padding:3px;}.segmented-control .tab-button{flex-grow:1;width:50%;padding:8px 10px;font-size:18px;font-weight:400;border-radius:8px;cursor:pointer;border:none;background-color:transparent;color:var(--text-secondary);transition:all .2s ease-in-out;}.segmented-control .tab-button.is-active{background-color:var(--widget-bg-color);color:var(--text-primary);box-shadow:0 1px 3px rgba(0,0,0,.1);}.experience-content{flex-grow:1;overflow-y:auto;padding:5px;}.content-panel{display:none;animation:fadeIn .3s ease-in-out;}.content-panel.is-active{display:block;}@keyframes fadeIn{from{opacity:0;transform:translateY(10px);}to{opacity:1;transform:translateY(0);}}.experience-entry{background-color:var(--bg-color);border-radius:20px;margin-bottom:15px;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.1);}.experience-entry:hover{transform:translateY(-4px);box-shadow:0 6px 12px rgba(0,0,0,.15);}.entry-main{display:flex;align-items:center;gap:15px;padding:12px;}.entry-logo{width:50px;height:50px;border-radius:12px;object-fit:cover;flex-shrink:0;}.entry-details-block{flex-grow:1;}.entry-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0;}.entry-subtitle{font-size:16px;color:var(--text-secondary);margin:2px 0;}.entry-date{font-size:14px;color:var(--text-tertiary);margin:2px 0 0;}.entry-chevron{color:var(--text-tertiary);font-size:20px;transition:transform .3s ease;}.entry-more-details{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 15px;font-size:16px;color:var(--text-secondary);}.entry-more-details ul{margin:0;padding-left:20px;padding-bottom:15px;}.experience-entry.is-expanded .entry-more-details{max-height:200px;}.experience-entry.is-expanded .entry-chevron{transform:rotate(90deg);}.projects-showcase-widget{width:460px;height:auto;padding:24px;gap:15px;}.projects-slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;}.slider-nav{display:flex;gap:10px;}.slider-arrow{background:var(--bg-color);color:var(--text-primary);border:none;width:35px;height:35px;border-radius:50%;font-size:20px;font-weight:700;cursor:pointer;transition:background-color .2s;}.slider-arrow:hover{background-color:var(--border-color);}.slider-arrow:disabled{background-color:var(--widget-bg-color);color:var(--text-tertiary);cursor:not-allowed;}.projects-slider-container{overflow:hidden;}.projects-slider-track{display:flex;gap:15px;transition:transform .5s cubic-bezier(.2,.8,.2,1);}.project-card-detailed{flex:0 0 70%;background-color:var(--bg-color);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--border-color);}.project-thumbnail-detailed{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-bottom:1px solid var(--border-color);}.project-info-detailed{padding:20px;display:flex;flex-direction:column;gap:15px;flex-grow:1;}.project-title-detailed{font-size:22px;font-weight:700;margin:0;color:var(--text-primary);}.project-description-detailed{font-size:18px;color:var(--text-secondary);line-height:1.5;margin:0;flex-grow:1;}.project-tags-detailed{display:flex;flex-wrap:wrap;gap:8px;}.tech-tag-detailed{background:var(--bg-color);color:var(--text-secondary);padding:5px 10px;border-radius:8px;font-size:16px;font-weight:500;}.project-link-button-detailed{background-color:var(--link-color);color:#fff;padding:12px;text-align:center;text-decoration:none;font-weight:600;border-radius:10px;display:block;transition:background-color .2s;}.project-link-button-detailed:hover{opacity:.9;}.project-link-button-detailed i{margin-right:8px;}.posts-widget{width:460px;height:auto;padding:0;gap:0;display:flex;flex-direction:column;}.posts-widget-header{padding:24px 24px 15px;}.posts-list-container{flex-grow:1;padding:0 10px;}.post-item{display:flex;align-items:center;gap:15px;padding:15px 14px;text-decoration:none;border-bottom:1px solid var(--border-color);transition:background-color .2s ease;}.post-item:last-child{border-bottom:none;}.post-item:hover{background-color:var(--bg-color);border-radius:20px;}.post-text-content{flex-grow:1;}.post-title{font-size:22px;font-weight:600;color:var(--text-primary);margin:0 0 4px;}.post-summary{font-size:18px;color:var(--text-secondary);margin:0;line-height:1.4;}.post-thumbnail{width:120px;height:70px;object-fit:cover;border-radius:8px;flex-shrink:0;}.posts-widget-footer{padding:15px 24px 24px;margin-top:auto;}.view-all-posts-btn{display:block;text-align:center;background-color:var(--bg-color);color:var(--text-primary);padding:12px;font-size:18px;font-weight:600;text-decoration:none;border-radius:10px;transition:background-color .2s ease;}.view-all-posts-btn:hover{background-color:var(--border-color);}.view-all-posts-btn i{margin-left:5px;}.footer-index{margin-top:25px;padding:25px 10px;border-top:1px solid var(--border-color);margin:0 auto;width:440px;}.footer{margin-top:25px;padding:25px 10px;border-top:1px solid var(--border-color);margin:0 auto;width:440px;}.footer-content{width:440px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;}.footer-left p,.footer-right p{margin:0;font-size:18px;color:var(--text-secondary);}.review-button{text-decoration:none;color:var(--link-color);font-weight:900;transition:color .2s ease;margin-right:20px;font-size:18px;}.review-button:hover{color:var(--text-header);}.page-wrapper{width:460px;margin:0 auto;}