@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&family=Space+Grotesk:wght@300..700&display=swap&text=ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";:root{width:100%;max-width:100vw;color-scheme:light dark;line-height:1.5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;--heading: "Space Grotesk", sans-serif;--body: "Plus Jakarta Sans", sans-serif;--btn-font: "Plus Jakarta Sans", sans-serif;--small-h: clamp(.75rem, 1.25vw, .9rem);--small-p: clamp(.65rem, .9vw, .8rem);--primary: #541212;--secondary: #468a9a;--bg: #0f0e0e;--text: #eeeeee;--primary-rgb: 84, 18, 18;--secondary-rgb: 70, 138, 154;--bg-rgb: 15, 14, 14;--text-rgb: 238, 238, 238;--card-bg: rgba(var(--text-rgb), .1);--card-shadow: 0 0 8px rgba(var(--text-rgb), .25);--card-border: 1px solid rgba(var(--text-rgb), .25);--horizontal-spacing: clamp(20px, 8vw, 100px)}html{scroll-snap-type:y mandatory;scroll-behavior:smooth;position:relative}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--bg);color:var(--text);font-family:var(--body);font-weight:400}*{margin:0;padding:0;box-sizing:border-box;color:var(--text);-webkit-tap-highlight-color:transparent}h1,h2,h3,h4,h5,h6{font-family:var(--heading);text-decoration:none;font-weight:600}h1{font-size:clamp(2.5rem,5vw,3rem)}h2{font-size:clamp(2rem,4vw,2.5rem)}h3{font-size:clamp(1.75rem,3.5vw,2rem)}h4{font-size:clamp(1.5rem,3vw,1.75rem)}h5{font-size:clamp(1.25rem,2.5vw,1.5rem)}h6{font-size:clamp(1rem,2vw,1.25rem)}p,select,option,li,a,blockquote,label{font-size:clamp(.9rem,.9vw,1rem)}a{color:var(--primary);transition:color .2s ease;cursor:pointer}a:hover:not(.sidebar a){color:var(--secondary);font-weight:600}strong{font-weight:600}ul{padding-left:1.5rem;text-decoration:none}blockquote{text-align:start;font-size:var(--small-h);font-style:italic!important;font-family:Poppins,sans-serif;margin:1rem 0;padding:1rem;background-color:rgba(var(--text-rgb),.1);border-left:4px solid rgba(var(--secondary-rgb),.5)}.small-p{font-size:var(--small-p);font-family:var(--body);text-decoration:none;color:rgba(var(--text-rgb),.75);font-weight:600}.small-h{font-size:var(--small-h);font-family:var(--heading);text-decoration:none;font-weight:700}body::-webkit-scrollbar,body::-webkit-scrollbar-track,body::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb:hover{display:none}#root{min-width:100vw;min-height:100vh;margin:0;text-align:center}.page{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:start}.card{display:flex;flex-direction:column;align-items:start;justify-content:start;gap:.5rem;background-color:var(--card-bg);border:var(--card-border);border-radius:.5rem;padding:.5rem 1rem;text-align:start;overflow:hidden;cursor:default;transition:transform .3s ease-in-out}.cards-container,.cards-container.grid2,.cards-container.grid3,.cards-container.grid4{width:100%;height:fit-content;display:grid;grid-template-rows:repeat(2,auto);grid-template-columns:1fr;gap:1rem}.cards-container.row,.cards-container.col{display:flex;align-items:stretch;justify-content:center}.cards-container.row{flex-direction:row;flex-wrap:wrap}.cards-container.col{flex-direction:column}.hint{color:rgba(var(--text-rgb),.75);font-style:italic}@media (min-width: 768px){.cards-container.grid2{grid-template-columns:repeat(2,1fr)}.cards-container,.cards-container.grid3{grid-template-columns:repeat(3,1fr)}.cards-container.grid4{grid-template-columns:repeat(4,1fr)}}@media (hover: hover) and (pointer: fine){.card:hover{transform:translateY(-2px);box-shadow:var(--card-shadow);background-color:rgba(var(--text-rgb),.05)}}.hero{width:100%;min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem var(--horizontal-spacing);position:relative;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.hero:before{width:100%;content:"";position:absolute;inset:0;background:#000000d9;z-index:0}.hero-title,.hero .tabs{z-index:1}@media (min-width: 768px){.hero{min-height:40vh}}@media (min-width: 1024px){.hero{min-height:35vh}}.cards-container.tabs{gap:.5rem}.card.tab{cursor:pointer;padding:.25rem .5rem}.card.tab.active{background-color:rgba(var(--primary-rgb),1)}section{width:100%;min-height:20vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem var(--horizontal-spacing)}.bg-remover{width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem}.cards-container.previews>div{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.cards-container.previews>div img{width:100%}.btn,.hollow,.full{width:fit-content;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:12px 23px;background-color:var(--secondary);border-radius:360px;border:1px solid transparent;transition:all .25s ease;cursor:pointer;font-family:var(--btn-font);font-size:1em;font-weight:600!important;line-height:1;text-decoration:none}.hollow{background-color:var(--card-bg);border:var(--card-border)}.full{width:100%}.rounded-pill{border-radius:360px}.rounded-soft{border-radius:.25rem}.short{padding:6px 14px!important;line-height:1;max-height:36px}.btn button:focus,.btn button:focus-visible{outline:4px auto -webkit-focus-ring-color}.btn:hover,.hollow:hover,.full:hover{background-color:rgba(var(--secondary-rgb),.5)!important}@media (min-width: 768px){.btn,.full{padding:11px 21px}.hollow{padding:9px 19px}}@media (min-width: 1024px){.btn,.full{padding:8px 20px}.hollow{padding:8px 18px}}.app-icon{display:inline-block;vertical-align:middle;transition:transform .2s ease,fill .2s ease;width:auto;height:auto}.loading-bar{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;z-index:999}.hashtag-generator{width:100%;display:flex;flex-direction:column;gap:1rem}.hashtag-generator .tags-grid{gap:.5rem}.hashtag-generator .tag{padding:4px 8px!important}.hashtag-generator .tag.copied{background:var(--secondary);color:#fff}select,option{font-family:var(--heading);font-weight:500!important;text-decoration:none;background-color:var(--bg);color:var(--text)}.dropdown-wrapper{width:fit-content;position:relative;display:flex;align-items:center;gap:.5rem}.dropdown-label{width:100%}.dropdown{width:100%;min-width:120px;min-height:1rem;appearance:none;font-family:var(--heading);font-weight:500!important;text-decoration:none;cursor:pointer;padding:.35rem 2rem .35rem .75rem;border-radius:.25rem;background-color:var(--card-bg);color:var(--text);border:var(--card-border);transition:border-color .3s ease-in-out}.dropdown-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none}.dropdown.short{height:fit-content;min-height:0;padding:0}select::-ms-expand{display:none}.input-wrapper{width:fit-content;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.input-wrapper.full-width{width:100%}.input-wrapper label{color:var(--text)}.custom-input{padding:10px 16px;border-radius:.25rem;border:var(--card-border);background-color:var(--bg);color:var(--text);font-family:var(--heading);transition:border-color .2s ease,box-shadow .2s ease,height .2s ease;width:100%;box-sizing:border-box}.custom-input:focus{outline:none;border-color:var(--secondary)}.custom-input:disabled{opacity:.5;cursor:not-allowed}.input-container{position:relative;width:100%}.eye-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:transparent;border:none;cursor:pointer;color:var(--text);display:flex;align-items:center;justify-content:center;padding:0}.custom-input.resizable{resize:vertical;overflow:auto}.custom-input.resizable.full{resize:both}.custom-input.no-border{border:none;background-color:transparent;box-shadow:none;padding:1rem 0;font-weight:600;font-size:clamp(1rem,2vw,1.25rem);line-height:1.5;white-space:normal;word-wrap:break-word;overflow-wrap:break-word;width:100%;resize:none;overflow-y:auto;overflow-x:hidden}.mood-palette{width:100%;display:flex;flex-direction:column;gap:1rem}.mp-header{display:flex;flex-direction:column;align-items:start;justify-content:space-between;gap:1rem}.mp-controls{display:flex;align-items:center;gap:.75rem}.control-col{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.cards-container.mp-actions{justify-content:flex-start}.card.swatch{display:flex;align-items:center;flex-direction:row;padding:.5rem}.swatch .color{width:64px;height:64px;border-radius:8px;cursor:pointer}.meta{height:100%;display:flex;flex-direction:column;justify-content:space-between}.meta .hex{font-family:monospace;font-weight:600;font-size:1rem}@media (min-width: 768px){.mp-header{flex-direction:row;align-items:center}}.qr-generator{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:1rem}.qr-input-container,.qr-generated-container{flex:3;display:flex;flex-direction:column;align-items:start;gap:1rem;padding:1rem;border-radius:.5rem;border:var(--card-border)}.qr-generated-container{flex:2;align-items:center}@media (min-width: 768px){.qr-generator{flex-direction:row}}.cards-container.actions{gap:.5rem}.customize-qr{width:100%;display:flex;flex-direction:column;gap:.5rem}.customize-qr .expanded-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.customize-qr .expanded-row.logo{flex-direction:column;align-items:start}.expandable-dropdown .dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background-color:var(--card-bg);cursor:pointer}.expandable-dropdown .dropdown-content{display:flex;flex-direction:column;gap:.5rem;max-height:0;opacity:0;overflow:hidden;padding:0 1rem;transition:max-height .4s ease,opacity .2s ease,padding .4s ease}.expandable-dropdown .dropdown-content.expanded{max-height:500px;opacity:1;padding:1rem}.expandable-dropdown .rotated{transform:rotate(180deg);transition:transform .4s ease}.cards-container.generators{gap:1rem;justify-content:start}.card.generator-type{flex-direction:row;align-items:center;gap:.5rem;padding:.25rem .5rem;border-radius:0;border:none;background-color:transparent;cursor:pointer}.card.generator-type.active{background-color:var(--card-bg);border-bottom:var(--card-border)}.card.generator-type:hover{background-color:var(--card-bg);transform:translate(0);box-shadow:none}.qr-generator .generator-type-input{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;text-align:start}.qr-generator .generator-type-input em{font-weight:400}.qr-output{width:100%;height:260px;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;margin-block:4rem}.output-placeholder{color:gray;font-weight:400}.qr-output .logo-preview,.qr-output .logo-checkbox{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.qr-output .logo-preview{width:100%}.reading-time-estimator{width:100%;display:flex;flex-direction:column;gap:1rem;text-align:start}.reading-time-result{width:100%;display:flex;align-items:center;justify-content:end}.reading-time-result *:not(strong){color:rgba(var(--text-rgb),.5)}.screenshot-to-text{width:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:1rem}@media (min-width: 768px){.screenshot-to-text{flex-direction:row}}.stt-preview{flex:1;padding:1rem 0}.stt-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:0}.stt-preview img{max-height:40vh}@media (min-width: 768px){.stt-preview{padding:0}.stt-preview img{max-height:50vh}}.stt-output{flex:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem}.stt-actions{justify-content:center!important;gap:.5rem!important}@media (min-width: 768px){.stt-actions{justify-content:end!important}}