@import url(https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Doto:wght@100..900&display=swap);:root{--font-doto:"Doto";--font-monospace:monospace;--color-dark-brown:#4b352a;--color-orange:#ca7842;--color-sage:#b2cd9c;--color-cream:#f0f2bd;--bg-dark:#30231c;--bg-container:#2c1f1a;--bg-light:#f0f2bd;--bg-input:#3d2b21;--bg-input-focus:#5a4136;--border-primary:#ca7842;--border-secondary:#b2cd9c;--border-subtle:#f0f2bd40;--border-dark:#4b352a80;--text-on-dark:#f0f2bd;--text-on-light:#4b352a;--text-muted:#ca7842;--text-placeholder:#f0f2bd66;--shadow-container:0 8px 16px #0000004d;--shadow-container-hover:0 12px 24px #00000059;--shadow-button:0 4px 8px #00000040;--shadow-button-hover:0 6px 12px #0000004d;--shadow-input:inset 0 2px 4px #0003;--shadow-text:0 1px 2px #0000004d;--texture-fade-start:0%;--texture-fade-in:50%;--texture-fade-out:50%;--texture-fade-end:100%}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;font-family:var(--font-doto)}.landing-page{width:100%}.container{margin:0 auto;max-width:1200px;padding:0 20px}.hero-section{align-items:center;background:var(--bg-dark);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:60px 20px;position:relative;text-align:center}.hero-section:before{background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#b2cd9c08 0,#b2cd9c08 20px);bottom:0;left:0;mask-image:linear-gradient(180deg,#0000 0,#000 50%,#000 0,#0000);mask-image:linear-gradient(to bottom,#0000 var(--texture-fade-start),#000 var(--texture-fade-in),#000 var(--texture-fade-out),#0000 var(--texture-fade-end));-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 50%,#000 0,#0000);-webkit-mask-image:linear-gradient(to bottom,#0000 var(--texture-fade-start),#000 var(--texture-fade-in),#000 var(--texture-fade-out),#0000 var(--texture-fade-end));right:0;top:0}.hero-section:after,.hero-section:before{content:"";pointer-events:none;position:absolute;z-index:1}.hero-section:after{background:radial-gradient(circle,rgba(0,0,0,.117) 0,#0000 70%);height:700px;left:50%;top:50%;transform:translate(-50%,-50%);width:700px}.hero-content{max-width:900px;position:relative;z-index:2}.hero-title{color:var(--text-on-dark);font-size:4.5rem;font-weight:900;letter-spacing:3px;line-height:1.1;margin-bottom:24px;text-transform:uppercase}.hero-subtitle,.hero-title{text-shadow:var(--shadow-text)}.hero-subtitle{color:var(--color-sage);font-size:1.8rem;font-weight:600;letter-spacing:1px;margin-bottom:20px}.hero-description{color:var(--text-on-dark);font-size:1.2rem;font-weight:300;line-height:1.8;margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:650px}.hero-cta,.hero-description{font-family:var(--font-monospace)}.hero-cta{background-color:var(--color-orange);border:2px solid var(--border-primary);border-radius:7px;box-shadow:var(--shadow-button);color:var(--text-on-light);display:inline-block;font-size:20px;font-weight:700;letter-spacing:2px;padding:18px 48px;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.hero-cta:hover{background-color:#d88c58;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.hero-cta:active{box-shadow:var(--shadow-button);transform:translateY(0)}.hero-note{color:var(--text-on-dark);font-size:.9rem;margin-top:20px;opacity:.7}.features-section{background-color:var(--bg-input);padding:100px 20px;position:relative}.features-section:before{background-image:repeating-linear-gradient(-45deg,#0000,#0000 10px,#b2cd9c05 0,#b2cd9c05 20px);bottom:0;content:"";left:0;mask-image:linear-gradient(180deg,#0000 0,#000 50%,#000 0,#0000);mask-image:linear-gradient(to bottom,#0000 var(--texture-fade-start),#000 var(--texture-fade-in),#000 var(--texture-fade-out),#0000 var(--texture-fade-end));-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 50%,#000 0,#0000);-webkit-mask-image:linear-gradient(to bottom,#0000 var(--texture-fade-start),#000 var(--texture-fade-in),#000 var(--texture-fade-out),#0000 var(--texture-fade-end));pointer-events:none;position:absolute;right:0;top:0}.section-title{font-size:3rem;font-weight:800;letter-spacing:3px;margin-bottom:60px;position:relative;text-align:center;text-shadow:var(--shadow-text);text-transform:uppercase;z-index:1}.features-section .section-title{color:var(--text-on-dark)}.features-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:var(--bg-container);border:2px solid var(--border-subtle);border-radius:15px;box-shadow:var(--shadow-container);padding:40px 30px;position:relative;text-align:center;transition:all .3s ease;z-index:1}.feature-card:hover{border-color:var(--border-primary);box-shadow:var(--shadow-container-hover);transform:translateY(-4px)}.feature-icon{font-size:3.5rem;margin-bottom:20px}.feature-title{color:var(--color-sage);font-size:1.5rem;font-weight:700;letter-spacing:2px;margin-bottom:15px;text-transform:uppercase}.feature-description{color:var(--text-on-dark);font-family:var(--font-monospace);font-size:1rem;line-height:1.6}.how-it-works-section{background:var(--bg-dark);overflow:hidden;padding:100px 20px;position:relative}.how-it-works-section:before{background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#b2cd9c08 0,#b2cd9c08 20px);bottom:0;content:"";left:0;mask-image:linear-gradient(180deg,#0000 0,#000 50%,#000 0,#0000);mask-image:linear-gradient(to bottom,#0000 var(--texture-fade-start),#000 var(--texture-fade-in),#000 var(--texture-fade-out),#0000 var(--texture-fade-end));-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 50%,#000 0,#0000);-webkit-mask-image:linear-gradient(to bottom,#0000 var(--texture-fade-start),#000 var(--texture-fade-in),#000 var(--texture-fade-out),#0000 var(--texture-fade-end));pointer-events:none;position:absolute;right:0;top:0}.how-it-works-section .section-title{color:var(--text-on-dark);position:relative;z-index:1}.steps-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1000px}.step{background:var(--bg-container);border:2px solid var(--border-primary);border-radius:15px;box-shadow:var(--shadow-button);flex:1 1;min-width:200px;padding:30px 20px;position:relative;text-align:center;transition:all .3s ease;z-index:1}.step:hover{box-shadow:var(--shadow-container);transform:translateY(-3px)}.step-number{align-items:center;background:var(--color-orange);border:2px solid var(--border-primary);border-radius:50%;box-shadow:var(--shadow-button);color:var(--text-on-light);display:flex;font-size:2rem;font-weight:900;height:60px;justify-content:center;margin:0 auto 20px;width:60px}.step-title{color:var(--color-sage);font-size:1.4rem;font-weight:700;letter-spacing:2px;margin-bottom:12px;text-transform:uppercase}.step-description{font-family:var(--font-monospace);font-size:1rem;line-height:1.6}.step-arrow{color:var(--color-orange);font-size:2.5rem;font-weight:700}.social-proof-section{background-color:var(--bg-input);padding:80px 20px;position:relative}.social-proof-section:before{background-image:repeating-linear-gradient(-45deg,#0000,#0000 10px,#b2cd9c05 0,#b2cd9c05 20px);bottom:0;content:"";left:0;mask-image:linear-gradient(180deg,#0000 0,#000 50%,#000 0,#0000);mask-image:linear-gradient(to bottom,#0000 var(--texture-fade-start),#000 var(--texture-fade-in),#000 var(--texture-fade-out),#0000 var(--texture-fade-end));-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 50%,#000 0,#0000);-webkit-mask-image:linear-gradient(to bottom,#0000 var(--texture-fade-start),#000 var(--texture-fade-in),#000 var(--texture-fade-out),#0000 var(--texture-fade-end));pointer-events:none;position:absolute;right:0;top:0}.stats-grid{grid-gap:50px;display:grid;gap:50px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));position:relative;text-align:center;z-index:1}.stat-number{color:var(--color-orange);font-size:3.5rem;font-weight:900;letter-spacing:2px;margin-bottom:10px;text-shadow:var(--shadow-text)}.stat-label{color:var(--text-on-dark);font-size:1.1rem;font-weight:600;letter-spacing:1px;text-transform:uppercase}.final-cta-section{background:var(--bg-dark);overflow:hidden;padding:100px 20px;position:relative;text-align:center}.final-cta-section:before{background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#b2cd9c08 0,#b2cd9c08 20px);bottom:0;content:"";left:0;mask-image:linear-gradient(180deg,#0000 0,#000 50%,#000 0,#0000);mask-image:linear-gradient(to bottom,#0000 var(--texture-fade-start),#000 var(--texture-fade-in),#000 var(--texture-fade-out),#0000 var(--texture-fade-end));-webkit-mask-image:linear-gradient(180deg,#0000 0,#000 50%,#000 0,#0000);-webkit-mask-image:linear-gradient(to bottom,#0000 var(--texture-fade-start),#000 var(--texture-fade-in),#000 var(--texture-fade-out),#0000 var(--texture-fade-end));pointer-events:none;position:absolute;right:0;top:0}.final-cta-section:after{background:radial-gradient(circle,#ca784214 0,#0000 70%);content:"";height:700px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:700px}.cta-title{color:var(--text-on-dark);font-size:3rem;font-weight:800;letter-spacing:3px;margin-bottom:20px;position:relative;text-shadow:var(--shadow-text);text-transform:uppercase;z-index:1}.cta-description{color:var(--color-sage);font-size:1.3rem;letter-spacing:1px;margin-bottom:40px;position:relative;z-index:1}.cta-button{background-color:var(--color-sage);border:2px solid var(--border-secondary);border-radius:7px;box-shadow:var(--shadow-button);color:var(--text-on-light);display:inline-block;font-family:var(--font-monospace);font-size:22px;font-weight:700;letter-spacing:2px;padding:20px 60px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease;z-index:1}.cta-button:hover{background-color:#c4dab0;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.cta-button:active{box-shadow:var(--shadow-button);transform:translateY(0)}.footer{background-color:var(--bg-container);border-top:2px solid var(--border-subtle);padding:40px 20px;position:relative;text-align:center}.footer-text{color:var(--text-on-dark);font-size:.95rem;opacity:.7}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.3rem}.hero-description{font-size:1rem}.hero-cta{font-size:18px;padding:16px 36px}.section-title{font-size:2rem}.features-grid{grid-template-columns:1fr}.steps-container{flex-direction:column}.step-arrow{margin:10px 0;transform:rotate(90deg)}.cta-title{font-size:2rem}.cta-description{font-size:1.1rem}.cta-button{font-size:18px;padding:16px 40px}.stat-number{font-size:2.5rem}}@media (max-width:480px){.hero-title{font-size:2rem}.features-section,.final-cta-section,.how-it-works-section,.social-proof-section{padding:60px 20px}}.mru-login-page{align-items:center;background:var(--bg-dark);display:flex;flex-direction:column;font-family:var(--font-doto);justify-content:center;margin:0;min-height:100vh;overflow:hidden;padding:0;position:relative}.mru-login-page,.mru-login-page *{box-sizing:border-box}.mru-login-page:before{background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#b2cd9c08 0,#b2cd9c08 20px);bottom:0;left:0;right:0;top:0;z-index:1}.mru-login-page:after,.mru-login-page:before{content:"";pointer-events:none;position:absolute}.mru-login-page:after{background:radial-gradient(circle,#ca784214 0,#0000 70%);height:700px;left:50%;top:50%;transform:translate(-50%,-50%);width:700px;z-index:0}.login-container{background:var(--bg-container);border:2px solid var(--border-primary);border-radius:15px;box-shadow:var(--shadow-container);max-width:620px;padding:50px 80px;position:relative;transition:all .3s ease;width:100%;z-index:2}.login-container:hover{box-shadow:var(--shadow-container-hover);transform:translateY(-2px)}.mru-login-page h2{color:var(--text-on-dark);font-size:42px;font-weight:700;letter-spacing:3px;margin-bottom:35px;padding-bottom:15px;position:relative;text-align:start;text-shadow:var(--shadow-text);text-transform:uppercase}.form-group{margin-bottom:25px}.mru-login-page label{color:var(--text-on-dark);display:block;font-size:14px;font-weight:700;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.mru-login-page input[type=password],.mru-login-page input[type=text],.mru-login-page input[type=username]{background:var(--bg-input);border:2px solid var(--border-dark);border-radius:4px;color:var(--text-on-dark);font-family:var(--font-monospace);font-size:16px;padding:14px;transition:all .3s ease;width:90%}.mru-login-page input[type=password]:focus,.mru-login-page input[type=text]:focus,.mru-login-page input[type=username]:focus{background:var(--bg-input-focus);outline:none}.mru-login-page input[type=password]::placeholder,.mru-login-page input[type=text]::placeholder,.mru-login-page input[type=username]::placeholder{color:var(--text-placeholder);opacity:1}.mru-login-page input[type=password]:-webkit-autofill,.mru-login-page input[type=password]:-webkit-autofill:focus,.mru-login-page input[type=password]:-webkit-autofill:hover,.mru-login-page input[type=text]:-webkit-autofill,.mru-login-page input[type=text]:-webkit-autofill:focus,.mru-login-page input[type=text]:-webkit-autofill:hover,.mru-login-page input[type=username]:-webkit-autofill,.mru-login-page input[type=username]:-webkit-autofill:focus,.mru-login-page input[type=username]:-webkit-autofill:hover{-webkit-text-fill-color:var(--text-on-dark);border:2px solid var(--border-dark);box-shadow:0 0 0 1000px var(--bg-input) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.mru-login-page input[type=password]:-webkit-autofill:focus,.mru-login-page input[type=text]:-webkit-autofill:focus,.mru-login-page input[type=username]:-webkit-autofill:focus{box-shadow:0 0 0 1000px var(--bg-input-focus) inset}.button-group{flex-direction:row;gap:15px;margin-top:50px;max-width:620px}.mru-login-page>.button-group{box-sizing:border-box;flex-direction:column;margin:20px 0;padding:0 20px}.submit-btn{background:var(--color-orange);border:2px solid var(--border-primary);border-radius:7px;box-shadow:var(--shadow-button);color:var(--text-on-light);cursor:pointer;flex:1 1;font-family:var(--font-monospace);font-size:18px;font-weight:700;letter-spacing:2px;padding:14px;position:relative;text-transform:uppercase;transition:all .3s ease}.submit-btn:hover{background:#d88c58;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.submit-btn:active{transform:translateY(0)}.back-btn,.submit-btn:active{box-shadow:var(--shadow-button)}.back-btn{background:var(--color-sage);border:2px solid var(--border-secondary);border-radius:7px;color:var(--text-on-light);cursor:pointer;flex:1 1;font-family:var(--font-monospace);font-size:18px;font-weight:700;letter-spacing:2px;padding:14px;position:relative;text-transform:uppercase;transition:all .3s ease}.back-btn:hover{background:#c4dab0;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.back-btn:active{box-shadow:var(--shadow-button);transform:translateY(0)}.mru-login-page .skip-btn{align-self:center;background:#0000;border:2px solid var(--border-subtle);border-radius:7px;box-shadow:var(--shadow-button);color:var(--text-on-dark);cursor:pointer;font-family:var(--font-monospace);font-size:16px;font-weight:700;letter-spacing:2px;padding:14px;position:relative;text-transform:uppercase;transition:all .3s ease;width:72%}.mru-login-page .skip-btn:hover{background:#f0f2bd1a;border-color:var(--text-on-dark);box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.mru-login-page .skip-btn:active{box-shadow:var(--shadow-button);transform:translateY(0)}.bookmarklet-page{align-items:center;background:var(--bg-dark);display:flex;flex-direction:column;font-family:var(--font-doto);justify-content:center;margin:0;min-height:100vh;overflow:hidden;padding:40px 20px;position:relative}.bookmarklet-page,.bookmarklet-page *{box-sizing:border-box}.bookmarklet-page:before{background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#b2cd9c08 0,#b2cd9c08 20px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.bookmarklet-page:after{background:radial-gradient(circle,#ca784214 0,#0000 70%);content:"";height:700px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:700px;z-index:0}.bookmarklet-container{background:var(--bg-container);border:2px solid var(--border-primary);border-radius:15px;box-shadow:var(--shadow-container);margin:0 auto;max-width:900px;padding:40px;position:relative;transition:all .3s ease;z-index:2}.bookmarklet-container:hover{box-shadow:var(--shadow-container-hover);transform:translateY(-2px)}.bookmarklet-container h1{font-size:2.5rem;letter-spacing:3px;margin-bottom:16px;text-shadow:var(--shadow-text);text-transform:uppercase}.bookmarklet-container h1,.instructions{color:var(--text-on-dark);text-align:center}.instructions{font-size:1.2rem;font-weight:500;line-height:1.6;margin-bottom:30px;opacity:.9}.error-banner{align-items:center;animation:slideDown .3s ease-out;background:#d9534f26;border:2px solid #d9534f;border-radius:8px;display:flex;gap:12px;margin-bottom:20px;padding:16px 20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.error-icon{flex-shrink:0;font-size:1.5rem}.error-message{color:var(--text-on-dark);flex:1 1;font-family:var(--font-monospace);font-size:1rem;line-height:1.5}.show-bookmarks-bar{background:var(--bg-input);border:3px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-button);margin-bottom:30px;padding:30px;text-align:center}.show-bookmarks-bar h2{color:var(--text-on-dark);font-size:1.6rem;letter-spacing:2px;margin-bottom:16px;text-shadow:var(--shadow-text);text-transform:uppercase}.show-bookmarks-bar>p{color:var(--text-muted);font-size:1.1rem;font-weight:600;margin-bottom:20px}.shortcut-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:20px 0}.shortcut-item{background:var(--bg-input-focus);border:2px solid var(--border-subtle);border-radius:8px;box-shadow:var(--shadow-button);line-height:1.6em;padding:20px}.shortcut-item strong{color:var(--text-on-dark);display:block;font-size:1.1rem;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.shortcut-item kbd{background:var(--bg-dark);border:1px solid var(--border-primary);border-radius:4px;box-shadow:0 2px 0 var(--color-orange);color:var(--text-on-dark);font-family:var(--font-monospace);font-size:.95rem;margin:0 2px;padding:4px 8px}.shortcut-item .mac{color:var(--text-on-dark);display:block;font-size:.9rem;margin-top:8px;opacity:.7}.helper-text{color:var(--color-sage);font-size:1rem;font-weight:600;margin-top:20px;text-shadow:var(--shadow-text)}.installation-methods{margin-bottom:40px}.method-card{background:var(--bg-dark);border:2px solid var(--border-subtle);border-radius:12px;box-shadow:var(--shadow-button);margin-bottom:20px;padding:30px}.method-card.primary{background:var(--bg-dark);border-color:var(--border-primary);border-width:3px}.method-card.secondary{background:var(--bg-input);border:2px solid var(--border-secondary)}.method-card h2,.method-card h3{color:var(--text-on-dark);font-size:1.5rem;letter-spacing:2px;margin-bottom:20px;text-align:center;text-shadow:var(--shadow-text);text-transform:uppercase}.method-card h3{font-size:1.3rem}.step-content{text-align:center}.step-description{color:var(--text-on-dark);font-size:1.05rem;margin-bottom:20px;opacity:.9}a{color:var(--border-secondary);font-weight:900}.bookmarklet-link{align-items:center;background:var(--color-orange);border:2px solid var(--border-dark);border-radius:25px;box-shadow:var(--shadow-container-hover);color:var(--text-on-dark);cursor:move;display:inline-flex;font-family:var(--font-monospace);font-size:1.4rem;font-weight:700;gap:12px;letter-spacing:2px;margin:20px 0;padding:10px 20px;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.bookmarklet-link.draggable{cursor:grab}.bookmarklet-link.draggable:active{cursor:grabbing}.bookmarklet-link:hover{background:#d88c58;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.bookmarklet-link:active{box-shadow:var(--shadow-button);transform:translateY(0)}.drag-icon{color:#4b352a66;font-size:1.2rem;font-weight:700}.drag-animation{margin-top:20px}.arrow-container{display:flex;gap:20px;justify-content:center;margin-bottom:10px}.arrow{animation:bounce 1.5s infinite;color:var(--color-orange);font-size:2.5rem;font-weight:700}.arrow:nth-child(2){animation-delay:.2s}.arrow:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-10px)}}.drag-animation p{color:var(--text-muted);font-size:1.1rem;font-weight:600}.step-note{color:var(--color-sage);font-size:.95rem;font-weight:500;margin-top:16px}.troubleshooting{background:var(--bg-input);border:2px dashed var(--border-subtle);border-radius:8px;margin-top:20px;padding:20px}.troubleshooting summary{align-items:center;color:var(--text-on-dark);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:8px;letter-spacing:1px;list-style:none;text-transform:uppercase}.troubleshooting summary::-webkit-details-marker{display:none}.troubleshooting summary:before{color:var(--color-orange);content:"▶";display:inline-block;transition:transform .2s}.troubleshooting[open] summary:before{transform:rotate(90deg)}.troubleshooting summary:hover{color:var(--text-muted)}.troubleshooting .method-card{margin-bottom:0;margin-top:16px}.code-section{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:20px 0}.copy-button,.toggle-code-button{background:var(--color-orange);border:2px solid var(--border-primary);border-radius:6px;box-shadow:var(--shadow-button);color:var(--text-on-light);cursor:pointer;font-family:var(--font-monospace);font-size:1rem;font-weight:600;letter-spacing:1px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.copy-button:hover,.toggle-code-button:hover{background:#d88c58;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.copy-button.copied,.toggle-code-button{background:var(--color-sage);border-color:var(--border-secondary)}.toggle-code-button:hover{background:#c4dab0}.code-display{background:var(--bg-dark);border:2px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-input);color:var(--text-on-dark);margin:20px 0;max-width:100%;overflow-x:auto;padding:20px}.code-display code{color:var(--color-sage);font-family:var(--font-monospace);font-size:.85rem;white-space:pre-wrap;word-break:break-all}.manual-steps{color:var(--text-on-dark);font-size:1rem;line-height:1.8;margin-top:20px;padding-left:24px;text-align:left}.manual-steps li{margin-bottom:8px}.manual-steps code{background:var(--bg-dark);border-radius:3px;color:var(--color-orange);font-family:var(--font-monospace);font-size:.9rem;padding:2px 6px}.how-to-use{background:var(--bg-dark);border:3px solid var(--border-secondary);border-radius:12px;box-shadow:var(--shadow-button);margin-bottom:40px;padding:30px}.how-to-use h2{color:var(--text-on-dark);font-size:1.8rem;letter-spacing:2px;margin-bottom:20px;text-align:center;text-shadow:var(--shadow-text);text-transform:uppercase}.how-to-use ol{color:var(--text-on-dark);font-family:var(--font-monospace);font-size:1.05rem;line-height:1.8;padding-left:24px}.how-to-use li{margin-bottom:12px}.how-to-use li strong{color:var(--text-muted);font-weight:700}.compatibility-info{background:var(--bg-input);border:2px solid var(--border-subtle);border-radius:8px;padding:24px}.compatibility-info h3{color:var(--text-on-dark);font-size:1.3rem;letter-spacing:2px;margin-bottom:16px;text-align:center;text-shadow:var(--shadow-text);text-transform:uppercase}.browser-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.browser-item{background:var(--bg-input-focus);border:2px solid var(--border-secondary);border-radius:6px;box-shadow:var(--shadow-button);color:var(--color-sage);font-weight:600;letter-spacing:1px;padding:12px;text-align:center;text-transform:uppercase}@media (max-width:768px){.bookmarklet-container{padding:24px}.bookmarklet-container h1{font-size:2rem}.method-card{padding:20px}.bookmarklet-link{font-size:1.1rem;padding:12px 24px}.code-section{flex-direction:column}.copy-button,.toggle-code-button{width:100%}.browser-grid{grid-template-columns:repeat(2,1fr)}}.status-indicator{background:var(--bg-input);border:3px solid var(--border-subtle);border-radius:12px;margin:20px 0 30px;padding:20px;position:relative;text-align:center}.import-clipboard-btn,.status-indicator{box-shadow:var(--shadow-button);transition:all .3s ease}.import-clipboard-btn{background:var(--color-sage);border:2px solid var(--border-secondary);border-radius:8px;color:var(--text-on-light);cursor:pointer;font-family:var(--font-monospace);font-size:1.1rem;font-weight:700;letter-spacing:2px;margin-top:16px;padding:14px 32px;text-transform:uppercase}.import-clipboard-btn:hover{background:#c4dab0;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.import-clipboard-btn:active{box-shadow:var(--shadow-button);transform:translateY(0)}.clipboard-hint{font-size:.95rem;line-height:1.5;margin-top:12px;opacity:.7}.clipboard-hint,.clipboard-hint-secondary{color:var(--text-on-dark);font-family:var(--font-monospace)}.clipboard-hint-secondary{font-size:.85rem;font-style:italic;line-height:1.4;margin-top:8px;opacity:.5}.previously-imported-label{color:var(--text-muted);font-size:.9rem;font-weight:600;letter-spacing:1px;margin-bottom:8px;margin-top:16px;text-transform:uppercase}.status-indicator.status-listening{background:var(--bg-input);border-color:var(--border-subtle)}.status-indicator.status-processing,.status-indicator.status-received{background:#ca78421a;border-color:var(--color-orange)}.status-indicator.status-success{background:#b2cd9c1a;border-color:var(--color-sage)}.status-indicator.status-error{background:#d9534f1a;border-color:#d9534f}.status-content{align-items:center;display:flex;gap:12px;justify-content:center}.status-icon{font-size:1.8rem}.status-icon.spinner{animation:spin 1s linear infinite}.status-text{color:var(--text-on-dark);font-size:1.1rem;font-weight:600;letter-spacing:1px}.status-text-container{align-items:center;display:flex;flex-direction:column;gap:12px;width:100%}.received-courses-list{display:flex;flex-direction:column;gap:8px;margin-top:4px;max-width:600px;width:100%}.received-course-item{align-items:center;animation:slideIn .3s ease-out;background:var(--bg-dark);border:1px solid var(--border-primary);border-radius:6px;display:flex;gap:8px;padding:8px 12px;transition:all .3s ease}.received-course-item:hover{border-color:var(--color-sage);transform:translateX(4px)}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.course-bullet{flex-shrink:0;font-size:1.2rem}.course-name{color:var(--text-on-dark);flex:1 1;font-weight:600}.course-code,.course-name{font-family:var(--font-monospace)}.course-code{color:var(--text-muted);flex-shrink:0;font-size:.9rem}.import-loading{animation:pulse-border 2s ease-in-out infinite;background:var(--bg-input);border:3px solid var(--color-orange);border-radius:12px;box-shadow:var(--shadow-container);margin:30px 0;padding:40px 30px;text-align:center}.import-loading h2{font-size:1.8rem;letter-spacing:2px;margin-bottom:12px;text-shadow:var(--shadow-text);text-transform:uppercase}.import-loading h2,.loading-info{color:var(--text-on-dark);text-align:center}.loading-info{font-size:1rem;margin-top:16px;opacity:.9}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #b2cd9c4d;border-radius:50%;border-top:4px solid var(--color-sage);height:60px;margin:0 auto 20px;width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes pulse-border{0%,to{border-color:var(--color-orange);box-shadow:var(--shadow-container),0 0 0 #ca784200}50%{border-color:var(--color-sage);box-shadow:var(--shadow-container),0 0 20px #ca78424d}}.import-preview{background:var(--bg-input);border:3px solid var(--border-dark);border-radius:12px;box-shadow:var(--shadow-container);margin:30px 0;padding:30px}.import-preview h2{font-size:1.8rem;letter-spacing:2px;margin-bottom:12px;text-shadow:var(--shadow-text);text-transform:uppercase}.import-preview h2,.preview-info{color:var(--text-on-dark);text-align:center}.preview-info{margin-bottom:24px;opacity:.9}.courses-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.course-card{background:var(--bg-dark);border:2px solid var(--border-primary);border-radius:8px;box-shadow:var(--shadow-button);padding:20px;transition:all .3s ease}.course-card:hover{box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.course-card.mru-schedule-card{border:3px solid var(--border-secondary);box-shadow:var(--shadow-container)}.course-card.mru-schedule-card:hover{box-shadow:var(--shadow-container-hover)}.course-card h3{color:var(--color-sage);font-size:1.4rem;letter-spacing:2px;margin-bottom:16px;text-transform:uppercase}.course-details{display:flex;flex-direction:column;gap:8px}.detail-row{color:var(--text-on-dark);display:flex;font-size:1rem;gap:8px;line-height:1.6}.detail-row.warning,.detail-row.warning strong{color:var(--color-orange)}.detail-row strong{color:var(--text-muted);min-width:100px}.detail-row span,.detail-row strong{font-family:var(--font-monospace)}.events-container{display:flex;flex:1 1;flex-direction:row;gap:8px}.event-item{background:#ffffff0d;border-radius:4px;color:var(--text-on-dark);font-family:var(--font-monospace);font-size:.8rem;padding:4px 8px}.preview-actions{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.clear-btn,.export-btn{border:2px solid;border-radius:8px;box-shadow:var(--shadow-button);cursor:pointer;font-family:var(--font-monospace);font-size:1.1rem;font-weight:700;letter-spacing:2px;padding:16px 32px;text-transform:uppercase;transition:all .3s ease}.export-btn{background:var(--color-sage);border-color:var(--border-secondary);color:var(--text-on-light);flex:1 1;min-width:200px}.export-btn:hover{background:#c4dab0;box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.clear-btn{background:#0000;border-color:var(--border-subtle);color:var(--text-on-dark)}.clear-btn:hover{background:#f0f2bd1a;border-color:var(--text-on-dark);box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.mru_link{background-color:var(--color-sage);border-radius:5px;color:var(--text-on-light);padding:.2em .25em}.how-to-note{background:var(--bg-input-focus);border-left:4px solid var(--color-orange);border-radius:4px;color:var(--text-on-dark);font-size:1rem;margin-top:20px;padding:16px}.how-to-note strong{color:var(--color-orange)}.skip-btn{background:#0000;border:2px solid var(--border-subtle);border-radius:7px;box-shadow:var(--shadow-button);color:var(--text-on-dark);cursor:pointer;font-family:var(--font-monospace);font-size:16px;font-weight:700;letter-spacing:2px;padding:14px;position:relative;text-transform:uppercase;transition:all .3s ease;width:100%}.skip-btn:hover{background:#f0f2bd1a;border-color:var(--text-on-dark);box-shadow:var(--shadow-button-hover);transform:translateY(-2px)}.skip-btn:active{box-shadow:var(--shadow-button);transform:translateY(0)}.button-group{display:flex;flex-direction:column;margin:20px 0;max-width:900px;width:100%}.export-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#4b352af2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.export-modal{animation:slideUp .4s ease-out;background:var(--bg-dark);border:4px solid var(--color-orange);border-radius:20px;box-shadow:0 20px 60px #00000080;max-width:500px;padding:60px 50px;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.export-spinner{animation:spin 1.2s linear infinite;border:6px solid #b2cd9c33;border-radius:50%;border-right:6px solid var(--color-orange);border-top:6px solid var(--color-sage);height:80px;margin:0 auto 30px;width:80px}.export-modal h2{color:var(--text-on-dark);font-size:2rem;letter-spacing:2px;margin-bottom:16px;text-shadow:var(--shadow-text);text-transform:uppercase}.export-modal p{color:var(--text-on-dark);font-size:1.1rem;line-height:1.6;margin-bottom:12px;opacity:.9}.export-hint{color:var(--color-sage)!important;font-family:var(--font-monospace);font-size:1rem!important;font-weight:600;margin-top:20px!important}
/*# sourceMappingURL=main.e2757d35.css.map*/