:root{font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#0f0f0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{font-weight:500;color:var(--accent-color);text-decoration:inherit;transition:color .3s ease}a:hover{color:var(--accent-secondary)}body{margin:0;min-width:320px;min-height:100vh;background:#0f0f0f}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}p{margin:0}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}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--text-primary: #ffffff;--text-secondary: #bbbbbb;--text-muted: #888888;--border-color: #333333;--header-background: rgba(15, 15, 15, .95);--button-hover-background: var(--accent-hover-background);--hero-bg-dark: rgb(15, 8, 15);--hero-bg-light: rgb(255, 249, 245);--parallax-offset: 0px;--accent-color: #ff6b35;--accent-secondary: #f7931e;--accent-gradient: linear-gradient(to bottom right, var(--accent-color), var(--accent-secondary));--accent-translucent: rgba(255, 107, 53, .2);--accent-secondary-translucent: rgba(247, 147, 30, .2);--accent-hover-background: rgba(255, 107, 53, .1);--accent-shadow: rgba(255, 107, 53, .2)}[data-theme=light]{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #212529;--text-secondary: #495057;--text-muted: #6c757d;--border-color: #dee2e6;--header-background: rgba(255, 255, 255, .95);--button-hover-background: var(--accent-hover-background)}[data-theme=light] .social-icon{background-color:var(--bg-primary)}.app{min-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.main-content{flex:1;max-width:1200px;margin:0 auto;padding:0 2rem;padding-top:75px;width:100%}.hero{display:flex;align-items:start;justify-content:center;min-height:60vh;text-align:center;padding:2rem 0;padding-top:20vh;width:100vw;margin-left:calc(-50vw + 50%);background:var(--hero-bg-dark);transition:background .3s ease;position:relative;overflow:hidden}[data-theme=light] .hero{background:var(--hero-bg-light)}.hero:before{content:"";position:absolute;bottom:-20%;left:50%;transform:translate(-50%) translateY(calc(var(--parallax-offset) * .5));width:120%;height:80%;background:radial-gradient(ellipse at center bottom,var(--accent-translucent) 0%,var(--accent-hover-background) 20%,var(--accent-secondary-translucent) 40%,transparent 70%);opacity:.6;pointer-events:none;z-index:0;animation:heroGlow 4s ease-in-out infinite alternate;transition:transform .1s ease-out}@keyframes heroGlow{0%{opacity:.4;transform:translate(-50%) translateY(calc(var(--parallax-offset) * .5)) scale(.95)}to{opacity:.6;transform:translate(-50%) translateY(calc(var(--parallax-offset) * .5)) scale(1.05)}}[data-theme=light] .hero:before{background:radial-gradient(ellipse at center bottom,var(--accent-translucent) 0%,var(--accent-hover-background) 20%,var(--accent-secondary-translucent) 40%,transparent 70%);animation:heroGlowLight 4s ease-in-out infinite alternate}@keyframes heroGlowLight{0%{opacity:.2;transform:translate(-50%) translateY(calc(var(--parallax-offset) * .5)) scale(.95)}to{opacity:.4;transform:translate(-50%) translateY(calc(var(--parallax-offset) * .5)) scale(1.05)}}[data-theme=dark] .hero:before{background:radial-gradient(ellipse at center bottom,var(--accent-translucent) 0%,var(--accent-hover-background) 20%,var(--accent-secondary-translucent) 40%,transparent 70%);animation:heroGlowDark 4s ease-in-out infinite alternate}@keyframes heroGlowDark{0%{opacity:.3;transform:translate(-50%) translateY(calc(var(--parallax-offset) * .5)) scale(.95)}to{opacity:.6;transform:translate(-50%) translateY(calc(var(--parallax-offset) * .5)) scale(1.05)}}.hero-content{max-width:800px;position:relative;z-index:1}.hero-title{font-size:3.75rem;font-weight:700;margin-bottom:1rem;line-height:1.2;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block;cursor:pointer;transition:all .3s ease}.hero-title:hover{transform:translateY(-2px)}.hero-title .edit-icon{position:absolute;top:0;right:calc(50% - 15rem);width:1.5rem;height:1.5rem;opacity:0;transition:opacity .3s ease,transform .3s ease;display:flex;align-items:center;justify-content:center;pointer-events:none}.hero-title .edit-icon:before{content:"";width:2rem;height:2rem;background-color:var(--accent-color);opacity:.5;mask:url("data:image/svg+xml,%3Csvg width='494' height='494' viewBox='0 0 494 494' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M98.0446 376.36C97.9604 376.37 97.8767 376.38 97.7908 376.39Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M398.267 16.5445L477.456 95.7334C499.515 117.793 499.515 153.687 477.455 175.747L161.318 491.884C159.943 493.26 157.974 494.037 156.053 493.999C156.025 493.999 24.8946 491.365 24.8946 491.365C12.6517 491.129 2.872 481.35 2.63561 469.1L0.00158583 337.946C-0.0167462 337.155 0.125086 336.328 0.363402 335.585C0.712676 334.497 1.30991 333.487 2.11749 332.682L177.307 157.49L318.253 16.5445C340.313 -5.51483 376.209 -5.51483 398.267 16.5445ZM17.1054 468.815C17.1913 473.262 20.7371 476.809 25.1782 476.894L66.4456 477.721L87.3325 478.139L149.611 479.393L152.644 446.475C152.917 443.198 150.128 440.372 146.831 440.666C143.827 440.935 140.825 441.23 137.822 441.526L137.793 441.528C132.485 442.05 127.172 442.572 121.856 442.953C115.884 443.381 109.852 440.969 105.815 436.544C102.071 432.439 100.216 426.91 100.727 421.374L102.988 396.823C103.286 393.596 100.409 390.717 97.1749 391.011C94.3402 391.268 91.4944 391.584 88.6438 391.901C82.8954 392.539 77.1265 393.18 71.3894 393.344C65.6621 393.508 59.9367 391.03 56.1594 386.889C52.4158 382.784 50.5604 377.255 51.0708 371.719C51.8253 363.536 52.5788 355.352 53.3324 347.168C53.6334 343.895 50.8084 341.053 47.526 341.355L28.1065 343.143L14.6055 344.386L15.8588 406.665L16.2785 427.553L17.1054 468.815ZM165.246 467.489L167.038 448.023L167.047 447.934L167.059 447.805C167.564 442.308 165.693 436.72 161.973 432.64C157.556 427.797 151.827 426.258 145.506 426.258C145.506 426.258 120.98 428.515 120.954 428.518C117.68 428.82 114.84 425.977 115.142 422.706C115.142 422.706 117.402 398.172 117.404 398.154C117.808 393.761 117.664 390.566 115.462 387.058L362.521 142L426.628 206.107L165.246 467.489ZM352.021 131.5L105.965 377.556C103.089 375.747 101.089 375.99 98.0446 376.36C97.371 376.441 96.647 376.529 95.8502 376.603C95.8502 376.603 71.3904 378.856 71.2997 378.863C68.052 379.162 65.1884 376.283 65.4865 373.051C65.4865 373.051 67.7452 348.528 67.7481 348.5C69.0256 334.631 56.3948 326.009 43.7399 327.174C43.7399 327.174 26.9265 328.721 26.5136 328.76L287.894 67.3727L352.021 131.5ZM436.862 195.873L298.128 57.1385L328.486 26.7796C344.903 10.3637 371.615 10.3627 388.032 26.7796L467.221 105.969C483.637 122.385 483.637 149.098 467.221 165.514L436.862 195.873Z' fill='black'/%3E%3C/svg%3E") no-repeat center;mask-size:contain;-webkit-mask:url("data:image/svg+xml,%3Csvg width='494' height='494' viewBox='0 0 494 494' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M98.0446 376.36C97.9604 376.37 97.8767 376.38 97.7908 376.39Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M398.267 16.5445L477.456 95.7334C499.515 117.793 499.515 153.687 477.455 175.747L161.318 491.884C159.943 493.26 157.974 494.037 156.053 493.999C156.025 493.999 24.8946 491.365 24.8946 491.365C12.6517 491.129 2.872 481.35 2.63561 469.1L0.00158583 337.946C-0.0167462 337.155 0.125086 336.328 0.363402 335.585C0.712676 334.497 1.30991 333.487 2.11749 332.682L177.307 157.49L318.253 16.5445C340.313 -5.51483 376.209 -5.51483 398.267 16.5445ZM17.1054 468.815C17.1913 473.262 20.7371 476.809 25.1782 476.894L66.4456 477.721L87.3325 478.139L149.611 479.393L152.644 446.475C152.917 443.198 150.128 440.372 146.831 440.666C143.827 440.935 140.825 441.23 137.822 441.526L137.793 441.528C132.485 442.05 127.172 442.572 121.856 442.953C115.884 443.381 109.852 440.969 105.815 436.544C102.071 432.439 100.216 426.91 100.727 421.374L102.988 396.823C103.286 393.596 100.409 390.717 97.1749 391.011C94.3402 391.268 91.4944 391.584 88.6438 391.901C82.8954 392.539 77.1265 393.18 71.3894 393.344C65.6621 393.508 59.9367 391.03 56.1594 386.889C52.4158 382.784 50.5604 377.255 51.0708 371.719C51.8253 363.536 52.5788 355.352 53.3324 347.168C53.6334 343.895 50.8084 341.053 47.526 341.355L28.1065 343.143L14.6055 344.386L15.8588 406.665L16.2785 427.553L17.1054 468.815ZM165.246 467.489L167.038 448.023L167.047 447.934L167.059 447.805C167.564 442.308 165.693 436.72 161.973 432.64C157.556 427.797 151.827 426.258 145.506 426.258C145.506 426.258 120.98 428.515 120.954 428.518C117.68 428.82 114.84 425.977 115.142 422.706C115.142 422.706 117.402 398.172 117.404 398.154C117.808 393.761 117.664 390.566 115.462 387.058L362.521 142L426.628 206.107L165.246 467.489ZM352.021 131.5L105.965 377.556C103.089 375.747 101.089 375.99 98.0446 376.36C97.371 376.441 96.647 376.529 95.8502 376.603C95.8502 376.603 71.3904 378.856 71.2997 378.863C68.052 379.162 65.1884 376.283 65.4865 373.051C65.4865 373.051 67.7452 348.528 67.7481 348.5C69.0256 334.631 56.3948 326.009 43.7399 327.174C43.7399 327.174 26.9265 328.721 26.5136 328.76L287.894 67.3727L352.021 131.5ZM436.862 195.873L298.128 57.1385L328.486 26.7796C344.903 10.3637 371.615 10.3627 388.032 26.7796L467.221 105.969C483.637 122.385 483.637 149.098 467.221 165.514L436.862 195.873Z' fill='black'/%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain;animation:pencilFloat 3s ease-in-out infinite;transform-origin:bottom left}.hero-title:hover .edit-icon{opacity:1;transform:translateY(-2px) scale(1.1)}@keyframes pencilFloat{0%{transform:translateY(0) rotate(0)}15%{transform:translateY(-3px) rotate(0)}30%{transform:translateY(0) rotate(0)}35%{transform:translateY(0) rotate(2deg)}40%{transform:translateY(0) rotate(-1.5deg)}45%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(0) rotate(0)}65%{transform:translateY(-3px) rotate(0)}80%{transform:translateY(0) rotate(0)}85%{transform:translateY(0) rotate(2deg)}90%{transform:translateY(0) rotate(-1.5deg)}95%{transform:translateY(0) rotate(1deg)}to{transform:translateY(0) rotate(0)}}.hero-subtitle{font-size:1.25rem;color:var(--text-muted);margin-bottom:2rem;line-height:1.6}.about{padding:4rem 0;border-top:1px solid var(--border-color);transition:border-color .3s ease}.about-grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:start}@media (min-width: 768px){.about-grid{grid-template-columns:1fr 2fr;align-items:start}}.profile-image{display:flex;justify-content:center;margin-top:4rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.profile-container{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.profile-photo{width:16rem;height:16rem;border-radius:50%;border:2px solid var(--border-color);transition:all .3s ease;object-fit:cover;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;background:linear-gradient(135deg,var(--accent-color) 0%,var(--accent-secondary) 100%);background-size:120% 120%;background-position:center}.profile-photo:hover{transform:scale(1.05);border-color:var(--accent-color);background-position:center top;box-shadow:0 8px 32px #0000004d}.profile-photo{transition:all .3s ease,transform .6s cubic-bezier(.4,0,.2,1)}.profile-photo.flipping{animation:profileFlip .6s cubic-bezier(.4,0,.2,1)}@keyframes profileFlip{0%{transform:rotateY(0) scale(1)}50%{transform:rotateY(90deg) scale(.8)}to{transform:rotateY(0) scale(1)}}@keyframes pulse{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.image-placeholder{width:16rem;height:16rem;border-radius:50%;background:linear-gradient(to bottom right,var(--accent-translucent),var(--accent-secondary-translucent));border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:1rem;transition:all .3s ease}.image-placeholder:hover{transform:scale(1.05);border-color:var(--accent-color)}.about-content{max-width:500px}.about-content h2{font-size:2.25rem;font-weight:600;margin-bottom:1.5rem;color:var(--text-primary);transition:color .3s ease}.about-content p{font-size:1.125rem;line-height:1.6;color:var(--text-secondary);margin-bottom:1.5rem;transition:color .3s ease}@media (max-width: 768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.about-content h2{font-size:2rem}.image-placeholder{width:12.5rem;height:12.5rem}}.easter-egg-link{color:inherit;text-decoration:none;cursor:default;transition:color .3s ease;position:relative;display:inline}.easter-egg-link:hover{color:var(--accent-color);cursor:pointer}.sparkle-particle{position:absolute;pointer-events:none;border-radius:50%;z-index:1000}a{color:var(--accent-color);text-decoration:none;transition:all .3s ease;position:relative;display:inline-block}a:hover{color:var(--accent-color)}a:before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background-color:var(--accent-color);transition:width .3s ease;z-index:1}a:hover:before{width:100%}@media (max-width: 480px){.hero{min-height:50vh}.hero-title{font-size:2rem}.hero-title .edit-icon{width:1.25rem;height:1.25rem;right:-2rem}.hero-title .edit-icon:before{width:1rem;height:1rem}.hero-subtitle{font-size:1rem}.about-content h2{font-size:1.75rem}.about-content p{font-size:1rem}.image-placeholder{width:9.375rem;height:9.375rem}}.tags{margin-top:2rem}.tags h3{font-size:1.25rem;font-weight:500;color:var(--text-primary);margin-bottom:1rem;transition:color .3s ease}.tags-list{display:flex;flex-wrap:wrap;gap:.75rem}.tag{padding:.5rem 1rem;background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:9999px;font-size:.875rem;font-weight:500;border:1px solid var(--border-color);transition:all .3s ease;cursor:default}.tag:hover{background-color:var(--accent-color);color:var(--text-primary);transform:translateY(-3px)}:root{--cancel-color: #c62828;--cancel-color-hover: #8e0000;--cancel-color-light: rgba(198, 40, 40, .1);--confirm-color: #2e7d32;--confirm-color-hover: #1b5e20;--confirm-color-light: rgba(46, 125, 50, .1)}.typewriter{display:inline-block}.typewriter-static{display:inline}.hero-title .typewriter-static{background:transparent;-webkit-text-fill-color:inherit;color:inherit}.typewriter-input{background:transparent!important;border:none!important;outline:none!important;color:inherit!important;font-size:inherit!important;font-family:inherit!important;font-weight:inherit!important;line-height:inherit!important;background-image:none!important;-webkit-text-fill-color:inherit!important}.typewriter-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:flex-start;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding-top:20vh}.typewriter-modal{background:#1a1a1a;border-radius:12px;padding:2rem;box-shadow:0 10px 25px #00000080;border:1px solid #333;min-width:320px;max-width:90vw;background-image:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:initial!important}.typewriter-modal *{background-image:none!important;-webkit-background-clip:initial!important;background-clip:initial!important}.typewriter-modal h3{margin:0 0 1.5rem;color:#fff!important;font-size:1.25rem;text-align:center;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:#fff!important}.typewriter-reset-btn{background:transparent!important;border:1px solid #555!important;color:#888!important;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s ease;padding:0;-webkit-text-fill-color:#888!important}.typewriter-reset-btn:hover{background:#333!important;border-color:#888!important;color:#fff!important;-webkit-text-fill-color:#fff!important;transform:rotate(180deg)}.typewriter-modal-input{width:100%;padding:.75rem;border:1px solid #333;border-radius:6px;background:#0f0f0f!important;color:#fff!important;font-size:1rem;margin-bottom:1.5rem;transition:all .2s ease;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:#fff!important}.typewriter-modal-input:focus{outline:none;border-color:#ff6b35;box-shadow:0 0 0 2px #ff6b3533}.typewriter-modal-input::placeholder{color:#666}.typewriter-modal-buttons{display:flex;justify-content:space-between;align-items:center}.typewriter-modal-buttons-right{display:flex;gap:.75rem}.typewriter-reset-notification{position:fixed;top:20px;right:20px;background:var(--confirm-color)!important;color:#fff!important;padding:.75rem 1rem;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1001;font-size:.875rem;font-weight:500;animation:slideInFromRight .3s ease-out,fadeOut .3s ease-in 1.7s forwards;pointer-events:none;background-image:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:#fff!important}.typewriter-reset-notification span{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;background-image:none!important;-webkit-background-clip:initial!important;background-clip:initial!important}.typewriter-cursor{color:var(--accent-color)!important;font-weight:300;font-size:1em;line-height:1;display:inline-block;animation:blink 1s infinite;margin-left:1px;background:transparent!important;min-width:1px;height:1em;-webkit-text-fill-color:var(--accent-color)!important;background-clip:initial!important;-webkit-background-clip:initial!important;background-image:none!important;opacity:1}.typewriter-cursor.typing{animation:blink-fast .6s infinite}.typewriter-cursor.erasing{animation:blink-faster .4s infinite}.typewriter-cursor.paused{animation:blink-slow 1.5s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes blink-fast{0%,60%{opacity:1}61%,to{opacity:0}}@keyframes blink-faster{0%,70%{opacity:1}71%,to{opacity:0}}@keyframes blink-slow{0%,60%{opacity:1}61%,to{opacity:0}}.btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease;background-clip:initial!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important;font-family:inherit;font-weight:500}.particle-container{pointer-events:none;z-index:1000}.particle{position:absolute;pointer-events:none;opacity:0}.btn:disabled{opacity:.4;cursor:not-allowed;background:var(--bg-tertiary)!important;color:var(--text-muted)!important;-webkit-text-fill-color:var(--text-muted)!important;border-color:var(--border-color)!important}.btn:disabled:hover{background:var(--bg-tertiary)!important;color:var(--text-muted)!important;-webkit-text-fill-color:var(--text-muted)!important;border-color:var(--border-color)!important}.btn-primary{background:var(--accent-color)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.btn-primary:hover{background:var(--accent-secondary)!important}.btn-confirm{background:var(--confirm-color)!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.btn-confirm:hover{background:var(--confirm-color-hover)!important}.btn-secondary{background:transparent!important;color:#888!important;border:1px solid #333;-webkit-text-fill-color:#888!important;transition:all .2s ease}.btn-secondary:hover{background:#333!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.btn-cancel{background:transparent!important;color:#888!important;border:1px solid #333;-webkit-text-fill-color:#888!important;transition:all .2s ease}.btn-cancel:hover{background:var(--cancel-color)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;border-color:var(--cancel-color-hover)}.btn-reset{background:transparent!important;border:1px solid #555!important;color:#888!important;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;transition:all .2s ease;padding:0;-webkit-text-fill-color:#888!important;position:relative;overflow:visible}.btn-reset:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background:#ff6b354d;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-reset:active:before{transform:translate(-50%,-50%) scale(2.5);opacity:1;animation:popRipple .4s ease-out forwards}@keyframes popRipple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{transform:translate(-50%,-50%) scale(2);opacity:.6}to{transform:translate(-50%,-50%) scale(2.5);opacity:0}}.btn-reset:hover{background:#333!important;border-color:#888!important;color:#fff!important;-webkit-text-fill-color:#fff!important;transform:rotate(180deg)}.btn-reset.success{background:#2e7d32!important;border-color:#4caf50!important;color:#fff!important;-webkit-text-fill-color:#fff!important;animation:resetSuccess .3s ease;opacity:1!important;cursor:default!important}.btn-reset.success:before{background:#4caf5066;transform:translate(-50%,-50%) scale(2.5);opacity:0;animation:successPop .5s ease-out forwards}@keyframes successPop{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{transform:translate(-50%,-50%) scale(2);opacity:.8}to{transform:translate(-50%,-50%) scale(3);opacity:0}}.btn-reset.success:hover{background:#2e7d32!important;border-color:#4caf50!important;color:#fff!important;-webkit-text-fill-color:#fff!important;transform:none;opacity:1!important}@keyframes resetSuccess{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.typewriter-manager-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.typewriter-manager-modal{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;max-width:500px;width:90%;max-height:80vh;overflow:hidden;box-shadow:0 20px 40px #0000004d;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.typewriter-manager-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--border-color);background:var(--bg-primary)}.typewriter-manager-header h3{margin:0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.close-button{background:none;border:none;font-size:1.5rem;color:var(--text-muted);cursor:pointer;padding:.25rem;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.close-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.typewriter-manager-content{padding:1.5rem;max-height:50vh;overflow-y:auto}.current-texts h4,.add-text-section h4{margin:0 0 1rem;color:var(--text-primary);font-size:1rem;font-weight:500}.texts-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.text-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;transition:all .2s ease}.text-item:hover{background:var(--bg-primary);border-color:var(--accent-color)}.text-content{color:var(--text-primary);font-size:.9rem;flex:1}.delete-button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;padding:.25rem;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.delete-button:hover{background:#dc3545;color:#fff}.add-text-input-container{position:relative;display:flex;align-items:center}.add-text-input{width:100%;padding:.75rem 6rem .75rem .75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:.9rem;transition:all .2s ease}.add-text-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-hover-background)}.add-text-input::placeholder{color:var(--text-muted)}.add-text-button{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);padding:.5rem .75rem!important;font-size:.8rem!important;height:auto!important;min-height:auto!important;border-radius:6px!important;transition:all .2s ease!important}.typewriter-manager-footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-top:1px solid var(--border-color);background:var(--bg-primary)}.footer-buttons-right{display:flex;gap:.75rem}.typewriter-notification{position:absolute;top:1rem;right:1rem;color:#fff;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;box-shadow:0 4px 12px #0003;animation:notificationSlideIn .3s ease-out}.typewriter-notification-success{background:var(--confirm-color)}.typewriter-notification-error{background:var(--cancel-color)}@keyframes notificationSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 480px){.typewriter-manager-modal{width:95%}.typewriter-manager-header,.typewriter-manager-content{padding:1rem}.typewriter-manager-footer{padding:1rem;flex-direction:column;gap:1rem}.footer-buttons-right{width:100%;justify-content:space-between}.add-text-input{padding-right:5.5rem}.add-text-button{right:.25rem;padding:.4rem .6rem!important;font-size:.75rem!important}}.header{position:fixed;top:0;left:0;right:0;background:var(--header-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);z-index:100;padding:1rem 0;transition:all .3s ease;height:75px;display:flex;align-items:center}.header-content{width:100%;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center}.logo-text{font-size:1.5rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:all .3s ease}.logo:hover .logo-text{transform:scale(1.05)}.nav{display:flex;gap:2rem;align-items:center}.header-buttons{display:flex;gap:.5rem;align-items:center}.nav-link{color:var(--text-secondary);text-decoration:none;font-weight:500;transition:color .3s ease;position:relative}.nav-link:hover{color:var(--accent-color);text-decoration:inherit}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--accent-gradient);transition:width .3s ease}.nav-link:hover:after{width:100%}.theme-toggle,.color-picker-button,.mute-toggle,.settings-button{background:none;border:1px solid var(--border-color);border-radius:8px;padding:.5rem;cursor:pointer;color:var(--text-secondary);transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.theme-toggle:hover,.color-picker-button:hover,.mute-toggle:hover,.settings-button:hover{background:var(--button-hover-background);border-color:var(--accent-color);color:var(--accent-color);transform:scale(1.05)}.theme-toggle:active,.color-picker-button:active,.mute-toggle:active,.settings-button:active{transform:scale(.95)}@media (max-width: 768px){.header-content{padding:0 1rem}.nav{gap:1rem}.nav-link{font-size:.9rem}}@media (max-width: 480px){.nav{gap:.75rem}.nav-link{font-size:.8rem}.logo-text{font-size:1.25rem}}.settings-popup{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;box-shadow:0 10px 25px #00000026;min-width:280px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:settingsPopupIn .2s ease-out}@keyframes settingsPopupIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.settings-section{margin-bottom:1.5rem}.settings-section:last-child{margin-bottom:0}.settings-section h3{margin:0 0 1rem;font-size:.9rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.theme-toggle-section{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem}.theme-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem;background:var(--button-background);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.8rem;font-weight:500;color:var(--text-secondary)}.theme-option:hover{border-color:var(--accent-color);background:var(--button-hover-background)}.theme-option.active{border-color:var(--accent-color);background:var(--accent-color-translucent);color:var(--accent-color)}.theme-preview{width:24px;height:16px;border-radius:4px;border:1px solid rgba(0,0,0,.1)}.light-preview{background:linear-gradient(135deg,#fff,#f8fafc)}.dark-preview{background:linear-gradient(135deg,#1e293b,#0f172a)}.system-preview{background:linear-gradient(135deg,#fff 0% 50%,#1e293b 50%,#0f172a);position:relative;border:none}.system-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 45%,rgba(255,255,255,.3) 48%,rgba(255,255,255,.3) 52%,transparent 55%);border-radius:3px}.color-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.color-swatch{width:32px;height:32px;border:2px solid var(--border-color);border-radius:6px;cursor:pointer;transition:all .2s ease;position:relative}.color-swatch:hover{transform:scale(1.1);border-color:var(--text-primary);box-shadow:0 4px 12px #00000026}.color-swatch:active{transform:scale(.95)}.color-swatch.selected{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-color-translucent)}.color-swatch.locked{opacity:.6;cursor:not-allowed;position:relative}.color-swatch.locked:hover{transform:none;border-color:var(--border-color);box-shadow:none}.color-swatch-lock{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#000000b3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.color-swatch-lock-icon{color:#fff;font-size:12px;text-shadow:0 1px 2px rgba(0,0,0,.5)}.color-swatch-indicator{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;border-radius:4px;background:#0003;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.color-swatch-checkmark{color:#fff;font-size:14px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5);animation:checkmarkPop .2s ease-out}@keyframes checkmarkPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.reset-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.reset-button:hover{background:var(--bg-tertiary);border-color:var(--text-secondary);color:var(--text-primary)}.reset-button:active{transform:scale(.98)}.reset-button:active:before{width:200%;height:200%;animation:settingsRipple .4s ease-out forwards}.reset-button.success{border-color:#4caf50;color:#fff;background:#2e7d32;animation:resetSuccess .3s ease}@keyframes settingsRipple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes settingsSuccessRipple{0%{transform:translate(-50%,-50%) scale(0);opacity:1}50%{transform:translate(-50%,-50%) scale(1);opacity:.8}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@keyframes resetSuccess{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.reset-icon{font-size:1rem;transition:transform .2s ease}.reset-button:hover .reset-icon{transform:rotate(180deg)}.reset-button.success .reset-icon{transform:none}.settings-particle-container{pointer-events:none;z-index:1000}.settings-particle{position:absolute;pointer-events:none;opacity:0}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:2rem 0;margin-top:4rem;transition:background-color .3s ease,border-color .3s ease}.footer-content{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.social-links{display:flex;gap:1.5rem;align-items:center}.footer-text{text-align:center}.footer-text p{color:var(--text-muted);font-size:.9rem;margin:0;line-height:1.5;transition:color .3s ease}@media (max-width: 768px){.footer{padding:1.5rem 0;margin-top:3rem}.footer-content{padding:0 1rem}.social-links{gap:1rem}.footer-text p{font-size:.8rem}}.social-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;color:var(--text-muted);background-color:var(--bg-secondary);border-radius:50%;transition:all .3s ease;text-decoration:none;border:1px solid var(--border-color)}.social-icon:before{content:unset!important}.social-icon:after{content:unset!important}.social-icon:hover{color:var(--text-primary);background-color:var(--accent-color);border-color:var(--accent-color);transform:translateY(-2px)}.social-icon svg{transition:transform .3s ease}.social-icon:hover svg{transform:scale(1.1)}@media (max-width: 768px){.social-icon{width:40px;height:40px}}.online-status{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;background-color:var(--bg-secondary);border-radius:20px;border:1px solid var(--border-color);transition:all .3s ease}.status-indicator{width:10px;height:10px;border-radius:50%;transition:all .3s ease}.status-indicator.online{background-color:#2e7d32;box-shadow:0 0 10px #2e7d3280;animation:pulse 2s infinite}.status-indicator.shutting-off{background-color:#faa61a;box-shadow:0 0 10px #ff6b3580;animation:fadeInOut 2s infinite}.status-indicator.offline{background-color:#c62828;box-shadow:0 0 5px #c628284d}.status-indicator.waking-up{background-color:#faa61a;box-shadow:0 0 10px #ff6b3580;animation:slowPulse 3s infinite}.status-text{color:var(--text-muted);font-size:.875rem;font-weight:500;transition:color .3s ease}.online-status:has(.status-indicator.online) .status-text{color:#2e7d32}.online-status:has(.status-indicator.shutting-off) .status-text{color:#faa61a}.online-status:has(.status-indicator.waking-up) .status-text{color:#faa61a}.online-status:has(.status-indicator.offline) .status-text{color:#c62828}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes fadeInOut{0%{opacity:1}50%{opacity:.3}to{opacity:1}}@keyframes slowPulse{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.6}}.notification{position:fixed;padding:.75rem 1rem;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1001;font-size:.875rem;font-weight:500;pointer-events:none;background-image:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:#fff!important}.notification-auto-close{animation:slideIn .3s ease-out,fadeOut .3s ease-in 1.7s forwards}.notification-persistent{animation:slideIn .3s ease-out}.notification span{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;background-image:none!important;-webkit-background-clip:initial!important;background-clip:initial!important}.notification-confirm{background:var(--confirm-color)!important;color:#fff!important}.notification-cancel{background:var(--cancel-color)!important;color:#fff!important}.notification-primary{background:var(--accent-color)!important;color:#fff!important}.notification-info{background:#2196f3!important;color:#fff!important}.notification-audio{background:var(--accent-color)!important;color:#fff!important}.notification-success{background:#4caf50!important;color:#fff!important}.notification-top-right{top:80px;right:20px}.notification-top-left{top:80px;left:20px}.notification-bottom-right{bottom:20px;right:20px}.notification-bottom-left{bottom:20px;left:20px}.notification-top-right.notification-auto-close,.notification-bottom-right.notification-auto-close{animation:slideInFromRight .3s ease-out,fadeOut .3s ease-in 1.7s forwards}.notification-top-left.notification-auto-close,.notification-bottom-left.notification-auto-close{animation:slideInFromLeft .3s ease-out,fadeOut .3s ease-in 1.7s forwards}.notification-top-right.notification-persistent,.notification-bottom-right.notification-persistent{animation:slideInFromRight .3s ease-out}.notification-top-left.notification-persistent,.notification-bottom-left.notification-persistent{animation:slideInFromLeft .3s ease-out}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.notification-clickable{pointer-events:auto;-webkit-user-select:none;user-select:none;transition:transform .2s ease,box-shadow .2s ease}.notification-clickable:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0006}.notification-clickable:active{transform:translateY(0);box-shadow:0 4px 12px #0000004d}.notification-audio-content{position:relative;padding-left:35px}.notification-audio-content:before{content:"⏵";position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:24px;line-height:24px;text-align:center;background:radial-gradient(circle,#333 30%,#666 30% 35%,#333 35% 40%,#666 40% 45%,#333 45%);border:2px solid #444;border-radius:50%;font-size:12px;color:#fff;animation:spin 2s linear infinite;box-shadow:0 0 0 1px #ffffff1a}@keyframes spin{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}a:focus{outline:2px solid var(--accent-color);outline-offset:2px;border-radius:2px}a[target=_blank]:after{content:" ↗";font-size:.8em;opacity:.7;margin-left:2px;display:inline-block;transition:transform .2s ease}a[target=_blank]:hover:after{transform:translateY(-2px) translate(2px)}