:root{font-family:Open Sans,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#242424;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;margin:0;padding:0}body{position:relative;background:transparent}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#3c3c141a,#5050001a),url(data:image/png;base64,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);background-repeat:repeat;background-size:auto;filter:blur(.5px);opacity:.6}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.navbar{display:flex;position:-webkit-sticky;position:sticky;top:0;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#1a1716f2,#201e1cf2,#22201ef2);color:var(--color-text-inverse, #ffffff);padding:var(--navbar-padding, 1rem);margin-top:0;width:100%;box-sizing:border-box;height:var(--navbar-height, 80px);z-index:var(--z-fixed, 1030);border-bottom:2px solid rgba(255,255,255,.2);box-shadow:0 3px 6px #00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.navbar-left{display:flex;align-items:center;gap:var(--spacing-2xl)}.navbar-left .logo{font-size:2rem;font-weight:700;color:var(--color-orange);text-decoration:none;transition:all var(--transition-normal);text-shadow:0 0 8px rgba(204,102,51,.3)}.navbar-left .logo:hover{color:var(--color-orange-hover);text-shadow:var(--shadow-orange-glow)}.navbar-left .logo:hover .cursor-symbol{animation:cursor-blink 1.2s infinite cubic-bezier(.1,.8,.5,1)}@keyframes cursor-blink{0%{opacity:1}50%{opacity:.2}to{opacity:1}}.nav-links{list-style-type:none;display:flex;margin:0;padding:0;gap:var(--spacing-lg)}.nav-links li{margin:0}.nav-links a{color:var(--color-text-inverse);text-decoration:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);background-color:var(--color-bg-glass);border:1px solid var(--color-border-glass);transition:all var(--transition-normal)}.nav-links a:hover{color:var(--color-text-inverse);background-color:var(--color-bg-glass-hover);border-color:var(--color-border-glass-hover);box-shadow:var(--shadow-glass-glow)}.hamburger{display:none;flex-direction:column;background:none;border:none;cursor:pointer;padding:var(--spacing-sm)}.hamburger span{width:25px;height:3px;background-color:var(--color-text-inverse);margin:3px 0;transition:.3s}@media (max-width: 768px){.hamburger{display:flex!important}.nav-links{display:flex;position:absolute;top:100%;left:0;width:100%;background:linear-gradient(180deg,#22201e,#1e1c1a,#1a1716);flex-direction:column;padding:var(--spacing-lg, 1rem) 0;transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-normal, .3s ease);z-index:var(--z-dropdown, 1000);box-shadow:var(--shadow-lg, 0 10px 25px rgba(0, 0, 0, .15));border-top:1px solid rgba(255,255,255,.1)}.nav-links-open{display:flex!important;transform:translateY(0);opacity:1;visibility:visible}.nav-links li{text-align:center;padding:var(--spacing-xs, .25rem) 0}.nav-links a{display:block;padding:var(--spacing-sm, .5rem) var(--spacing-lg, 1rem);margin:var(--spacing-xs, .25rem) var(--spacing-md, .75rem);border-radius:var(--radius-md);border:1px solid var(--color-border-glass);background-color:var(--color-bg-glass);transition:all var(--transition-normal)}.nav-links a:hover{background-color:var(--color-bg-glass-hover);border-color:var(--color-border-glass-hover);box-shadow:var(--shadow-glass-glow);transform:translateY(-1px)}.hamburger.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}}.navbar-right{display:flex;align-items:center}.navbar-right .cart-icon,.navbar-right .user-icon{color:var(--color-text-inverse);text-decoration:none;margin-left:1rem;position:relative}.navbar-right .cart-count{background-color:var(--color-error);color:var(--color-text-inverse);border-radius:50%;padding:.2rem .5rem;font-size:.8rem;position:absolute;top:-.5rem;right:-.5rem}.content{min-height:calc(100vh - var(--navbar-height));width:100%;max-width:var(--content-max-width);margin:0 auto;padding:var(--spacing-3xl) var(--spacing-xl) var(--spacing-4xl) var(--spacing-xl);display:flex;flex-direction:column;box-sizing:border-box}@media (max-width: 1024px){.content{padding:var(--spacing-2xl) var(--content-padding-tablet) var(--spacing-3xl) var(--content-padding-tablet)}}@media (max-width: 768px){.content{padding:var(--spacing-lg) var(--content-padding-mobile) var(--spacing-2xl) var(--content-padding-mobile)}}@media (max-width: 480px){.content{padding:var(--spacing-md) var(--content-padding-small) var(--spacing-xl) var(--content-padding-small)}}.project-item{background:var(--color-bg-secondary-dark);border-radius:12px;box-shadow:var(--shadow-md),0 0 0 3px transparent;overflow:hidden;cursor:pointer;transition:var(--transition-normal);display:flex;flex-direction:column;width:100%;border:2px solid var(--color-border-light)}.project-item:hover{border:2px solid var(--color-primary);box-shadow:var(--shadow-md),0 0 0 3px var(--color-primary-alpha-10),var(--shadow-primary-glow)}.project-image{width:100%;height:200px;object-fit:cover;border-bottom:1px solid var(--color-border-light)}.project-content{padding:20px;flex-grow:1;display:flex;flex-direction:column}.project-title{font-size:1.25rem;font-weight:600;margin:0 0 8px;color:var(--color-text-primary);line-height:1.4}.project-description{color:var(--color-text-secondary);margin:0 0 16px;line-height:1.6;flex-grow:1;font-size:.9rem}.project-link{color:var(--color-primary);font-weight:500;font-size:.9rem;align-self:flex-start;transition:color .2s ease}.project-item:hover .project-link{color:var(--color-primary-hover)}.project-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;width:100%}@media (min-width: 769px){.project-cards-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}}@media (max-width: 768px){.project-cards-grid{grid-template-columns:1fr;gap:16px}}.page-hero{background-image:url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwallpaperaccess.com%2Ffull%2F49828.jpg&f=1&nofb=1&ipt=cb378ee2b729758da3e971f36e853c172bf4e3fba95ef98c04fb642785ef0232);background-size:cover;background-position:center;background-repeat:no-repeat;color:var(--color-grey-100);padding:var(--spacing-4xl) 0;margin:0;margin-bottom:var(--spacing-3xl);border-radius:0;box-shadow:var(--shadow-hero);position:relative;overflow:hidden;height:200px;display:flex;align-items:center}.page-hero-overlay{position:absolute;inset:0;background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.page-hero-content{max-width:var(--content-max-width);margin:0 auto;padding:0 var(--content-padding-desktop);position:relative;z-index:1;text-align:center}.page-hero-title{font-size:3rem;font-weight:700;line-height:1.1;margin:0;color:var(--color-white);text-shadow:var(--shadow-text-strong)}.page-hero-subtitle{font-size:1.125rem;line-height:1.6;color:var(--color-grey-300);margin:var(--spacing-md) 0 0 0;text-shadow:var(--shadow-text-light)}@media (max-width: 900px){.page-hero{height:160px;padding:var(--spacing-2xl) 0;margin-bottom:var(--spacing-2xl)}.page-hero-content{padding:0 var(--content-padding-tablet)}.page-hero-title{font-size:2.5rem}.page-hero-subtitle{font-size:1rem}}@media (max-width: 768px){.page-hero{height:140px;padding:var(--spacing-xl) 0}.page-hero-content{padding:0 var(--content-padding-mobile)}.page-hero-title{font-size:2.5rem}.page-hero-subtitle{font-size:.95rem}}@media (max-width: 480px){.page-hero{height:120px}.page-hero-content{padding:0 var(--content-padding-small)}.page-hero-title{font-size:2.25rem}.page-hero-subtitle{font-size:.9rem}}.content-box{background:#ffffff14;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:var(--spacing-2xl);margin-top:0;margin-bottom:var(--spacing-3xl);font-size:1.125rem;line-height:1.7;color:var(--color-text-inverse)}.content-box p{margin-bottom:var(--spacing-lg)}.content-box p:last-child{margin-top:0;margin-bottom:0}@media (max-width: 768px){.content-box{padding:var(--spacing-xl);font-size:1rem;margin-bottom:var(--spacing-2xl)}}@media (max-width: 480px){.content-box{padding:var(--spacing-lg);font-size:1.05rem;line-height:1.6;margin-bottom:var(--spacing-xl)}}.professional-section{margin-top:var(--spacing-2xl)}.professional-section .section-heading{margin-bottom:var(--spacing-2xl)}.games-section{margin-top:var(--spacing-2xl)}.games-section .section-heading{margin-bottom:var(--spacing-2xl)}.about-container{max-width:var(--content-max-width);margin:0 auto;padding:var(--spacing-2xl) var(--spacing-lg);background:#ffffff14;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.about-header{display:flex;align-items:center;gap:var(--spacing-2xl);margin-bottom:var(--spacing-3xl);background-image:url(https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fwallpaperaccess.com%2Ffull%2F49828.jpg&f=1&nofb=1&ipt=cb378ee2b729758da3e971f36e853c172bf4e3fba95ef98c04fb642785ef0232);background-size:cover;background-position:center;background-repeat:no-repeat;padding:var(--spacing-3xl);border-radius:var(--radius-lg);position:relative;overflow:hidden;margin:calc(-1 * var(--spacing-2xl)) calc(-1 * var(--spacing-lg)) var(--spacing-3xl) calc(-1 * var(--spacing-lg))}.about-header:before{content:"";position:absolute;inset:0;background:var(--color-bg-overlay);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.about-header .profile-picture,.about-header .about-title{position:relative;z-index:1}.profile-picture{width:150px;height:150px;border-radius:50%;object-fit:cover;border:3px solid var(--color-border-hero);filter:blur(.3px);box-shadow:0 0 30px var(--color-primary-alpha-20),0 0 60px #cc55001a,0 8px 25px #00000026;transition:transform var(--transition-normal)}.profile-picture:hover{transform:scale(1.05)}.about-title{margin:0;font-size:3.5rem;color:var(--color-white);text-shadow:var(--shadow-text-strong)}@media (max-width: 768px){.about-title{font-size:2.75rem}}@media (max-width: 480px){.about-title{font-size:2.25rem}}.about-content{display:grid}.about-text{font-size:1.125rem;line-height:1.7;color:var(--color-text-inverse);position:relative;padding-bottom:var(--spacing-3xl);margin-bottom:var(--spacing-xl);margin-top:var(--spacing-2xl)}.about-text:after{content:"";position:absolute;bottom:0;left:20%;right:20%;height:2px;background:var(--color-grey-500-alpha-20)}.about-text p{margin-bottom:var(--spacing-xl)}.highlights-section{margin-bottom:var(--spacing-3xl)}.highlights-section .section-heading{text-align:center;font-size:2rem;margin-bottom:var(--spacing-2xl)}.highlights-section .section-heading:after{display:none}.links-section .section-heading{text-align:center;font-size:2rem}.links-section .section-heading:after{display:none}.link-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);max-width:800px;margin:0 auto}.link-button{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-lg);text-decoration:none;font-weight:600;font-size:1rem;transition:all var(--transition-normal);border:2px solid transparent;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.link-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.link-button:hover:before{left:100%}.link-button .icon{font-size:1.25rem}.link-button.github{background:linear-gradient(135deg,#333,#000);color:#fff;border-color:#555}.link-button.github:hover{background:linear-gradient(135deg,#444,#222);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.link-button.linkedin{background:linear-gradient(135deg,#0077b5,#005885);color:#fff;border-color:#0077b5}.link-button.linkedin:hover{background:linear-gradient(135deg,#08c,#069);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.link-button.email{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border-color:var(--color-primary)}.link-button.email:hover{background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));transform:translateY(-2px);box-shadow:var(--shadow-lg)}.link-button.discord{background:linear-gradient(135deg,#5865f2,#4752c4);color:#fff;border-color:#5865f2}.link-button.discord:hover{background:linear-gradient(135deg,#4752c4,#3c45a5);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.link-button.resume{background:linear-gradient(135deg,var(--color-success),#16a34a);color:#fff;border-color:var(--color-success)}.link-button.resume:hover{background:linear-gradient(135deg,var(--color-success-light),var(--color-success));transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (max-width: 768px){.about-container{padding:var(--spacing-xl) var(--spacing-md)}.about-header{flex-direction:column;text-align:center;gap:var(--spacing-xl)}.profile-picture{width:120px;height:120px}.about-title{font-size:2.5rem}.about-text{font-size:1rem}.links-section h2{font-size:1.75rem}.link-buttons{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.link-button{padding:var(--spacing-md) var(--spacing-lg)}}@media (max-width: 480px){.about-container{padding:var(--spacing-lg) var(--spacing-sm)}.about-header{gap:var(--spacing-md)}.profile-picture{width:100px;height:100px}.about-text{font-size:1.05rem;line-height:1.6;margin-top:var(--spacing-lg)}.links-section h2{font-size:1.5rem}.link-buttons{grid-template-columns:1fr;max-width:300px}.link-button{padding:var(--spacing-md);font-size:.9rem}.link-button .icon{font-size:1.1rem}}.music-section{margin-top:var(--spacing-2xl)}.audio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-2xl)}.audio-player-container{background:#ffffff14;border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:var(--shadow-md);transition:all var(--transition-normal);max-width:400px}.audio-player-container:hover{background:#ffffff1f;border-color:#ffffff40;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.song-title{font-size:1.125rem;font-weight:600;color:var(--color-text-inverse);margin:0 0 var(--spacing-md) 0;text-align:center;line-height:1.3}.audio-player{width:100%;height:35px;margin-bottom:var(--spacing-sm);border-radius:var(--radius-md);background:#0000004d}.audio-player::-webkit-media-controls-panel{background-color:#0000004d;border-radius:var(--radius-md)}.audio-player::-webkit-media-controls-play-button,.audio-player::-webkit-media-controls-pause-button{background-color:var(--color-primary);border-radius:50%}.audio-player::-webkit-media-controls-timeline{background-color:#ffffff4d;border-radius:var(--radius-sm)}.audio-player::-webkit-media-controls-current-time-display,.audio-player::-webkit-media-controls-time-remaining-display{color:var(--color-text-inverse);text-shadow:var(--shadow-text-light)}.audio-controls{text-align:center}.audio-info{font-size:.9rem;color:var(--color-grey-400);font-style:italic}@media (max-width: 768px){.audio-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md)}.audio-player-container{padding:var(--spacing-md);max-width:none}.song-title{font-size:1rem}}@media (max-width: 480px){.audio-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.audio-player-container{padding:var(--spacing-sm)}.song-title{font-size:.95rem}.audio-player{height:30px}.audio-info{font-size:.8rem}}:root{--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1200px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: .75rem;--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--content-padding-desktop: var(--spacing-3xl);--content-padding-tablet: var(--spacing-2xl);--content-padding-mobile: var(--spacing-lg);--content-padding-small: var(--spacing-md);--content-max-width: 1200px;--container-max-width: 1400px;--navbar-height: 80px;--navbar-padding: var(--spacing-lg);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--color-primary: #cc5500;--color-primary-hover: #b84700;--color-primary-light: #e6661a;--color-primary-dark: #993f00;--color-primary-alpha-10: rgba(204, 85, 0, .1);--color-primary-alpha-20: rgba(204, 85, 0, .2);--color-orange: #cc6633;--color-orange-hover: #e67a4d;--color-orange-glow: rgba(204, 102, 51, .6);--color-orange-glow-light: rgba(204, 102, 51, .4);--color-white: #fefefe;--color-grey-50: #f8f9fa;--color-grey-100: #f1f3f4;--color-grey-200: #e8eaed;--color-grey-300: #dadce0;--color-grey-400: #9aa0a6;--color-grey-500: #6b7280;--color-grey-500-alpha-20: rgba(107, 114, 128, .2);--color-grey-600: #4f545c;--color-grey-700: #3c4043;--color-grey-800: #2d3134;--color-grey-900: #1f2125;--color-black: #1a1a1c;--color-success: #16a34a;--color-success-light: #22c55e;--color-warning: #eab308;--color-warning-light: #fbbf24;--color-error: #dc2626;--color-error-light: #ef4444;--color-info: #2563eb;--color-info-light: #3b82f6;--color-text-primary: var(--color-grey-900);--color-text-secondary: var(--color-grey-600);--color-text-muted: var(--color-grey-500);--color-text-inverse: var(--color-white);--color-bg-primary: var(--color-white);--color-bg-secondary: var(--color-grey-50);--color-bg-secondary-dark: #f4f2f0;--color-bg-tertiary: var(--color-grey-100);--color-bg-inverse: var(--color-grey-900);--color-bg-navbar: #252121;--color-bg-navbar-mobile: #333333;--color-bg-overlay: rgba(0, 0, 0, .4);--color-bg-glass: rgba(255, 255, 255, .02);--color-bg-glass-hover: rgba(255, 255, 255, .1);--color-border-light: var(--color-grey-200);--color-border-medium: var(--color-grey-300);--color-border-dark: var(--color-grey-400);--color-border-glass: rgba(255, 255, 255, .05);--color-border-glass-hover: rgba(255, 255, 255, .2);--color-border-hero: rgba(255, 255, 255, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .15);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .2);--shadow-hero: 0 4px 20px rgba(0, 0, 0, .3);--shadow-text-light: 1px 1px 2px rgba(0, 0, 0, .7);--shadow-text-strong: 2px 2px 4px rgba(0, 0, 0, .7);--shadow-orange-glow: 0 0 15px var(--color-orange-glow), 0 0 25px var(--color-orange-glow-light);--shadow-primary-glow: 0 0 20px var(--color-primary-alpha-10);--shadow-glass-glow: 0 0 15px rgba(255, 255, 255, .05);--font-headline: "Mozilla Headline", serif;--font-body: "Open Sans", system-ui, Avenir, Helvetica, Arial, sans-serif}.section-heading{font-family:var(--font-headline);font-size:2.75rem;font-weight:500;color:var(--color-text-inverse);margin:var(--spacing-4xl) 0 var(--spacing-2xl) 0;position:relative;line-height:1.2}.section-heading:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:2px}@media (max-width: 768px){.section-heading{font-size:2rem;margin:var(--spacing-3xl) 0 var(--spacing-xl) 0}.section-heading:after{width:50px;height:2px}}@media (max-width: 480px){.section-heading{font-size:1.75rem;margin:var(--spacing-2xl) 0 var(--spacing-lg) 0}.section-heading:after{width:40px}}.other-section{margin-top:var(--spacing-2xl)}.other-section .section-heading{margin-bottom:var(--spacing-2xl)}.update-formatter-title-input{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);font-size:1.3rem;font-weight:600;background-color:var(--color-bg-primary);color:var(--color-text-primary);margin-bottom:var(--spacing-md);box-sizing:border-box}.update-formatter-textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);font-size:1rem;background-color:var(--color-bg-primary);color:var(--color-text-primary);resize:vertical;min-height:100px;box-sizing:border-box;font-family:inherit}.update-formatter-container{margin-bottom:var(--spacing-xl)}.update-formatter-section{background-color:var(--color-bg-secondary);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg);border:1px solid var(--color-border-light)}.update-formatter-section-content{display:flex;gap:var(--spacing-lg);align-items:flex-start}.update-formatter-section-inputs{flex-grow:1}.update-formatter-section-title-input{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);font-size:1.1rem;font-weight:600;background-color:var(--color-bg-primary);color:var(--color-text-primary);margin-bottom:var(--spacing-sm);box-sizing:border-box}.update-formatter-section-points-textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border-medium);border-radius:var(--radius-md);font-size:1rem;background-color:var(--color-bg-primary);color:var(--color-text-primary);resize:vertical;min-height:100px;box-sizing:border-box;font-family:inherit}.update-formatter-section-controls{display:flex;flex-direction:column;gap:var(--spacing-sm);flex-shrink:0}.update-formatter-btn{border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-weight:500;transition:var(--transition-normal)}.update-formatter-btn-primary{background-color:var(--color-primary);color:var(--color-white);margin-bottom:var(--spacing-xl)}.update-formatter-btn-move{background-color:var(--color-grey-600);color:var(--color-white);padding:var(--spacing-xs) var(--spacing-sm);font-size:.9rem;min-width:60px}.update-formatter-btn-remove{background-color:var(--color-error);color:var(--color-white);padding:var(--spacing-xs) var(--spacing-sm);font-size:.9rem;min-width:60px}.update-formatter-preview-title{margin-top:0;margin-bottom:var(--spacing-lg)}.update-formatter-preview-section-title{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.update-formatter-preview-list{padding-left:var(--spacing-xl)}.update-formatter-preview-list-item{margin-bottom:var(--spacing-xs)}.update-formatter-preview-closer{margin-top:var(--spacing-lg)}.update-formatter-output-container{background-color:var(--color-grey-900);color:var(--color-grey-100);padding:var(--spacing-lg);border-radius:var(--radius-lg);font-family:monospace;white-space:pre-wrap;position:relative;min-height:100px;font-size:.9rem}.update-formatter-output-copy-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background-color:var(--color-success);color:var(--color-white);border:none;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;transition:var(--transition-normal)}.update-formatter-fab{position:fixed;z-index:var(--z-fixed);border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;box-shadow:var(--shadow-lg);border:none;cursor:pointer;transition:var(--transition-normal)}.update-formatter-fab-load{bottom:24px;right:24px;background-color:var(--color-primary);color:var(--color-white)}.update-formatter-fab-data{bottom:24px;left:24px;background-color:var(--color-info);color:var(--color-white)}.update-formatter-modal-backdrop{position:fixed;inset:0;background:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop)}.update-formatter-modal{background:var(--color-bg-primary);width:95%;max-width:700px;max-height:80vh;overflow-y:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl);border:1px solid var(--color-border-light)}.update-formatter-modal-small{max-width:600px}.update-formatter-modal-tiny{max-width:500px}.update-formatter-modal-micro{max-width:400px}.update-formatter-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border-light)}.update-formatter-modal-title{margin:0;color:var(--color-text-primary)}.update-formatter-modal-close-btn{background:var(--color-grey-400);color:var(--color-white);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal)}.update-formatter-modal-centered{text-align:center;margin-bottom:var(--spacing-lg)}.update-formatter-modal-action-btn{padding:1rem 2rem;font-size:1.2rem;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);border:none;color:var(--color-white)}.update-formatter-modal-new-btn{background-color:var(--color-primary)}.update-formatter-modal-export-btn{background-color:var(--color-success);margin-right:1rem}.update-formatter-modal-import-btn{background-color:var(--color-primary);margin-right:1rem}.update-formatter-modal-sync-btn{background-color:var(--color-orange)}.update-formatter-archive-list{max-height:400px;overflow-y:auto}.update-formatter-archive-empty{color:var(--color-text-secondary);text-align:center}.update-formatter-archive-item{display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);gap:var(--spacing-md)}.update-formatter-archive-item-info{flex:1;display:flex;flex-direction:column}.update-formatter-archive-item-name{font-weight:600;color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.update-formatter-archive-item-date{font-size:.85rem;color:var(--color-text-muted)}.update-formatter-archive-item-current{font-size:.85rem;color:var(--color-primary);margin-left:var(--spacing-sm);font-weight:500}.update-formatter-archive-item-actions{display:flex;gap:var(--spacing-sm)}.update-formatter-archive-btn{border:none;padding:var(--spacing-xs) var(--spacing-md);font-size:.9rem;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);color:var(--color-white)}.update-formatter-archive-btn-load{background-color:var(--color-primary)}.update-formatter-archive-btn-load:disabled{background-color:var(--color-grey-300);cursor:not-allowed;opacity:.5}.update-formatter-archive-btn-duplicate{background-color:var(--color-info)}.update-formatter-archive-btn-delete{background-color:var(--color-error)}.update-formatter-sync-section{margin-top:var(--spacing-xl)}.update-formatter-sync-title{color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.update-formatter-sync-uuid{color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.update-formatter-sync-input{margin-bottom:var(--spacing-md);padding:var(--spacing-sm);width:300px;border:1px solid var(--color-border-medium);border-radius:var(--radius-md);font-size:1rem;background-color:var(--color-bg-primary);color:var(--color-text-primary)}.update-formatter-sync-btn{background-color:var(--color-info);color:var(--color-white);border:none;padding:1rem 2rem;font-size:1.2rem;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal)}.update-formatter-confirm-content{padding:var(--spacing-md)}.update-formatter-confirm-message{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.update-formatter-confirm-actions{text-align:center}.update-formatter-confirm-btn{background-color:var(--color-error);color:var(--color-white);border:none;padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal)}.update-formatter-sync-warning{color:var(--color-warning);margin-bottom:var(--spacing-lg);font-weight:600}.update-formatter-sync-confirm-message{color:var(--color-text-secondary);margin-bottom:var(--spacing-xl)}.update-formatter-sync-confirm-btn{background-color:var(--color-error);color:var(--color-white);border:none;padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-normal);font-weight:600}