.top-module__mwSYnW__glassHeader{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffffe6;border-bottom:1px solid #00000014;justify-content:center;align-items:center;width:100%;height:70px;display:flex;position:sticky;top:0}.top-module__mwSYnW__headerInner{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1200px;padding:0 1.5rem;display:flex}.top-module__mwSYnW__logoLink{cursor:pointer;text-decoration:none}.top-module__mwSYnW__logoText{color:#1a1a1a;letter-spacing:-.05em;font-family:Inter,sans-serif;font-size:1.8rem;font-weight:900;line-height:1}.top-module__mwSYnW__accent{color:#f7931e;margin:0 2px;animation:2s infinite top-module__mwSYnW__pulse;display:inline-block}.top-module__mwSYnW__navList{gap:24px;margin:0;padding:0;list-style:none;display:flex}.top-module__mwSYnW__navLink{color:#4a4a4a;padding-bottom:5px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s,border-bottom .2s}.top-module__mwSYnW__navLink:hover{color:#f7931e;border-bottom:2px solid #f7931e}.top-module__mwSYnW__mobileMenuPanel{z-index:99;background-color:#fff;width:100%;height:calc(100vh - 70px);transition:transform .3s ease-in-out;display:none;position:fixed;top:70px;left:0;transform:translate(100%);box-shadow:0 4px 8px #0000001a}.top-module__mwSYnW__mobileMenuPanel.top-module__mwSYnW__panelOpen{display:block;transform:translate(0)}.top-module__mwSYnW__mobileNavList{margin:0;padding:20px;list-style:none}.top-module__mwSYnW__mobileNavItem{border-bottom:1px solid #eee;padding:15px 0}.top-module__mwSYnW__mobileNavLink{color:#333;font-size:1.2rem;font-weight:600;text-decoration:none;display:block}@media (max-width:768px){.top-module__mwSYnW__glassHeader{height:60px}.top-module__mwSYnW__navMenu{display:none}.top-module__mwSYnW__mobileMenuPanel{height:calc(100vh - 60px);top:60px}}@keyframes top-module__mwSYnW__pulse{0%,to{opacity:1}50%{opacity:.5}}
.footer-module__E3bmaW__footerContainer{background-color:#fafafa;border-top:1px solid #e0e0e0;margin-top:auto;padding:3rem 1.5rem 2rem}.footer-module__E3bmaW__footerInner{text-align:center;flex-direction:column;align-items:center;width:100%;margin:0 auto;display:flex}.footer-module__E3bmaW__brand{color:#4c4c4c;letter-spacing:-.03em;margin-bottom:.5rem;font-family:Inter,sans-serif;font-size:1.4rem;font-weight:800}.footer-module__E3bmaW__accent{color:#f7931e}.footer-module__E3bmaW__description{color:#7d7d7d;margin:0;font-size:.95rem;font-weight:400}.footer-module__E3bmaW__linkSection{align-items:center;gap:.8rem;margin-top:.5rem;display:flex}.footer-module__E3bmaW__link{color:#6a6a6a;cursor:pointer;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s}.footer-module__E3bmaW__link:hover{color:#f7931e;text-underline-offset:4px;text-decoration:underline}.footer-module__E3bmaW__separator{color:#cfcfcf;font-size:.8rem}.footer-module__E3bmaW__copyright{color:#a0a0a0;margin-top:1.5rem;font-family:sans-serif;font-size:.8rem}@media (max-width:768px){.footer-module__E3bmaW__footerContainer{padding:2rem 1rem}}
html,body{color:#333;background-color:#fcfcfc;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}a{color:#f7931e;text-decoration:none;transition:color .2s}a:hover{color:#e06c28}h1,h2,h3,h4,h5,h6{color:#2c2c2c;font-family:Inter,sans-serif;font-weight:700;line-height:1.3}.main-content{max-width:1280px;margin:0 auto;padding:0 20px}
.listContainerWrapper{margin-top:20px;display:block}.listItemContainer{color:inherit;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:15px 20px;text-decoration:none;transition:all .2s;display:flex}.listItemContainer:hover{background-color:#fffaf5;border-color:#f7931e;transform:translateY(-2px)}.mainInfo{flex-grow:1;min-width:50%;margin-right:20px}.itemTitle{color:#2c2c2c;margin:0 0 5px;font-size:1.25rem;font-weight:700}.itemSummary{color:#777;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;overflow:hidden}.meta{flex-direction:column;align-items:flex-end;min-width:100px;display:flex}.categoryTag{color:#f7931e;border:1px solid #f7931e;border-radius:5px;margin-bottom:5px;padding:4px 8px;font-size:.8rem;font-weight:700}.dateText{color:#777;font-size:.8rem}.studyContainer{max-width:1280px;margin:40px auto;padding:0 20px}.mainContent{flex-direction:column;gap:15px;width:100%;display:flex}.pageTitle{color:#2c2c2c;border-bottom:3px solid #f7931e;margin-bottom:30px;padding-bottom:10px;font-size:2.5rem;font-weight:900}@media (max-width:768px){.studyContainer{margin:20px auto;padding:0 15px}.pageTitle{margin-bottom:20px;font-size:2rem}.listItemContainer{flex-direction:column;align-items:flex-start;padding:12px 15px}.mainInfo{min-width:100%;margin-bottom:10px;margin-right:0}.itemSummary{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.meta{min-width:unset;flex-direction:row;justify-content:space-between;align-self:stretch;font-size:.9rem}}
.articleContainer{background-color:#fff;max-width:1024px;margin:0 auto;padding:48px 24px}.skeletonContainer{max-width:768px;margin:0 auto;padding:32px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.skeletonTitle{background-color:#e5e7eb;border-radius:4px;width:75%;height:32px;margin-bottom:16px}.skeletonMeta{background-color:#e5e7eb;border-radius:4px;width:25%;height:16px;margin-bottom:32px}.skeletonBody div{background-color:#e5e7eb;border-radius:4px;height:12px;margin-bottom:12px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.header{border-bottom:1px solid #e5e7eb;margin-bottom:32px;padding-bottom:24px}.categoryTag{text-transform:uppercase;letter-spacing:.05em;color:#fff;background-color:#f97316;border-radius:9999px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.title{color:#111827;word-break:break-word;margin-top:16px;font-size:40px;font-weight:800;line-height:1.25}.dateMeta{color:#6b7280;margin-top:12px;font-size:14px}.contentArea{color:#374151;font-size:18px;line-height:1.75}.contentArea p{margin-bottom:16px}.contentArea h2{border-top:1px solid #f3f4f6;margin-top:24px;margin-bottom:16px;padding-top:16px;font-size:24px;font-weight:700}.contentArea ul{margin-top:16px;margin-bottom:16px;padding-left:20px;list-style-type:disc}.contentArea li{margin-bottom:8px}.blockquote{color:#4b5563;border-left:4px solid #f97316;margin-top:24px;margin-bottom:24px;padding-left:16px;font-style:italic}.footer{border-top:1px solid #e5e7eb;justify-content:flex-end;margin-top:48px;padding-top:24px;display:flex}.backLink{color:#f97316;align-items:center;gap:8px;font-weight:500;text-decoration:none;transition:color .15s ease-in-out;display:flex}.backLink:hover{color:#c04506}@media (max-width:640px){.articleContainer{padding:24px 16px}.title{font-size:32px}.contentArea{font-size:16px}}
.pageButton{cursor:pointer;color:#555;background-color:#fff;border:1px solid #ddd;border-radius:10%;padding:8px 10px;font-weight:600;transition:all .2s}.pageButton:hover{color:#fff;background-color:#f7931e;border-color:#f7931e}.pageButton.active{color:#fff;pointer-events:none;background-color:#f7931e;border-color:#f7931e}
:root{--btn-primary-color:#f7931e;--btn-hover-color:#e67e00;--btn-background-color:#fff;--btn-text-color:#f7931e;--btn-shadow-color:#00000026}.blog-exit-btn{border:1px solid var(--btn-primary-color);cursor:pointer;text-align:center;background-color:var(--btn-background-color);color:var(--btn-text-color);box-shadow:0 4px 6px -1px var(--btn-shadow-color);border-radius:8px;margin:8px 0;padding:10px 15px;font-size:14px;text-decoration:none;transition:background-color .3s,transform .1s,box-shadow .3s,color .3s}.blog-primary-btn{border:1px solid var(--btn-primary-color);cursor:pointer;text-align:center;background-color:var(--btn-background-color);color:var(--btn-text-color);box-shadow:0 4px 6px -1px var(--btn-shadow-color);border-radius:8px;margin:8px auto;padding:4px 15px;font-size:14px;text-decoration:none;transition:background-color .3s,transform .1s,box-shadow .3s,color .3s}.blog-login-btn{border:1px solid var(--btn-primary-color);cursor:pointer;text-align:center;background-color:var(--btn-background-color);height:30px;color:var(--btn-text-color);box-shadow:0 4px 6px -1px var(--btn-shadow-color);border-radius:8px;align-items:center;margin:8px 0;padding:4px 15px;font-size:12px;text-decoration:none;transition:background-color .3s,transform .1s,box-shadow .3s,color .3s}.blog-primary-btn:hover{background-color:var(--btn-primary-color);color:var(--btn-text-color-hover,#fff);box-shadow:0 6px 10px -2px var(--btn-shadow-color)}.blog-primary-btn:active{box-shadow:0 2px 4px -1px var(--btn-shadow-color);transform:translateY(1px)}.blog-exit-btn:hover{background-color:var(--btn-primary-color);color:var(--btn-text-color-hover,#fff);box-shadow:0 6px 10px -2px var(--btn-shadow-color)}.blog-exit-btn:active{box-shadow:0 2px 4px -1px var(--btn-shadow-color);transform:translateY(1px)}.blog-login-btn:hover{background-color:var(--btn-primary-color);color:var(--btn-text-color-hover,#fff);box-shadow:0 6px 10px -2px var(--btn-shadow-color)}.blog-login-btn:active{box-shadow:0 2px 4px -1px var(--btn-shadow-color);transform:translateY(1px)}@media (max-width:768px){.blog-primary-btn{display:none}}
.modalDiv{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:1000;opacity:1;background-color:#0009;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .3s ease-in-out;display:flex;position:fixed;top:0;left:0}.modalContent{background-color:#fff;border-top:5px solid #f7931e;border-radius:10px;width:100%;max-width:800px;padding:30px;transition:transform .3s ease-in-out;position:relative;transform:scale(1);box-shadow:0 10px 30px #00000040}.modalHeader{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;display:flex}.modalTitle{color:#2c2c2c;font-size:1.4rem;font-weight:700}@media (max-width:600px){.modalContent{margin:20px}}
.dev-intro-section{box-sizing:border-box;background-color:#fff;border-radius:8px;max-width:1200px;margin:0 auto;padding:20px;box-shadow:0 4px 12px #0000000d}.intro-title{color:#333;margin-bottom:5px;font-size:1.8em;font-weight:700}.intro-bio{color:#555;margin-bottom:20px;font-size:1em;line-height:1.6}.tech-stack-container{flex-wrap:wrap;justify-content:flex-start;gap:10px;margin-bottom:25px;display:flex}.stack-badge{color:#fff;cursor:default;border-radius:20px;padding:6px 14px;font-size:.85em;font-weight:600;transition:background-color .3s,transform .2s}.stack-badge:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.control-btn{color:#555;cursor:pointer;background-color:#0000;border:1px solid #d0d0d0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.2em;font-weight:500;line-height:1;transition:all .2s ease-in-out;display:flex}.control-btn:hover{color:#333;background-color:#f0f0f0;border-color:#a0a0a0}.plus-btn{color:#f7931e;border-color:#f7931e}.plus-btn:hover{color:#fff;background-color:#f7931e;border-color:#fff}@media (max-width:768px){.control-btn{display:none}}