@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
@font-face{font-family:Noto Sans KR;src:url(/NotoSansKR-Subset.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans KR Full;src:url(/NotoSansKR-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}html{font-size:var(--font-size-base,16px)}:root{--font-size-base:16px;--bg-color:#130f26;--bg-grad-color1:#ff9c64;--bg-grad-color2:#7454df;--card-bg-color:255, 255, 255;--card-bg-opacity:.07;--card-bg:rgba(var(--card-bg-color), var(--card-bg-opacity));--card-border-opacity:.12;--card-border:rgba(var(--card-bg-color), var(--card-border-opacity));--card-hover-border:rgba(var(--card-bg-color), .25);--text-primary:#fff;--text-secondary:#ffffffb3;--accent-color:#f97316;--accent-color-rgb:249, 115, 22;--accent-glow:#f9731633;--violet-accent:#7454df;--violet-glow:#7454df40;--primary:#7454df;--primary-hover:#8b5cf6;--primary-glow:#7454df40;--success-color:#10b981;--danger-color:#ef4444;--font-main:"Outfit", sans-serif;--transition-smooth:all .4s cubic-bezier(.16, 1, .3, 1);--btn-border-radius:44px;--card-border-radius:28px;--card-blur:blur(24px);--logo-color:#fff;--logo-icon-color:#fff;--btn-bg:#7454df;--btn-hover-bg:#8b5cf6;--btn-text:#fff;--title-color:#fff;--icon-color:#f97316;--category-color:#fff;--input-bg-color:#0003;--bg-gradient-direction:to bottom;--bg-gradient-start:0%;--bg-gradient-height:28%;--bg-image:radial-gradient(circle at 130% 40%, var(--bg-grad-color1) var(--bg-gradient-start,0%), var(--bg-grad-color2) var(--bg-gradient-height,28%), var(--bg-color) 100%)}[data-theme=light]{--bg-color:#fcfbfe;--bg-grad-color1:#ffdfcc;--bg-grad-color2:#fff;--card-bg-color:0, 0, 0;--card-bg-opacity:.03;--card-border-opacity:.08;--card-bg:rgba(var(--card-bg-color), var(--card-bg-opacity));--card-border:rgba(var(--card-bg-color), var(--card-border-opacity));--card-hover-border:rgba(var(--card-bg-color), .18);--text-primary:#130f26;--text-secondary:#130f26a6;--accent-color:#ea580c;--accent-color-rgb:234, 88, 12;--accent-glow:#ea580c1f;--violet-accent:#6345c7;--violet-glow:#6345c726;--primary:#d8cff7;--primary-hover:#7c3aed;--primary-glow:#6345c726;--logo-color:#ea580c;--logo-icon-color:#ea580c;--btn-bg:#ea580c;--btn-hover-bg:#ffdfcc;--btn-text:#fff;--title-color:#ea580c;--icon-color:#ea580c;--category-color:#130f26;--input-bg-color:#ffffffb3;--success-color:#10b981;--danger-color:#ef4444;--btn-border-radius:44px;--card-blur:blur(24px);--card-border-radius:28px;--font-size-base:16px;--bg-gradient-direction:to bottom;--bg-gradient-start:0%;--bg-gradient-height:100%;--bg-image:linear-gradient(to bottom, var(--bg-grad-color1) var(--bg-gradient-start,0%), var(--bg-grad-color2) var(--bg-gradient-height,100%))}[data-theme=star]{--bg-color:#130f26;--bg-grad-color1:#ff9c64;--bg-grad-color2:#7454df;--card-bg-color:255, 255, 255;--card-bg-opacity:.07;--card-border-opacity:.12;--card-bg:rgba(var(--card-bg-color), var(--card-bg-opacity));--card-border:rgba(var(--card-bg-color), var(--card-border-opacity));--card-hover-border:rgba(var(--card-bg-color), .25);--text-primary:#fff;--text-secondary:#ffffffb3;--accent-color:#f97316;--accent-color-rgb:249, 115, 22;--accent-glow:#f9731633;--violet-accent:#7454df;--violet-glow:#7454df40;--primary:#7454df;--primary-hover:#8b5cf6;--primary-glow:#7454df40;--logo-color:#fff;--logo-icon-color:#fff;--btn-bg:#7454df;--btn-hover-bg:#8b5cf6;--btn-text:#fff;--title-color:#fff;--icon-color:#f97316;--category-color:#fff;--input-bg-color:#0003;--success-color:#10b981;--danger-color:#ef4444;--btn-border-radius:44px;--card-blur:blur(24px);--card-border-radius:28px;--font-size-base:16px;--bg-gradient-direction:to bottom;--bg-gradient-start:0%;--bg-gradient-height:100%}.brand-text,.logo{color:var(--logo-color,var(--text-primary))!important}.brand-text span,.logo span{transition:var(--transition-smooth);color:var(--logo-color,var(--text-primary))!important}.brand-logo-container .brand-icon,.logo .brand-icon{color:var(--logo-icon-color,var(--text-primary))!important}h1.section-title{color:var(--title-color,var(--text-primary))!important}h2.section-title{color:var(--category-color,var(--text-primary))!important}.section-title svg,.tool-icon-large svg,.notice-board svg:first-child{color:var(--icon-color,var(--accent-color))!important}.qr-download-btn,.primary-btn,.preset-btn.active,.emoji-tab-btn.active,#publishThemeBtn{background:var(--btn-bg,var(--accent-color))!important;border-color:var(--btn-bg,var(--accent-color))!important;color:var(--btn-text,#fff)!important}.qr-download-btn:hover,.primary-btn:hover,.emoji-tab-btn.active:hover,#publishThemeBtn:hover{background:var(--btn-hover-bg,var(--primary-hover))!important;border-color:var(--btn-hover-bg,var(--primary-hover))!important}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);background-image:radial-gradient(circle at 130% 40%, var(--bg-grad-color1) 0%, var(--bg-grad-color2) var(--bg-gradient-height,28%), var(--bg-color) 75%);min-width:500px;color:var(--text-primary);font-family:var(--font-main);background-repeat:no-repeat;background-size:cover;background-attachment:fixed;flex-direction:column;justify-content:space-between;min-height:100vh;transition:background-color .5s;display:flex;overflow-x:auto}@media (max-width:768px){body{background-image:radial-gradient(circle at 130% 40%, var(--bg-grad-color1) 2%, var(--bg-grad-color2) var(--bg-gradient-height,38%), var(--bg-color) 75%)}}header{justify-content:space-between;align-items:center;width:100%;max-width:1000px;margin:0 auto;padding:1.5rem 2rem;display:flex}.logo{letter-spacing:-.05em;color:var(--text-primary);align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.logo span{color:var(--accent-color)}.theme-toggle{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary);border-radius:var(--btn-border-radius);cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:500;display:flex}.theme-toggle:hover{border-color:var(--card-hover-border);box-shadow:0 0 15px var(--accent-glow)}.portal-container{flex-direction:column;flex-grow:1;gap:2.5rem;width:100%;max-width:1000px;margin:0 auto;padding:1rem 2rem 3rem;display:flex}.notice-board{background:var(--card-bg);border:1px solid var(--card-border);border-radius:calc(var(--card-border-radius) * .625);-webkit-backdrop-filter:var(--card-blur);align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.notice-badge{background:var(--accent-color);color:#fff;border-radius:var(--btn-border-radius);white-space:nowrap;padding:.3rem .8rem;font-size:.75rem;font-weight:700}.notice-text{color:var(--text-primary);font-size:.9rem;font-weight:500;line-height:1.4}.tool-section{flex-direction:column;gap:1.2rem;display:flex}.section-title{color:var(--text-primary);align-items:center;gap:.6rem;font-size:1.35rem;font-weight:700;display:flex}.tools-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.tool-card{background:var(--card-bg);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--card-border);border-radius:var(--card-border-radius);color:var(--text-primary);transition:var(--transition-smooth);align-items:center;gap:1.2rem;padding:2rem;text-decoration:none;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 25px #00000026}.tool-card:hover{border-color:var(--accent-color);transform:translateY(-6px)scale(1.02);box-shadow:0 20px 45px #00000059,0 0 25px #f9731633}.tool-icon-large{border:1px solid var(--card-border);width:64px;height:64px;transition:var(--transition-smooth);background:#ffffff0a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:2.2rem;display:flex}.tool-card:hover .tool-icon-large{background:var(--violet-glow);border-color:var(--violet-accent);transform:scale(1.1)rotate(5deg)}.tool-info{flex-direction:column;flex-grow:1;gap:.3rem;display:flex}.tool-name{color:var(--text-primary);font-size:1.1rem;font-weight:700}.tool-desc{color:var(--text-secondary);font-size:.85rem;line-height:1.45}.tool-badge{border-radius:var(--btn-border-radius);padding:.2rem .6rem;font-size:.7rem;font-weight:700;position:absolute;top:14px;right:14px}.badge-popular{color:var(--danger-color);background:#ef444426;border:1px solid #ef44444d}.badge-new{color:var(--success-color);background:#10b98126;border:1px solid #10b9814d}.tool-page-container{flex-direction:column;flex-grow:1;gap:1.5rem;width:100%;max-width:1000px;margin:0 auto;padding:2rem;display:flex}.tool-page-header{justify-content:space-between;align-items:center;display:flex}.go-back-btn{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-primary);cursor:pointer;width:38px;height:38px;transition:var(--transition-smooth);border-radius:50%;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}.go-back-btn .btn-text{display:none!important}.go-back-btn svg{margin:0!important}.go-back-btn:hover{border-color:var(--accent-color);color:#fff;box-shadow:0 0 15px var(--accent-glow);transform:translateY(-2px)}.tool-page-widget{background:var(--card-bg);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--card-border);border-radius:var(--card-border-radius);flex-direction:column;min-height:480px;padding:2rem;display:flex;box-shadow:0 20px 50px #00000059}.emoji-tabs{gap:.6rem;margin-bottom:1.5rem;padding-bottom:.4rem;display:flex;overflow-x:auto}.emoji-tab-btn{color:var(--text-secondary);border-radius:var(--btn-border-radius);cursor:pointer;white-space:nowrap;transition:var(--transition-smooth);background:0 0;border:1px solid #0000;padding:.5rem 1.2rem;font-size:.9rem;font-weight:600}.emoji-tab-btn:hover{color:var(--text-primary);border-color:var(--card-border);background:#ffffff0d}.emoji-tab-btn.active{background:var(--violet-accent);color:#fff;border-color:var(--violet-accent);box-shadow:0 5px 15px var(--violet-glow)}.emoji-grid{flex-grow:1;grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:.75rem;max-height:350px;padding-right:.25rem;display:grid;overflow-y:auto}.emoji-item{aspect-ratio:1;border:1px solid var(--card-border);cursor:pointer;transition:var(--transition-smooth);-webkit-user-select:none;user-select:none;background:#ffffff08;border-radius:16px;justify-content:center;align-items:center;font-size:1.8rem;display:flex}.emoji-item:hover{border-color:var(--violet-accent);background:#ffffff1f;transform:scale(1.18);box-shadow:0 8px 20px #7454df33}.emoji-item:active{transform:scale(.9)}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.emoji-pop{animation:.3s cubic-bezier(.175,.885,.32,1.275) pop}.emoji-grid::-webkit-scrollbar{width:6px}.emoji-grid::-webkit-scrollbar-track{background:0 0}.emoji-grid::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:10px}.emoji-grid::-webkit-scrollbar-thumb:hover{background:var(--card-hover-border)}.memo-textarea{background:var(--input-bg-color);border:1px solid var(--card-border);width:100%;color:var(--text-primary);resize:none;min-height:350px;transition:var(--transition-smooth);border-radius:20px;outline:none;flex-grow:1;padding:2rem;font-family:inherit;font-size:1rem;line-height:1.6}.memo-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 15px var(--accent-glow);background:var(--input-bg-color)}.memo-status{text-align:right;color:var(--text-secondary);margin-top:.8rem;font-size:.8rem}.qr-container{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;gap:1.5rem;display:flex}.qr-input{background:var(--input-bg-color);border:1px solid var(--card-border);border-radius:var(--btn-border-radius);width:100%;max-width:500px;color:var(--text-primary);text-align:center;transition:var(--transition-smooth);outline:none;padding:.9rem 1.5rem;font-family:inherit;font-size:.95rem}.qr-input:focus{border-color:var(--accent-color);box-shadow:0 0 15px var(--accent-glow);background:var(--input-bg-color)}.qr-display{border-radius:calc(var(--card-border-radius) * .75);background:#fff;justify-content:center;align-items:center;width:170px;height:170px;padding:14px;display:flex;box-shadow:0 15px 35px #0000004d}.qr-placeholder{color:#64748b;text-align:center;font-size:.85rem}.qr-download-btn{background:var(--accent-color);border:1px solid var(--accent-color);color:#fff;border-radius:var(--btn-border-radius);cursor:pointer;transition:var(--transition-smooth);align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.9rem;font-weight:700;display:none}.qr-download-btn:hover{box-shadow:0 8px 20px var(--accent-glow);background:#ea580c;border-color:#ea580c;transform:translateY(-2px)}.toast{-webkit-backdrop-filter:var(--card-blur);color:#fff;border-radius:var(--btn-border-radius);z-index:1000;opacity:0;background:#7454dff2;padding:.8rem 2rem;font-size:.9rem;font-weight:600;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .4s;position:fixed;bottom:2.5rem;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 12px 30px #7454df59}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}footer{flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:1000px;margin:0 auto;padding:2rem;display:flex}.ad-leaderboard{background:var(--card-bg);border:1px dashed var(--card-border);width:100%;max-width:728px;height:90px;color:var(--text-secondary);border-radius:12px;justify-content:center;align-items:center;font-size:.8rem;display:flex}.copyright{color:var(--text-secondary);font-size:.8rem}@media (max-width:768px){.portal-container,.tool-page-container{gap:1.5rem;padding:2rem}.tools-grid{grid-template-columns:1fr}.notice-board{flex-direction:column;align-items:flex-start;gap:.5rem}}.theme-mixer-toggle{background:var(--accent-color);color:#fff;cursor:pointer;width:50px;height:50px;box-shadow:0 8px 25px var(--accent-glow);z-index:9999;transition:var(--transition-smooth);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.3rem;display:flex;position:fixed;bottom:2rem;right:2rem}.theme-mixer-toggle:hover{transform:rotate(45deg)scale(1.1)}.theme-mixer-panel{z-index:9999;flex-direction:column;gap:1.2rem;width:680px;max-width:calc(100vw - 4rem);max-height:85vh;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideUp;display:none;position:fixed;bottom:5.5rem;right:2rem;overflow-y:auto;background:#fff!important;border:2px solid #cbd5e1!important;border-radius:24px!important;box-shadow:0 25px 50px -12px #00000040,0 0 15px #00000014!important}.theme-mixer-panel input[type=range]{appearance:none;cursor:pointer;background:#e2e8f0;border-radius:3px;outline:none;width:100%;height:6px;transition:background .1s}.theme-mixer-panel input[type=range]::-webkit-slider-runnable-track{border-radius:3px;height:6px;background:0 0!important}.theme-mixer-panel input[type=range]::-webkit-slider-thumb{appearance:none;background-color:var(--accent-color);border:1px solid #cbd5e1;border-radius:50%;width:16px;height:16px;margin-top:-5px;box-shadow:0 1px 3px #00000026}.theme-mixer-panel input[type=range]::-moz-range-track{border-radius:3px;height:6px;background:0 0!important}.theme-mixer-panel input[type=range]::-moz-range-thumb{background-color:var(--accent-color);border:1px solid #cbd5e1;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 3px #00000026}.mixer-grid-container{grid-template-columns:repeat(2,1fr);gap:.8rem 1.5rem;display:grid}@media (max-width:640px){.mixer-grid-container{grid-template-columns:1fr;gap:.8rem 0}}.theme-mixer-panel::-webkit-scrollbar{width:6px}.theme-mixer-panel::-webkit-scrollbar-track{background:0 0}.theme-mixer-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.theme-mixer-panel::-webkit-scrollbar-thumb:hover{background:#94a3b8}.theme-mixer-panel.active{display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mixer-header{justify-content:space-between;align-items:center;margin-bottom:.2rem;padding-bottom:.6rem;font-size:1.05rem;font-weight:600;display:flex;color:#0f172a!important;border-bottom:1px solid #cbd5e1!important}.mixer-close{cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;font-size:1.3rem;color:#64748b!important}.mixer-close:hover{color:#0f172a!important}.mixer-row{flex-direction:column;gap:.5rem;display:flex}.mixer-label{font-size:.8rem;font-weight:500;color:#334155!important}.color-presets{flex-wrap:wrap;gap:.5rem;display:flex}.color-dot{cursor:pointer;width:24px;height:24px;transition:var(--transition-smooth);border:2px solid #0000;border-radius:50%}.color-dot:hover{transform:scale(1.15)}.color-dot.active{border-color:#fff;box-shadow:0 0 10px #ffffff80}.custom-color-picker{align-items:center;gap:.8rem;margin-top:.2rem;display:flex}.color-input-wrapper{border-radius:8px;width:34px;height:34px;position:relative;overflow:hidden;border:1px solid #cbd5e1!important}.color-picker-input{cursor:pointer;background:0 0;border:none;width:44px;height:44px;position:absolute;top:-5px;left:-5px}.color-value-text{font-family:monospace;font-size:.8rem;color:#64748b!important}.reset-theme-btn{cursor:pointer;transition:var(--transition-smooth);background:0 0;border-radius:8px;width:100%;padding:2rem;font-size:.8rem;font-weight:600;color:#334155!important;border:1px solid #cbd5e1!important}.reset-theme-btn:hover{border-color:var(--danger-color)!important;color:var(--danger-color)!important;background:#ef44440d!important}.search-section{width:100%;max-width:1000px;margin:0 auto}.search-wrapper{width:100%;max-width:600px;margin:0 auto;position:relative}.search-input-container{-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--card-border);border-radius:var(--btn-border-radius);transition:var(--transition-smooth);background:#ffffff14;align-items:center;gap:.9rem;padding:.6rem 1.6rem;display:flex}.search-input-container:focus-within{border-color:var(--accent-color);background:#ffffff1f;box-shadow:0 0 20px #f9731640}.search-icon{color:var(--text-secondary);align-items:center;font-size:1.15rem;display:flex}#toolFilterInput{color:var(--text-primary);font-family:var(--font-main);background:0 0;border:none;outline:none;flex-grow:1;padding:.6rem 0;font-size:1rem}#toolFilterInput::placeholder{color:var(--text-secondary);opacity:.7}.tool-section{transition:var(--transition-smooth)}.tool-card{transition:opacity .3s ease, transform .3s ease, var(--transition-smooth)}.login-modal{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0b0f19b3;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}[data-theme=light] .login-modal{background:#f8fafcb3}.login-modal-content{border:1px solid var(--card-border);border-radius:var(--card-border-radius);background:#0f172af2;width:90%;max-width:500px;padding:2rem;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideUp;box-shadow:0 20px 40px #00000080}[data-theme=light] .login-modal-content{background:#fffffff2;box-shadow:0 20px 40px #00000026}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-modal-header{color:var(--text-primary);border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.8rem;font-size:1.1rem;font-weight:700;display:flex}.login-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;font-size:1.5rem}.login-modal-close:hover{color:var(--text-primary)}.login-modal-desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.8rem;line-height:1.5}.social-login-buttons{flex-direction:column;gap:.8rem;display:flex}.social-btn{border-radius:var(--btn-border-radius);width:100%;font-family:var(--font-main);cursor:pointer;transition:var(--transition-smooth);border:none;outline:none;justify-content:center;align-items:center;gap:.8rem;padding:2rem;font-size:.9rem;font-weight:600;display:flex}.btn-kakao{color:#191919;background:#fee500}.btn-kakao:hover{background:#fada0a}.btn-mock{border:1px dashed var(--card-border);color:var(--text-primary);background:#ffffff0d}.btn-mock:hover{border-color:var(--accent-color);background:#ffffff1a}.social-icon{font-size:1.2rem}.logo-link{transition:var(--transition-smooth);opacity:.7;text-decoration:none}.logo-link:hover{opacity:1}.brand-logo-container{align-items:center;gap:6px;margin:0;padding:0;display:flex}.brand-icon{width:28px;height:28px;color:var(--text-primary);transition:var(--transition-smooth)}.brand-text{color:var(--text-primary);transition:var(--transition-smooth);font-size:24px;font-weight:800;font-family:var(--font-display), sans-serif;letter-spacing:-.5px}.logo-link:hover .brand-text,.logo-link:hover .brand-text span,.logo-link:hover .logo,.logo-link:hover .logo span,.logo-link:hover .brand-icon{color:var(--accent-color)!important}.tool-recommend-area{background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:var(--card-blur);border-radius:16px;flex-direction:column;gap:.5rem;margin-top:.6rem;padding:.8rem 1.2rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideDown;display:flex}.recommend-title{color:var(--accent-color);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:700}.recommend-list{flex-wrap:wrap;gap:.5rem;display:flex}.recommend-item{border:1px solid var(--card-border);color:var(--text-primary);transition:var(--transition-smooth);background:#ffffff08;border-radius:10px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-size:.8rem;font-weight:500;text-decoration:none;display:inline-flex}.recommend-item:hover{background:var(--accent-glow);border-color:var(--accent-color);transform:translateY(-2px)}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.calc-input,.stock-input,.tool-input{background:var(--input-bg-color)!important;border:1px solid var(--card-border)!important;color:var(--text-primary)!important;transition:var(--transition-smooth)!important;border-radius:8px!important;outline:none!important;padding:.55rem .8rem!important;font-family:inherit!important;font-size:.95rem!important}.calc-input:focus,.stock-input:focus,.tool-input:focus{border-color:var(--accent-color)!important;box-shadow:0 0 10px var(--accent-glow)!important;background:var(--input-bg-color)!important}.lang-select,.preset-select,.custom-select,select.form-select{appearance:none;background-color:var(--input-bg-color)!important;border:1px solid var(--card-border)!important;color:var(--text-primary)!important;cursor:pointer!important;transition:var(--transition-smooth)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(255,255,255,0.6)' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'%3E%3C/path%3E%3C/svg%3E")!important;background-position:right .75rem center!important;background-repeat:no-repeat!important;background-size:1rem!important;border-radius:8px!important;outline:none!important;padding:.5rem 2.2rem .5rem 1rem!important;font-family:inherit!important;font-size:.88rem!important}.lang-select:focus,.preset-select:focus,.custom-select:focus,select.form-select:focus{border-color:var(--accent-color)!important;box-shadow:0 0 10px var(--accent-glow)!important;background-color:var(--input-bg-color)!important}[data-theme=light] .lang-select,[data-theme=light] .preset-select,[data-theme=light] .custom-select,[data-theme=light] select.form-select{background-color:var(--input-bg-color)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='rgba(19,15,38,0.6)' stroke-width='2.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19.5 8.25l-7.5 7.5-7.5-7.5'%3E%3C/path%3E%3C/svg%3E")!important}[data-theme=light] .lang-select option,[data-theme=light] .preset-select option,[data-theme=light] .custom-select option,[data-theme=light] select.form-select option{color:#130f26!important;background-color:#fcfbfe!important}.lang-select option,.preset-select option,.custom-select option,select.form-select option{color:#fff!important;background-color:#130f26!important}.btn,.reset-btn,.btn-secondary,.action-btn-secondary{border:1px solid var(--card-border)!important;color:var(--text-primary)!important;border-radius:var(--btn-border-radius,44px)!important;cursor:pointer!important;transition:var(--transition-smooth)!important;font-size:.88rem!important;font-weight:600!important;font-family:var(--font-main)!important;background:#ffffff0d!important;outline:none!important;justify-content:center!important;align-items:center!important;gap:.4rem!important;padding:.6rem 1.3rem!important;display:inline-flex!important}.btn:hover,.reset-btn:hover,.btn-secondary:hover,.action-btn-secondary:hover{border-color:var(--accent-color)!important;background:var(--accent-glow)!important;box-shadow:0 0 10px var(--accent-glow)!important}[data-theme=light] .btn,[data-theme=light] .reset-btn,[data-theme=light] .btn-secondary,[data-theme=light] .action-btn-secondary{background:#0000000a!important}.btn-primary,.primary-btn{background:var(--btn-bg,var(--accent-color))!important;border:1px solid var(--btn-bg,var(--accent-color))!important;color:var(--btn-text,#fff)!important;border-radius:var(--btn-border-radius,44px)!important;cursor:pointer!important;transition:var(--transition-smooth)!important;font-size:.88rem!important;font-weight:600!important;font-family:var(--font-main)!important;outline:none!important;justify-content:center!important;align-items:center!important;gap:.4rem!important;padding:.6rem 1.3rem!important;display:inline-flex!important}.btn-primary:hover,.primary-btn:hover{background:var(--btn-hover-bg,var(--primary-hover))!important;border-color:var(--btn-hover-bg,var(--primary-hover))!important;box-shadow:0 0 15px var(--accent-glow)!important}.tool-description-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-border-radius,28px);-webkit-backdrop-filter:var(--card-blur);transition:var(--transition-smooth);margin-top:2rem;padding:2rem}.tool-description-card:hover{border-color:var(--card-hover-border)}.tool-description-card .description-title{color:var(--accent-color);align-items:center;gap:.5rem;margin-bottom:1.2rem;font-size:1.25rem;font-weight:700;display:flex}.tool-description-card .desc-title-icon{width:20px;height:20px;color:var(--accent-color)}.tool-description-card .description-summary{color:var(--text-primary);opacity:.95;margin-bottom:1.5rem;font-size:.9rem;line-height:1.6}.tool-description-card .desc-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (max-width:768px){.tool-description-card .desc-grid{grid-template-columns:1fr;gap:1rem}}.tool-description-card .desc-item{background:#0000001a;border:1px solid #ffffff05;border-radius:16px;padding:1.25rem}[data-theme=light] .tool-description-card .desc-item{background:#00000005}.tool-description-card .desc-item h3{color:var(--text-primary);border-bottom:1px dashed var(--card-border);margin-bottom:.8rem;padding-bottom:.4rem;font-size:.95rem;font-weight:700}.tool-description-card .desc-item ul,.tool-description-card .desc-item ol{flex-direction:column;gap:.4rem;padding-left:1.2rem;display:flex}.tool-description-card .desc-item li{color:var(--text-secondary);font-size:.85rem;line-height:1.5}.tool-description-card .desc-item h3{align-items:center!important;gap:6px!important;display:flex!important}.desc-item-icon{width:16px!important;height:16px!important;color:var(--accent-color)!important;flex-shrink:0!important}@media (max-width:576px){.tool-page-header{gap:.5rem!important}.tool-page-header .section-title{text-overflow:ellipsis!important;white-space:nowrap!important;flex:1!important;min-width:0!important;font-size:1.35rem!important;display:inline-block!important;overflow:hidden!important}.tool-page-header .section-title svg{vertical-align:middle!important;width:22px!important;height:22px!important;margin-right:4px!important}.go-back-btn .btn-text{display:none!important}.go-back-btn{border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;padding:0!important;display:inline-flex!important}.go-back-btn svg{margin-right:0!important}#free153-scroll-comments-btn{border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:32px!important;height:32px!important;padding:0!important;display:inline-flex!important}#free153-scroll-comments-btn svg{margin-right:0!important}}.glow-bg{z-index:-1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.glow-orb{filter:blur(140px);opacity:.12;mix-blend-mode:screen;border-radius:50%;animation:25s ease-in-out infinite alternate orb-bounce;position:absolute}.orb-1{background:var(--bg-grad-color1);width:45vw;height:45vw;animation-duration:22s;top:-10vw;right:-5vw}.orb-2{background:var(--bg-grad-color2);width:40vw;height:40vw;animation-duration:30s;bottom:-10vw;left:-5vw}.orb-3{background:var(--accent-color);width:35vw;height:35vw;animation-duration:25s;top:35%;left:25%}@keyframes orb-bounce{0%{transform:translate(0)scale(1)}50%{transform:translate(60px,90px)scale(1.1)}to{transform:translate(-40px,-60px)scale(.9)}}.switch{width:44px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background-color:#cbd5e1;border-radius:24px;transition:all .3s;position:absolute;inset:0}.switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000026}input:checked+.switch-slider{background-color:var(--accent-color)!important}input:checked+.switch-slider:before{transform:translate(20px)}.favorite-toggle-btn{cursor:pointer;color:var(--text-secondary);z-index:10;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.favorite-toggle-btn:hover{color:#f97316;background:#f973161a;transform:scale(1.15)}.favorite-toggle-btn.favorited{color:#f97316}.favorite-toggle-btn.favorited svg{fill:currentColor}.category-filter-section{flex-direction:column;gap:1.5rem;margin:2.5rem 0;display:flex}.filter-group{flex-direction:column;gap:.75rem;display:flex}.filter-group-title{color:var(--text-secondary);opacity:.8;align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:flex}.filter-group-title svg{width:14px;height:14px;color:var(--accent-color)}.personal-buttons-row{flex-wrap:wrap;gap:.75rem;display:flex}.personal-buttons-row .category-btn{flex:none;min-width:130px}@media (max-width:576px){.personal-buttons-row{grid-template-columns:1fr 1fr;width:100%;display:grid}.personal-buttons-row .category-btn{min-width:0}}.category-buttons-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.75rem;display:grid}.category-btn{background:var(--card-bg);-webkit-backdrop-filter:var(--card-blur);border:1px solid var(--card-border);color:var(--text-secondary);cursor:pointer;transition:var(--transition-smooth);text-align:center;border-radius:12px;padding:.8rem 1rem;font-size:.85rem;font-weight:600;box-shadow:0 4px 10px #0000001a}.category-btn:hover{border-color:var(--accent-color);color:var(--text-primary);transform:translateY(-2px)}.category-btn.active{background:var(--btn-bg);border-color:var(--btn-bg);color:var(--btn-text);box-shadow:0 8px 20px var(--accent-glow)}.ad-placeholder-banner{border:1px dashed var(--card-border);border-radius:var(--card-border-radius);text-align:center;background:linear-gradient(135deg,#ffffff05 0%,#ffffff0a 100%);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;margin:2.5rem 0;padding:2.5rem 1rem;display:flex;position:relative;overflow:hidden}.ad-placeholder-banner .ad-badge{color:var(--accent-color);border:1px solid var(--accent-color);letter-spacing:.05em;opacity:.7;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700}.ad-placeholder-banner .ad-text{color:var(--text-secondary);font-size:.85rem;font-weight:500}.top-header{-webkit-backdrop-filter:blur(16px)!important;border-bottom:1px solid var(--card-border)!important;z-index:100!important;background:0 0!important;justify-content:space-between!important;align-items:center!important;width:100%!important;min-width:500px!important;max-width:none!important;height:auto!important;padding:1rem 1.5rem!important;transition:transform .3s ease-in-out!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important;transform:none!important}[data-theme=light] .top-header{background:0 0!important;border-bottom:1px solid #00000014!important}.top-header.header-hidden{transform:translateY(-100%)!important}.custom-footer{box-sizing:border-box;background:0 0!important;border-top:none!important;width:100%!important;min-width:500px!important;max-width:none!important;margin:0!important;padding:2rem 0!important}.footer-container{border-top:1px solid var(--card-border)!important;box-sizing:border-box!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:1rem!important;width:100%!important;max-width:none!important;margin:0 auto!important;padding:2rem 1.5rem!important;display:flex!important}.footer-left{justify-content:flex-start!important;align-items:center!important;display:flex!important}.footer-right{flex-direction:column!important;align-items:flex-end!important;gap:.5rem!important;display:flex!important}.footer-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem;width:100%;display:flex}.footer-link{color:var(--text-secondary);font-size:.85rem;font-weight:500;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--accent-color)}.footer-separator{color:var(--card-border);font-size:.85rem}.custom-footer .copyright{color:var(--text-secondary);text-align:right;width:100%;font-size:.8rem}.custom-footer .brand-icon{width:28px!important;height:28px!important}.custom-footer .brand-text{font-size:24px!important;font-weight:800!important}.custom-footer .logo-link{opacity:.7;text-decoration:none;transition:opacity .2s}.custom-footer .logo-link:hover{opacity:1}@media (max-width:768px){.footer-container{text-align:center!important;flex-direction:column!important;gap:1.5rem!important}.footer-right{align-items:center!important}.footer-links{justify-content:center!important}.custom-footer .copyright{text-align:center!important}}.admin-exit-bar{color:#fff!important;text-align:center!important;z-index:2000!important;box-sizing:border-box!important;background:#22c55e!important;justify-content:center!important;align-items:center!important;gap:10px!important;height:30px!important;padding:6px 12px!important;font-size:.8rem!important;font-weight:700!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important;box-shadow:0 2px 10px #0000004d!important}.admin-exit-bar button{color:#fff!important;cursor:pointer!important;background:#0000004d!important;border:none!important;border-radius:4px!important;padding:2px 8px!important;font-size:.75rem!important;font-weight:700!important;transition:background .2s!important}.admin-exit-bar button:hover{background:#00000080!important}body.admin-mode-active .top-header{top:30px!important}body.admin-mode-active{margin-top:30px!important}.status-toast{background:var(--accent-color);color:#fff;box-shadow:0 10px 25px var(--accent-glow);z-index:99999;opacity:0;pointer-events:none;border-radius:50px;padding:.8rem 1.6rem;font-size:.9rem;font-weight:600;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(100px)}.status-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.portal-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:10000;opacity:0;pointer-events:none;background:#0009;justify-content:center;align-items:center;transition:opacity .3s;display:none;position:fixed;inset:0}.portal-modal-overlay.active{opacity:1;pointer-events:auto;display:flex}.portal-modal{border:1px solid var(--card-border);border-radius:20px;width:90%;max-width:400px;padding:2rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative;transform:translateY(20px)scale(.95);box-shadow:0 20px 40px #0000004d;color:#1e293b!important;background:#fff!important}.portal-modal-overlay.active .portal-modal{transform:translateY(0)scale(1)}.portal-modal h3{color:inherit;border-bottom:1px solid #e2e8f0;margin-top:0;padding-bottom:12px}.portal-modal p{color:#475569;font-size:.9rem;line-height:1.5}.portal-modal-close{cursor:pointer;color:#94a3b8;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.2rem;transition:background .2s;display:flex;position:absolute;top:1rem;right:1rem}.portal-modal-close:hover{color:var(--danger-color);background:#f1f5f9}body.in-iframe{background:0 0!important;height:auto!important;min-height:auto!important}body.in-iframe .top-header{display:none!important}body.in-iframe .portal-container{width:95%!important;max-width:1000px!important;padding-top:1.5rem!important;padding-bottom:2rem!important}body.in-iframe #topAdBanner{margin-top:0!important}.preset-btn{border:1px solid var(--card-border,#ffffff1f)!important;color:var(--text-primary,#fff)!important;border-radius:var(--btn-border-radius,44px)!important;cursor:pointer!important;height:34px!important;transition:var(--transition-smooth,all .4s)!important;font-size:.78rem!important;font-weight:600!important;font-family:var(--font-main)!important;white-space:nowrap!important;background:#ffffff0a!important;outline:none!important;justify-content:center!important;align-items:center!important;gap:4px!important;padding:0 1rem!important;display:inline-flex!important}[data-theme=light] .preset-btn{border-color:var(--card-border,#00000014)!important;color:var(--text-primary,#130f26)!important;background:#00000008!important}.preset-btn:hover{border-color:var(--accent-color)!important;background:var(--accent-glow,#f9731633)!important;color:var(--text-primary)!important}.preset-btn.active{background:var(--btn-bg,var(--accent-color))!important;border-color:var(--btn-bg,var(--accent-color))!important;color:var(--btn-text,#fff)!important}[data-theme=star] body:before,[data-theme=star] body:after{content:"";pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0}[data-theme=star] body:before{opacity:.35;background-image:radial-gradient(1.5px 1.5px at 15% 20%,#fff 100%,#0000),radial-gradient(2px 2px at 45% 40%,#fff 100%,#0000),radial-gradient(1px 1px at 75% 15%,#fff 100%,#0000),radial-gradient(2.5px 2.5px at 85% 65%,#fff 100%,#0000),radial-gradient(1.5px 1.5px at 30% 80%,#fff 100%,#0000),radial-gradient(2px 2px at 60% 90%,#fff 100%,#0000);background-size:400px 400px;-webkit-mask-image:linear-gradient(#000 0%,#0000 33%);mask-image:linear-gradient(#000 0%,#0000 33%)}[data-theme=star] body:after{opacity:.25;background-image:radial-gradient(1px 1px at 10%,#fff 100%,#0000),radial-gradient(1.5px 1.5px at 35% 15%,#fff 100%,#0000),radial-gradient(2px 2px at 55% 75%,#fff 100%,#0000),radial-gradient(1px 1px at 80% 45%,#fff 100%,#0000),radial-gradient(2.5px 2.5px at 95% 85%,#fff 100%,#0000),radial-gradient(1.5px 1.5px at 20% 60%,#fff 100%,#0000);background-size:300px 300px;-webkit-mask-image:linear-gradient(#000 0%,#0000 33%);mask-image:linear-gradient(#000 0%,#0000 33%)}@keyframes starTwinkleSlow{0%,to{opacity:.25;transform:scale(1)}50%{opacity:.65;transform:scale(1.02)}}@keyframes starTwinkleFast{0%,to{opacity:.5;transform:scale(1.03)}50%{opacity:.15;transform:scale(1)}}