@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", "Menlo", monospace;--topbar-height: 28px;--dock-height: 70px;--dock-margin: 8px;--window-radius: 10px;--glass-bg: rgba(30, 30, 30, .72);--glass-border: rgba(255, 255, 255, .12);--glass-blur: 40px;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .4);--accent: #0a84ff;--accent-hover: #409cff;--shadow-window: 0 25px 50px -12px rgba(0, 0, 0, .5), 0 0 0 .5px rgba(0, 0, 0, .3);--shadow-dock: 0 8px 32px rgba(0, 0, 0, .4)}html,body{width:100%;height:100%;overflow:hidden;font-family:var(--font-family);font-size:14px;color:var(--text-primary);background:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-user-select:none;user-select:none;-webkit-user-select:none}#root{width:100%;height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}.selectable{-moz-user-select:text;user-select:text;-webkit-user-select:text}.macos-desktop{width:100%;height:100vh;position:relative;overflow:hidden;background-image:url(/Desktop/bg-purple.svg);background-size:cover;background-position:center}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-height);display:flex;align-items:center;justify-content:space-between;padding:0 6px;z-index:10000;background:#ffffff2e;backdrop-filter:blur(60px) saturate(180%);-webkit-backdrop-filter:blur(60px) saturate(180%);border-bottom:.5px solid rgba(255,255,255,.28);color:#fff;font-size:13px;font-weight:500;box-shadow:inset 0 -.5px #ffffff1f}.topbar-left{display:flex;align-items:center;gap:0;min-width:0}.topbar-apple-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:4px 10px 4px 8px;border-radius:6px;color:#fff;transition:background .12s}.topbar-apple-btn:hover{background:#ffffff2e}.apple-svg{width:14px;height:17px}.topbar-menus{display:flex;align-items:center}.topbar-menu-item{background:none;border:none;color:#fff;font-size:13px;cursor:default;padding:4px 8px;border-radius:5px;font-family:var(--font-family);font-weight:400;transition:background .12s;white-space:nowrap}.topbar-menu-item:first-of-type{font-weight:700}.topbar-menu-item:hover{background:#ffffff38}.topbar-menu-item:active{background:#ffffff52}.topbar-right{display:flex;align-items:center;gap:2px}.topbar-icon-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#fff;cursor:pointer;padding:4px 6px;border-radius:5px;opacity:.9;transition:background .12s}.topbar-icon-btn:hover{background:#ffffff38;opacity:1}.topbar-datetime{background:none;border:none;color:#fff;font-size:13px;font-weight:500;padding:4px 10px 4px 6px;border-radius:5px;cursor:default;font-variant-numeric:tabular-nums;white-space:nowrap;font-family:var(--font-family);transition:background .12s}.topbar-datetime:hover{background:#ffffff38}.desktop{position:absolute;top:var(--topbar-height);left:0;right:0;bottom:0;padding:12px 8px}.desktop-icons{position:absolute;top:12px;right:8px;display:flex;flex-direction:column;align-items:center;gap:2px}.desktop-icon{display:flex;flex-direction:column;align-items:center;gap:5px;background:none;border:none;cursor:pointer;padding:6px 8px;border-radius:8px;min-width:72px;transition:background .15s}.desktop-icon:hover{background:#ffffff1f}.desktop-icon-img-wrap{width:56px;height:56px;display:flex;align-items:center;justify-content:center}.desktop-icon-emoji{font-size:44px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.45));-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.desktop-svg-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;color:#fff;filter:drop-shadow(0 3px 8px rgba(0,0,0,.45))}.desktop-svg-icon svg{width:100%;height:100%}.desktop-icon-label{font-size:11px;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.8);text-align:center;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-outer{position:fixed;bottom:var(--dock-margin);left:0;width:100%;z-index:9999;display:flex;flex-direction:column;align-items:center;pointer-events:none}.dock-inner{pointer-events:auto;display:flex;align-items:flex-end;gap:6px;padding:8px 12px 10px;border-radius:18px;background:#ffffff24;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:.5px solid rgba(255,255,255,.28);box-shadow:0 10px 40px #0000002e,0 2px 8px #0000001f,inset 0 1px #ffffff38}.dock-icon-btn{position:relative;display:flex;flex-direction:column;align-items:center;background:none;border:none;cursor:pointer;padding:0;transform-origin:bottom center}.dock-icon-face{display:flex;align-items:center;justify-content:center;overflow:visible}.dock-svg-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;color:#fff;filter:drop-shadow(0 3px 10px rgba(0,0,0,.4))}.dock-svg-icon svg{width:68%;height:68%}.dock-running-dot{width:4px;height:4px;border-radius:50%;background:#ffffffd9;margin-top:4px;box-shadow:0 0 5px #ffffffb3}.dock-divider{width:.5px;height:44px;background:#ffffff47;margin:0 4px;align-self:center}.dock-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%);background:#1e1e1ed1;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:.5px solid rgba(255,255,255,.18);color:#fff;font-size:12px;font-weight:500;padding:4px 10px;border-radius:6px;pointer-events:none;white-space:nowrap;z-index:100}.dock-reflection{width:70%;height:2px;border-radius:50%;background:#0003;filter:blur(3px);margin-top:2px;opacity:.6}.macos-window{position:fixed;display:flex;flex-direction:column;overflow:hidden;border-radius:12px;background:#ffffff9e;backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);border:.5px solid rgba(255,255,255,.38)}.window-specular{position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.65) 30%,rgba(255,255,255,.8) 50%,rgba(255,255,255,.65) 70%,transparent 100%);z-index:1;pointer-events:none}.window-titlebar{height:38px;min-height:38px;display:flex;align-items:center;padding:0 12px;background:#fff0;border-bottom:.5px solid rgba(0,0,0,.12);flex-shrink:0;cursor:default;position:relative;z-index:0}.traffic-lights{display:flex;gap:8px;align-items:center}.traffic-light{width:12px;height:12px;border-radius:50%;border:.5px solid rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:0 1px 2px #0000001a,inset 0 .5px #fff6;transition:filter .12s}.traffic-light.red{background:#ff5f57}.traffic-light.yellow{background:#ffbd2e}.traffic-light.green{background:#28ca42}.traffic-light:hover{filter:brightness(1.08)}.tl-icon{width:8px;height:8px;opacity:0;transition:opacity .12s;pointer-events:none;display:block}.traffic-lights:hover .tl-icon{opacity:1}.window-title{position:absolute;left:50%;transform:translate(-50%);font-size:13px;font-weight:600;color:#000000b8;pointer-events:none;white-space:nowrap}.window-titlebar-right{width:52px;margin-left:auto}.window-content{flex:1;overflow:auto;color:#000000d9;font-size:13px}.resize-handle{position:absolute}.resize-n{top:-4px;left:12px;right:12px;height:8px;cursor:n-resize}.resize-s{bottom:-4px;left:12px;right:12px;height:8px;cursor:s-resize}.resize-e{right:-4px;top:12px;bottom:12px;width:8px;cursor:e-resize}.resize-w{left:-4px;top:12px;bottom:12px;width:8px;cursor:w-resize}.resize-ne{top:-4px;right:-4px;width:16px;height:16px;cursor:ne-resize}.resize-nw{top:-4px;left:-4px;width:16px;height:16px;cursor:nw-resize}.resize-se{bottom:-4px;right:-4px;width:16px;height:16px;cursor:se-resize}.resize-sw{bottom:-4px;left:-4px;width:16px;height:16px;cursor:sw-resize}.finder{display:flex;height:100%;background:#f6f6f6e6}.finder-sidebar{width:176px;background:#ebebebb3;border-right:.5px solid rgba(0,0,0,.1);padding:8px 0;flex-shrink:0;overflow-y:auto}.finder-sidebar-section{padding:0 6px}.finder-sidebar-title{display:block;font-size:11px;font-weight:700;text-transform:uppercase;color:#0006;padding:6px 10px 4px;letter-spacing:.5px}.finder-sidebar-item{display:block;width:100%;text-align:left;padding:4px 10px;border:none;background:none;color:#000000bf;font-size:13px;cursor:pointer;border-radius:6px;font-family:var(--font-family);transition:background .1s,color .1s}.finder-sidebar-item:hover{background:#0000000d}.finder-sidebar-item.active{background:#007aff1f;color:#007aff}.finder-main{flex:1;display:flex;flex-direction:column;min-width:0}.finder-toolbar{height:38px;display:flex;align-items:center;gap:4px;padding:0 10px;border-bottom:.5px solid rgba(0,0,0,.1);flex-shrink:0;background:#f6f6f680}.finder-nav-btn{background:none;border:none;color:#00000080;font-size:20px;cursor:pointer;padding:0 6px;border-radius:4px;font-family:var(--font-family);line-height:1;transition:background .1s,color .1s}.finder-nav-btn:hover:not(:disabled){background:#0000000f;color:#000c}.finder-nav-btn:disabled{opacity:.25;cursor:default}.finder-current-folder{font-size:13px;font-weight:600;color:#000000bf;margin-left:4px}.finder-content{flex:1;display:flex;overflow:hidden}.finder-file-list{flex:1;overflow-y:auto;padding:4px}.finder-file-item{display:flex;align-items:center;gap:10px;width:100%;padding:6px 12px;border:none;background:none;color:#000000d1;font-size:13px;cursor:pointer;border-radius:6px;text-align:left;font-family:var(--font-family);transition:background .1s}.finder-file-item:hover{background:#0000000d}.finder-file-item.selected{background:#007aff;color:#fff}.finder-file-icon{font-size:20px;flex-shrink:0}.finder-file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.finder-file-arrow{color:#00000059;font-size:16px}.finder-file-item.selected .finder-file-arrow{color:#ffffffb3}.finder-detail-panel{width:232px;border-left:.5px solid rgba(0,0,0,.1);overflow-y:auto;padding:16px;background:#fafafa99}.finder-detail-empty{color:#00000059;font-size:13px;text-align:center;padding-top:40px}.finder-detail h2{font-size:15px;font-weight:600;margin-bottom:8px;color:#000000d1}.finder-detail-subtitle,.finder-detail-category{color:#00000073;font-size:12px;margin-bottom:10px}.finder-detail p{font-size:13px;color:#000000a6;line-height:1.6}.finder-skills,.finder-tech-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.finder-skill-tag,.finder-tech-tag{background:#007aff1a;color:#007aff;font-size:11px;padding:2px 8px;border-radius:4px}.finder-project-links,.finder-contact-links{display:flex;flex-direction:column;gap:6px;margin-top:12px}.finder-project-links a,.finder-contact-links a{color:#007aff;font-size:13px;text-decoration:none;transition:color .12s}.finder-project-links a:hover,.finder-contact-links a:hover{color:#05c}.terminal{height:100%;background:#141414f5;font-family:var(--font-mono);font-size:13px;color:#d4d4d4;cursor:text}.terminal-output{padding:10px 14px;height:100%;overflow-y:auto}.terminal-line{margin-bottom:1px}.terminal-line pre{white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.55;font-family:inherit;font-size:inherit}.terminal-line.input pre{color:#57da79}.terminal-input-line{display:flex;align-items:center}.terminal-prompt{color:#57da79;flex-shrink:0;font-weight:600}.terminal-input{flex:1;background:none;border:none;outline:none;color:#d4d4d4;font-family:inherit;font-size:inherit;caret-color:#57da79;padding:0;margin:0}.about-me{padding:24px 28px;overflow-y:auto;height:100%;background:#fcfcfceb}.about-header{display:flex;align-items:center;gap:18px;margin-bottom:28px}.about-avatar{width:76px;height:76px;border-radius:50%;background:linear-gradient(135deg,#007aff,#5e5ce6);display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#fff;flex-shrink:0;box-shadow:0 4px 16px #007aff4d}.about-info h1{font-size:22px;font-weight:700;margin-bottom:2px;color:#000000d9}.about-title{color:#00000080;font-size:14px;margin-bottom:8px}.about-social-row{display:flex;align-items:center;gap:8px;font-size:13px}.about-social-row a{color:#007aff;text-decoration:none;transition:color .12s}.about-social-row a:hover{color:#05c}.about-dot{color:#0000004d}.about-section{margin-bottom:24px}.about-section h2{font-size:15px;font-weight:600;margin-bottom:10px;color:#000000d1}.about-section p{font-size:13px;line-height:1.7;color:#0009}.about-skills{display:flex;flex-wrap:wrap;gap:7px}.about-skill-tag{background:#007aff17;color:#007aff;font-size:12px;padding:5px 12px;border-radius:8px;border:.5px solid rgba(0,122,255,.2);transition:background .12s}.about-skill-tag:hover{background:#007aff29}.about-projects{display:flex;flex-direction:column;gap:10px}.about-project-card{background:#00000008;border:.5px solid rgba(0,0,0,.1);border-radius:10px;padding:14px;transition:background .12s}.about-project-card:hover{background:#0000000d}.about-project-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.about-project-icon{font-size:18px}.about-project-card h3{font-size:14px;font-weight:600;color:#000000d1}.about-project-card p{font-size:12px;color:#0000008c;line-height:1.6;margin-bottom:8px}.about-project-tech{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:8px}.about-project-tech span{font-size:11px;color:#00000073;background:#0000000d;padding:2px 7px;border-radius:4px}.about-project-link{color:#007aff;font-size:12px;text-decoration:none;transition:color .12s}.about-project-link:hover{color:#05c}.about-experience-item{margin-bottom:14px}.about-experience-item h3{font-size:14px;font-weight:600;margin-bottom:4px;color:#000000d1}.about-exp-company{color:#00000080;font-weight:400}.about-exp-period{font-size:11px;color:#0006;display:block;margin-bottom:6px}.launchpad-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10001;background:#00000040;backdrop-filter:blur(80px) saturate(150%);-webkit-backdrop-filter:blur(80px) saturate(150%);display:flex;flex-direction:column;align-items:center;padding-top:80px}.launchpad-search{display:flex;align-items:center;background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:.5px solid rgba(255,255,255,.3);border-radius:8px;padding:6px 12px;width:320px;margin-bottom:60px;transition:background .2s}.launchpad-search:focus-within{background:#ffffff40}.launchpad-search-icon{width:16px;height:16px;color:#fff9;margin-right:8px}.launchpad-search-input{background:none;border:none;outline:none;color:#fff;font-size:16px;width:100%}.launchpad-search-input::-moz-placeholder{color:#fff9}.launchpad-search-input::placeholder{color:#fff9}.launchpad-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:30px;width:80%;max-width:1100px;margin:0 auto;justify-content:center}.launchpad-icon-btn{display:flex;flex-direction:column;align-items:center;gap:12px;background:none;border:none;cursor:pointer;padding:10px;border-radius:12px;transition:transform .15s,background .15s}.launchpad-icon-btn:hover{background:#ffffff1a;transform:scale(1.05)}.launchpad-icon-container{width:84px;height:84px;display:flex;align-items:center;justify-content:center;border-radius:18px}.launchpad-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.launchpad-icon-svg-wrapper{width:100%;height:100%;border-radius:18px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #0000004d}.launchpad-svg-inner{width:56px;height:56px}.launchpad-icon-emoji{font-size:68px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.3))}.launchpad-icon-label{color:#fff;font-size:14px;font-weight:500;text-shadow:0 1px 5px rgba(0,0,0,.8);white-space:nowrap}.notification-center-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10002}.notification-center-panel{position:fixed;top:var(--topbar-height);right:0;bottom:0;width:320px;background:#ffffff40;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-left:.5px solid rgba(255,255,255,.4);box-shadow:-10px 0 30px #0000001a;display:flex;flex-direction:column;padding:16px;gap:20px;overflow-y:auto;z-index:10003}.nc-section{background:#ffffff80;border-radius:16px;padding:16px;box-shadow:0 4px 14px #0000000d;border:.5px solid rgba(255,255,255,.5)}.nc-section-title{font-size:14px;font-weight:600;color:#000000b3;margin-bottom:12px}.nc-notifications{display:flex;flex-direction:column;gap:12px}.notification-card{background:#fff9;border-radius:12px;padding:12px;box-shadow:0 2px 8px #00000008}.notification-header{display:flex;justify-content:space-between;margin-bottom:6px}.notification-title{font-weight:600;font-size:12px;color:#000000d9}.notification-time{font-size:11px;color:#00000073}.notification-body{font-size:13px;color:#000000a6;line-height:1.4}.calendar-widget{color:#000000d9}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.calendar-month-year{font-weight:600;font-size:14px;color:#ff3b30}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.calendar-weekday{font-size:11px;font-weight:600;text-align:center;color:#0006}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{font-size:13px;text-align:center;padding:6px 0;border-radius:50%;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.calendar-day.empty{visibility:hidden}.calendar-day.today{background:#ff3b30;color:#fff;font-weight:600}@media(max-width:768px){.finder-sidebar,.finder-detail-panel{display:none}.about-me{padding:16px}.about-header{flex-direction:column;text-align:center}.about-social-row{justify-content:center}}.ios-environment{width:100%;height:100vh;position:relative;overflow:hidden;background-image:url(/Desktop/bg-purple.svg);background-size:cover;background-position:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.ios-status-bar{position:absolute;top:0;left:0;right:0;height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 24px;color:#fff;z-index:10000;font-weight:600;font-size:14px;pointer-events:none}.ios-dynamic-island{width:120px;height:30px;background:#000;border-radius:20px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.ios-status-left{flex:1}.ios-status-right{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:6px}.ios-home-screen-slider{padding-top:50px;height:calc(100vh - 90px);display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ios-home-screen-slider::-webkit-scrollbar{display:none}.ios-home-page{flex:0 0 100vw;width:100vw;scroll-snap-align:start;overflow-y:auto;padding-bottom:90px}.ios-app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px 12px;padding:16px 20px}.ios-app-icon-btn,.ios-dock-icon-btn{display:flex;flex-direction:column;align-items:center;background:none;border:none;cursor:pointer;padding:0;gap:6px}.ios-icon-container{width:60px;height:60px;display:flex;justify-content:center;align-items:center}.ios-icon-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.ios-icon-svg-wrapper{width:100%;height:100%;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 8px #00000040}.bg-github{background:linear-gradient(135deg,#24292e,#444)}.bg-linkedin{background:linear-gradient(135deg,#0077b5,#005f8e)}.ios-svg-inner{width:40px;height:40px;display:flex;align-items:center;justify-content:center}.ios-svg-inner svg{width:100%;height:100%}.ios-icon-emoji-wrapper{font-size:50px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.ios-icon-label{color:#fff;font-size:11px;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.6);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:68px}.ios-dock-wrapper{position:absolute;bottom:20px;left:16px;right:16px;z-index:9999}.ios-dock-inner{display:flex;justify-content:space-around;align-items:center;padding:16px 12px;border-radius:28px;background:#ffffff38;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border:.5px solid rgba(255,255,255,.35);box-shadow:0 10px 30px #00000026}.ios-dock-icon-btn .ios-icon-label{display:none}.ios-running-dot{width:4px;height:4px;border-radius:50%;background:#fff;margin-top:4px;box-shadow:0 0 4px #fff}.ios-app-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10001}.ios-app-inner{width:100%;height:100%;display:flex;flex-direction:column;background:#ffffffbf;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);border-top-left-radius:36px;border-top-right-radius:36px;overflow:hidden}.liquid-glass{box-shadow:inset 0 1px #fff9}.ios-app-content{flex:1;padding-top:44px;overflow:auto}.ios-home-indicator-area{height:34px;width:100%;display:flex;justify-content:center;align-items:flex-end;padding-bottom:8px;background:transparent;flex-shrink:0}.ios-home-indicator{width:134px;height:5px;border-radius:3px;background:#000c;border:none;cursor:pointer;padding:0}.ios-app-library{padding:16px 20px}.ios-library-search{display:flex;align-items:center;background:#ffffff40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:10px 14px;margin-bottom:24px}.ios-library-list{display:flex;flex-direction:column;gap:12px}.ios-library-row{display:flex;align-items:center;gap:16px;background:#ffffff26;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:12px 16px;border-radius:16px;cursor:pointer;transition:background .1s}.ios-library-row:active{background:#ffffff40}.ios-library-row-icon{width:44px;height:44px;transform:scale(.75);transform-origin:center;margin:-10px;pointer-events:none}.ios-library-row-name{color:#fff;font-size:15px;font-weight:500}.ios-notification-center{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10005;background:#0006;backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);display:flex;flex-direction:column}.ios-nc-handle-area{position:absolute;bottom:0;width:100%;height:40px;display:flex;justify-content:center;align-items:center;cursor:grab}.ios-nc-handle-area:active{cursor:grabbing}.ios-nc-handle{width:60px;height:6px;border-radius:3px;background:#fff6}.ios-nc-content{padding:60px 20px 40px;overflow-y:auto;flex:1}.ios-nc-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:24px}.ios-nc-widget{margin-bottom:24px}.ios-nc-list{display:flex;flex-direction:column;gap:12px}.ios-control-center{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:10006;background:#00000073;backdrop-filter:blur(50px) saturate(200%);-webkit-backdrop-filter:blur(50px) saturate(200%);display:flex;flex-direction:column}.ios-cc-top-padding{padding:30px 24px 0}.ios-cc-content{padding:20px;display:flex;flex-direction:column;gap:16px;flex:1}.ios-cc-panel{background:#ffffff26;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:24px;padding:16px;display:flex;box-shadow:0 8px 32px #0000001a;border:.5px solid rgba(255,255,255,.25)}.ios-cc-grid-top{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cc-connections{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;place-items:center}.cc-icon-btn{border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;color:#fff;transition:opacity .15s}.cc-btn-large{width:54px;height:54px}.cc-icon-btn.active.bg-blue{background:#007aff;color:#fff}.cc-icon-btn.active.bg-green{background:#34c759;color:#fff}.cc-icon-btn.active.bg-orange{background:#ff9500;color:#fff}.cc-media{flex-direction:column;justify-content:space-between}.cc-media-title{color:#fff;font-size:15px;font-weight:500;text-align:center}.cc-media-controls{display:flex;justify-content:space-around;align-items:center;color:#fff}.cc-primary-icon{transform:scale(1.3);opacity:.9}.cc-small-icon{opacity:.7}.ios-cc-row-middle{display:grid;grid-template-columns:1fr 1fr;gap:16px;height:120px}.cc-focus{flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:8px}.cc-focus-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#fff3;border-radius:50%;color:#e5c352}.cc-focus-text{font-weight:600;font-size:15px}.cc-sliders{display:flex;gap:16px}.ios-cc-slider{flex:1;background:#ffffff26;border-radius:30px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;border:.5px solid rgba(255,255,255,.25);box-shadow:0 4px 15px #0000001a}.cc-slider-fill{background:#fffffff2;width:100%}.cc-slider-icon{position:absolute;bottom:20px;width:100%;display:flex;justify-content:center;color:#0006;z-index:2}.ios-cc-grid-bottom{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:8px}.cc-utility-item{display:flex;justify-content:center}.cc-utility-item .cc-icon-btn{background:#ffffff26;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border:.5px solid rgba(255,255,255,.25);box-shadow:0 8px 32px #0000001a;color:#fff}
