html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:Tahoma,"MS Sans Serif",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.start-menu-overlay{position:fixed;inset:0;z-index:9998}.xp-start-menu{position:fixed;bottom:30px;left:0;width:320px;background:linear-gradient(to right,#245edc 0 50px,#fff 50px);border:2px solid #0831D9;border-bottom:none;border-radius:8px 8px 0 0;box-shadow:2px -2px 8px #0000004d;z-index:9999;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.start-menu-header{padding:12px 8px 12px 60px;background:linear-gradient(to bottom,#5a8fcc,#3f6fb5);border-bottom:1px solid #0831D9}.start-menu-user{display:flex;align-items:center;gap:8px}.start-menu-avatar{width:48px;height:48px;background:#fff;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:32px}.start-menu-username{color:#fff;font-weight:700;font-size:12px;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.start-menu-content{padding:8px 0 8px 50px;background:#fff}.start-menu-section{display:flex;flex-direction:column}.start-menu-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:transparent;border:none;cursor:pointer;font-family:var(--xp-font-primary);font-size:11px;text-align:left;transition:background .1s}.start-menu-item:hover{background:linear-gradient(to right,#3c96ff,#0054e3);color:#fff}.start-menu-icon{font-size:24px;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.start-menu-label{flex:1}.start-menu-separator{height:1px;background:#d4d0c8;margin:4px 8px}.start-menu-footer{padding:8px 8px 8px 50px;background:linear-gradient(to bottom,#3f8cf3,#2450c7);border-top:1px solid #1941A5;border-radius:0 0 0 8px}.start-menu-footer-button{display:flex;align-items:center;gap:8px;padding:6px 12px;background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;font-family:var(--xp-font-primary);font-size:11px;color:#fff;font-weight:700;width:100%;text-align:left}.start-menu-footer-button:hover{background:#fff3;border-color:#ffffff4d}.start-menu-footer-button .start-menu-icon{font-size:20px}@media(max-width:768px){.xp-start-menu{width:100vw;max-width:100vw;left:0;bottom:50px;border-radius:0;max-height:calc(100vh - 100px);overflow-y:auto}.start-menu-header{padding:16px 12px 16px 70px}.start-menu-avatar{width:56px;height:56px;font-size:40px}.start-menu-username{font-size:14px}.start-menu-content{padding:12px 0 12px 60px}.start-menu-item{padding:12px 16px;font-size:14px;min-height:48px}.start-menu-icon{font-size:28px;width:36px;height:36px}.start-menu-footer{padding:12px 12px 12px 60px}.start-menu-footer-button{padding:12px 16px;font-size:14px;min-height:48px}.start-menu-footer-button .start-menu-icon{font-size:24px}}:root{--xp-blue-primary: #0054E3;--xp-blue-light: #3C96FF;--xp-blue-dark: #003399;--xp-green-primary: #73D216;--xp-green-light: #8AE234;--xp-window-bg: #ECE9D8;--xp-window-border: #0054E3;--xp-titlebar-gradient-start: #0997FF;--xp-titlebar-gradient-end: #0053EE;--xp-titlebar-inactive-start: #7A96DF;--xp-titlebar-inactive-end: #5A6A9B;--xp-desktop-bg: #5A8FCC;--xp-taskbar-bg: #245EDC;--xp-taskbar-gradient-start: #3F8CF3;--xp-taskbar-gradient-end: #2450C7;--xp-button-face: #ECE9D8;--xp-button-highlight: #FFFFFF;--xp-button-shadow: #ACA899;--xp-button-dark-shadow: #716F64;--xp-button-hover: #FFF0C8;--xp-button-active: #C1D2EE;--xp-text-primary: #000000;--xp-text-white: #FFFFFF;--xp-text-disabled: #808080;--xp-font-primary: "Tahoma", "MS Sans Serif", sans-serif;--xp-font-title: "Trebuchet MS", "Tahoma", sans-serif;--xp-shadow-window: 0 4px 8px rgba(0, 0, 0, .3);--xp-shadow-button: inset -1px -1px 0 var(--xp-button-dark-shadow), inset 1px 1px 0 var(--xp-button-highlight);--xp-shadow-button-pressed: inset 1px 1px 2px rgba(0, 0, 0, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--xp-font-primary);font-size:11px;color:var(--xp-text-primary);overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}.xp-button{font-family:var(--xp-font-primary);font-size:11px;padding:3px 12px;min-width:75px;height:23px;background:var(--xp-button-face);border:1px solid var(--xp-button-dark-shadow);border-top-color:var(--xp-button-highlight);border-left-color:var(--xp-button-highlight);border-right-color:var(--xp-button-shadow);border-bottom-color:var(--xp-button-shadow);box-shadow:var(--xp-shadow-button);cursor:pointer;outline:none;position:relative;display:inline-flex;align-items:center;justify-content:center}.xp-button:hover{background:var(--xp-button-hover);border-color:#f9a825}.xp-button:active,.xp-button.active{background:var(--xp-button-active);box-shadow:var(--xp-shadow-button-pressed);border-color:#003c74}.xp-button:focus{outline:1px dotted var(--xp-text-primary);outline-offset:-4px}.xp-button:disabled{color:var(--xp-text-disabled);cursor:not-allowed}.xp-input{font-family:var(--xp-font-primary);font-size:11px;padding:3px 4px;background:#fff;border:1px solid #7F9DB9;border-top-color:#003c74;border-left-color:#003c74;box-shadow:inset 1px 1px 2px #0000001a;outline:none}.xp-input:focus{border-color:#0078d7;box-shadow:inset 1px 1px 2px #0000001a,0 0 0 1px #0078d7}.xp-window{position:absolute;background:var(--xp-window-bg);border:1px solid var(--xp-window-border);box-shadow:var(--xp-shadow-window);display:flex;flex-direction:column;min-width:300px;min-height:200px}.xp-window.inactive .xp-titlebar{background:linear-gradient(to bottom,var(--xp-titlebar-inactive-start),var(--xp-titlebar-inactive-end))}.xp-titlebar{height:28px;background:linear-gradient(to bottom,var(--xp-titlebar-gradient-start),var(--xp-titlebar-gradient-end));display:flex;align-items:center;padding:0 4px;cursor:move;-webkit-user-select:none;user-select:none}.xp-titlebar-icon{width:16px;height:16px;margin-right:4px}.xp-titlebar-text{flex:1;color:var(--xp-text-white);font-weight:700;font-size:11px;letter-spacing:.5px;text-shadow:1px 1px 1px rgba(0,0,0,.5)}.xp-titlebar-buttons{display:flex;gap:2px}.xp-titlebar-button{width:21px;height:21px;border:none;background-size:contain;background-repeat:no-repeat;background-position:center;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--xp-text-primary);background-color:transparent}.xp-titlebar-button:hover{background-color:#ffffff4d}.xp-titlebar-button:active{background-color:#0003}.xp-titlebar-button.minimize:before{content:"_";font-size:18px;line-height:12px}.xp-titlebar-button.maximize:before{content:"□";font-size:14px}.xp-titlebar-button.close{background-color:#e81123;color:#fff}.xp-titlebar-button.close:before{content:"×";font-size:20px;line-height:18px}.xp-titlebar-button.close:hover{background-color:#f1707a}.xp-window-content{flex:1;padding:12px;overflow:auto;background:var(--xp-window-bg)}.xp-desktop-icon{width:80px;display:flex;flex-direction:column;align-items:center;padding:8px;cursor:pointer;border:1px solid transparent;margin:8px}.xp-desktop-icon:hover{background:#fff3;border:1px solid rgba(255,255,255,.3)}.xp-desktop-icon.selected{background:#3399ff4d;border:1px solid rgba(51,153,255,.5)}.xp-desktop-icon-image{width:48px;height:48px;margin-bottom:4px}.xp-desktop-icon-label{color:var(--xp-text-white);font-size:11px;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.8);word-wrap:break-word;max-width:100%}.xp-taskbar{position:fixed;bottom:0;left:0;right:0;height:30px;background:linear-gradient(to bottom,var(--xp-taskbar-gradient-start),var(--xp-taskbar-gradient-end));border-top:1px solid #1941A5;display:flex;align-items:center;padding:0 4px;z-index:10000}.xp-start-button{height:26px;padding:0 12px 0 6px;background:linear-gradient(to bottom,#3faf3c,#2b8c2a);border:1px solid #16591E;border-radius:0 8px 8px 0;color:#fff;font-weight:700;font-size:11px;display:flex;align-items:center;gap:4px;cursor:pointer;box-shadow:inset 1px 1px #ffffff4d}.xp-start-button:hover{background:linear-gradient(to bottom,#5fd35c,#3bac3a)}.xp-start-button:active,.xp-start-button.active{background:linear-gradient(to bottom,#2b8c2a,#1e6b1f);box-shadow:inset 1px 1px 2px #0000004d}.xp-start-icon{width:20px;height:20px}.xp-system-tray{margin-left:auto;display:flex;align-items:center;gap:8px;padding:0 8px;height:100%;background:#1269d94d;border-left:1px solid rgba(255,255,255,.2)}.xp-clock{color:var(--xp-text-white);font-size:11px;padding:0 4px}.xp-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999}.xp-dialog-content{padding:16px;display:flex;gap:12px;align-items:flex-start}.xp-dialog-icon{width:32px;height:32px;flex-shrink:0}.xp-dialog-message{flex:1;font-size:11px;line-height:1.4}.xp-dialog-buttons{padding:8px 16px 16px;display:flex;justify-content:flex-end;gap:8px}::-webkit-scrollbar{width:16px;height:16px}::-webkit-scrollbar-track{background:#f0f0f0}::-webkit-scrollbar-thumb{background:linear-gradient(to right,#d4d0c8,#ece9d8);border:1px solid #ACA899}::-webkit-scrollbar-thumb:hover{background:linear-gradient(to right,#c4c0b8,#dcd9c8)}::-webkit-scrollbar-button{background:#ece9d8;border:1px solid #ACA899;height:16px;width:16px}@keyframes window-open{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.xp-window{animation:window-open .15s ease-out}@media(max-width:768px){.xp-desktop-icon{width:100%;max-width:100px;margin:0;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.xp-desktop-icon-image{width:48px;height:48px;font-size:36px;margin-bottom:8px}.xp-desktop-icon-label{font-size:11px;line-height:1.3;width:100%;word-wrap:break-word;white-space:normal}.xp-taskbar{height:50px;padding:0 8px}.xp-start-button{height:42px;padding:0 16px 0 8px;font-size:13px;border-radius:0 12px 12px 0}.xp-start-icon{width:24px;height:24px}.xp-clock{font-size:12px;padding:0 8px}.xp-window{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:calc(100vh - 50px)!important;max-width:100vw!important;min-width:100vw!important;border-radius:0;border-left:none;border-right:none;border-top:none}.xp-titlebar{height:40px;padding:0 8px;cursor:default}.xp-titlebar-text{font-size:13px}.xp-titlebar-button{width:32px;height:32px;font-size:20px}.xp-titlebar-button.close:before{font-size:24px}.xp-window-content{padding:16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.xp-button{min-height:36px;padding:8px 16px;font-size:13px;min-width:90px}.xp-input{min-height:36px;padding:8px 12px;font-size:14px}.xp-start-menu{width:100vw!important;max-width:100vw!important;left:0!important;bottom:50px!important;max-height:calc(100vh - 100px)}.xp-dialog{width:90%!important;max-width:350px!important;min-width:auto!important}}.url-shortener{padding:8px}.shortener-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-weight:700;font-size:11px}.url-input{width:100%;padding:6px 8px;font-size:11px}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.primary-button{min-width:120px;font-weight:700}.form-hint{padding:8px 12px;background:#fffacd;border:1px solid #F0E68C;border-radius:2px;font-size:10px;color:#666}.custom-alias-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:11px;padding:8px 0}.custom-alias-checkbox input[type=checkbox]{cursor:pointer}.custom-alias-input-group{display:flex;align-items:center;gap:4px;margin-top:8px}.domain-prefix{font-size:11px;color:#666;font-weight:700;white-space:nowrap}.custom-alias-input{flex:1;padding:6px 8px;font-size:11px;font-family:Courier New,monospace}.custom-alias-hint{padding:6px 8px;background:#e8f4fd;border:1px solid #B0D4FF;border-radius:2px;font-size:10px;color:#0054e3;margin-top:6px}.shortener-result{display:flex;flex-direction:column;gap:16px}.result-header{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:2px solid #0054E3}.success-icon{font-size:32px}.result-header h3{font-size:14px;font-weight:700;color:#0054e3;margin:0}.result-content{display:flex;flex-direction:column;gap:16px}.result-section{display:flex;flex-direction:column;gap:6px}.result-label{font-weight:700;font-size:11px;color:#333}.result-value{padding:8px;background:#f5f5f5;border:1px solid #CCC;border-radius:2px;font-size:10px;word-break:break-all}.original-url{color:#666;max-height:60px;overflow-y:auto}.short-url-container{display:flex;gap:8px}.short-url-input{flex:1;font-weight:700;color:#0054e3}.copy-button{min-width:80px}.result-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;background:#f0f8ff;border:1px solid #B0D4FF;border-radius:2px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:10px;color:#666}.stat-value{font-size:11px;font-weight:700;color:#333}@media(max-width:768px){.result-stats{grid-template-columns:1fr}.url-shortener{padding:12px}.shortener-form,.shortener-result{gap:20px}.form-label,.result-label{font-size:13px}.url-input,.custom-alias-input,.short-url-input{font-size:14px;padding:10px 12px}.custom-alias-checkbox{font-size:13px;padding:12px 0}.domain-prefix{font-size:13px}.custom-alias-hint,.form-hint{font-size:12px;padding:10px 14px}.result-header h3{font-size:16px}.success-icon{font-size:40px}.result-value{font-size:12px;padding:10px}.stat-label{font-size:12px}.stat-value{font-size:13px}}.stats-viewer{padding:8px;max-height:500px;overflow-y:auto}.stats-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:2px solid #0054E3;margin-bottom:16px}.stats-header h3{font-size:14px;font-weight:700;color:#0054e3;margin:0}.stats-list{display:flex;flex-direction:column;gap:12px}.stats-item{background:#fff;border:1px solid #ACA899;padding:12px;box-shadow:1px 1px 2px #0000001a}.stats-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #E0E0E0}.stats-item-title{display:flex;align-items:center;gap:8px}.link-icon{font-size:20px}.short-id{font-weight:700;font-size:13px;color:#0054e3;font-family:Courier New,monospace}.delete-button{min-width:auto;padding:2px 8px;font-size:14px}.stats-item-content{display:flex;flex-direction:column;gap:10px}.stats-row{display:flex;flex-direction:column;gap:4px}.stats-label{font-size:10px;color:#666;font-weight:700}.stats-link{color:#0054e3;text-decoration:none;font-size:11px;word-break:break-all}.stats-link:hover{text-decoration:underline}.stats-value{font-size:11px;color:#333}.original-url{word-break:break-all;max-height:40px;overflow-y:auto;padding:4px;background:#f5f5f5;border:1px solid #DDD;border-radius:2px}.stats-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:12px;background:#f0f8ff;border:1px solid #B0D4FF;border-radius:2px;margin-top:8px}.metric{display:flex;flex-direction:column;gap:4px}.metric-label{font-size:10px;color:#666}.metric-value{font-size:12px;font-weight:700;color:#0054e3}.stats-loading{padding:12px;text-align:center;color:#666;font-size:11px;font-style:italic}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px}.empty-state h3{font-size:16px;font-weight:700;color:#333;margin:0 0 8px}.empty-state p{font-size:12px;color:#666;margin:4px 0}.empty-hint{margin-top:12px;padding:8px 12px;background:#fffacd;border:1px solid #F0E68C;border-radius:2px;font-size:11px;color:#666}@media(max-width:768px){.stats-metrics{grid-template-columns:1fr}}.about-dialog{padding:8px;max-height:500px;overflow-y:auto}.about-header{display:flex;align-items:center;gap:16px;padding-bottom:16px;border-bottom:2px solid #0054E3;margin-bottom:16px}.about-logo{font-size:48px;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 4px 8px #0003}.about-title h2{font-size:16px;font-weight:700;color:#0054e3;margin:0 0 4px}.version{font-size:10px;color:#666;margin:0}.about-content{display:flex;flex-direction:column;gap:16px}.about-section{padding:12px;background:#f5f5f5;border:1px solid #D0D0D0;border-radius:2px}.about-section h3{font-size:12px;font-weight:700;color:#333;margin:0 0 8px;padding-bottom:6px;border-bottom:1px solid #D0D0D0}.about-section p{font-size:11px;line-height:1.5;color:#333;margin:0}.feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.feature-list li{font-size:11px;color:#333;padding:4px 0}.tech-stack{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:8px}.tech-item{display:flex;align-items:center;gap:8px;padding:6px 8px;background:#fff;border:1px solid #D0D0D0;border-radius:2px;font-size:10px;color:#333}.tech-icon{font-size:16px}.about-footer{margin-top:16px;padding-top:12px;border-top:1px solid #D0D0D0;text-align:center}.about-footer p{font-size:10px;color:#666;margin:0}@media(max-width:768px){.tech-stack{grid-template-columns:1fr}}.error-dialog-overlay{position:fixed;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.xp-dialog .xp-window{animation:dialogPop .2s ease-out}@keyframes dialogPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.xp-dialog-icon{font-size:32px}.desktop{width:100vw;height:100vh;overflow:hidden;position:relative}.desktop-background{width:100%;height:calc(100vh - 30px);background:linear-gradient(to bottom,#5a8fcc,#3f6fb5);background-image:linear-gradient(to bottom,#5a8fcc,#3f6fb5),url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080"><rect fill="%235A8FCC" width="1920" height="1080"/><ellipse cx="960" cy="800" rx="800" ry="400" fill="%2373D216" opacity="0.3"/></svg>');background-size:cover;background-position:center;position:relative;overflow:hidden}.desktop-icons{display:grid;grid-template-columns:repeat(auto-fill,80px);grid-auto-rows:100px;gap:8px;padding:16px;align-content:start}@media(max-width:768px){.desktop-background{height:calc(100vh - 50px)}.desktop-icons{grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:20px;padding:60px 16px 16px;justify-items:center;align-items:start}}@keyframes desktopLoad{0%{opacity:0}to{opacity:1}}.desktop{animation:desktopLoad .5s ease-out}