:root{--apple-white:#fff;--apple-light-gray:#f5f5f7;--apple-gray:#86868b;--apple-dark-gray:#444;--apple-black:#1d1d1f;--apple-blue:#0071e3;--apple-blue-light:#409cff;--apple-blue-dark:#0056b3;--apple-green:#34c759;--apple-red:#ff3b30;--apple-yellow:#fc0;--apple-gray-200:#e5e5e5;--apple-gray-100:#f2f2f7;--brand-primary:#0071e3;--brand-secondary:#5ac8fa;--brand-accent:#ff9500;--brand-success:#30d158;--brand-warning:#ff9f0a;--brand-error:#ff453a;--gradient-primary:linear-gradient(135deg,#0071e3,#5ac8fa);--gradient-secondary:linear-gradient(135deg,#ff9500,#fc0);--gradient-hero:linear-gradient(135deg,#f5f5f7,#fff);--apple-shadow-xs:0 1px 2px #0000000d;--apple-shadow-sm:0 1px 3px #0000001a,0 1px 2px #0000000f;--apple-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--apple-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--apple-shadow-inset:inset 0 1px 2px #0000000d;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--transition-fast:0.2s;--transition-medium:0.3s}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f7;background-color:var(--apple-light-gray);color:#1d1d1f;color:var(--apple-black);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;line-height:1.5}.app-container{display:flex;flex-direction:column;min-height:100vh}.header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#f5f5f7,#fff);background:var(--gradient-hero);border-bottom:1px solid #0000000d;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--apple-shadow-sm);display:flex;justify-content:space-between;padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl);position:sticky;top:0;z-index:100}.header-right{gap:24px;gap:var(--spacing-lg)}.features-button{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#0071e3;color:var(--apple-blue);cursor:pointer;font-size:16px;font-weight:500;padding:4px 16px;padding:var(--spacing-xs) var(--spacing-md);transition:background-color .3s ease}.features-button:hover{background-color:#0066cc0d}.bmc-button{display:block;transition:transform .3s ease}.bmc-button:hover{transform:translateY(-2px)}@media (max-width:1024px){.bmc-button img{height:40px!important;width:145px!important}}@media (max-width:768px){.header-right{gap:16px;gap:var(--spacing-md)}.bmc-button img{height:30px!important;width:109px!important}}.language-switcher{position:relative}.language-switcher button{align-items:center;background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#0071e3;color:var(--apple-blue);cursor:pointer;display:flex;font-size:16px;gap:4px;gap:var(--spacing-xs);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);transition:background-color .3s ease}.language-switcher button:hover{background-color:#0066cc0d}.language-dropdown{background-color:#fff;background-color:var(--apple-white);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--apple-shadow-md);left:0;margin-top:4px;margin-top:var(--spacing-xs);overflow:hidden;position:absolute;top:100%;z-index:10}.language-option{cursor:pointer;min-width:150px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease}.language-option:hover{background-color:#f5f5f7;background-color:var(--apple-light-gray)}.active-language{color:#0071e3;color:var(--apple-blue);font-weight:500}.main-title{align-items:center;color:#1d1d1f;color:var(--apple-black);display:flex;font-size:24px;font-weight:600;gap:4px;gap:var(--spacing-xs)}.title-link{transition:transform .2s ease}.title-link:hover{transform:translateY(-1px)}.logo-icon{border-radius:10px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--apple-shadow-sm);transition:transform .2s ease}.logo-icon:hover{transform:scale(1.05)}.nav-button{border-radius:12px;border-radius:var(--radius-lg);color:#0071e3;overflow:hidden;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all .3s ease}.nav-button:before{background:linear-gradient(135deg,#0071e3,#5ac8fa);background:var(--gradient-primary);content:"";height:100%;left:-100%;opacity:.1;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.nav-button:hover:before{left:0}.nav-button:hover{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;box-shadow:var(--apple-shadow-sm);color:#0056b3;color:var(--apple-blue-dark);transform:translateY(-1px)}.nav-button.active{background:#0071e3;background:var(--apple-blue);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--apple-shadow-md)}.editor-container{background:linear-gradient(180deg,#0000,#0071e305);margin:0 auto;max-width:1200px;padding:24px;padding:var(--spacing-lg);width:100%}.editor-container,.notepad{display:flex;flex:1 1;flex-direction:column}.notepad{background-color:#fff;background-color:var(--apple-white);border:1px solid #0000000a;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,inset 0 1px 0 #fffc;box-shadow:var(--apple-shadow-lg),inset 0 1px 0 #fffc;overflow:hidden;transition:box-shadow .3s ease}.notepad:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 1px 0 #fffc}.toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f5f5f7,#fff);background:var(--gradient-hero);border-bottom:1px solid #0000000d;justify-content:space-between;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.toolbar,.toolbar-group{align-items:center;display:flex}.toolbar-group{gap:8px;gap:var(--spacing-sm)}.tool-button{align-items:center;background:none;border:none;border-radius:8px;border-radius:var(--radius-md);color:#444;color:var(--apple-dark-gray);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:4px;gap:var(--spacing-xs);overflow:hidden;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);position:relative;transition:all .2s ease}.tool-button:before{background:#0071e3;background:var(--brand-primary);content:"";height:100%;left:-100%;opacity:.08;position:absolute;top:0;transition:left .2s ease;width:100%;z-index:-1}.tool-button:hover:before{left:0}.tool-button:hover{background-color:#0071e314;box-shadow:0 1px 2px #0000000d;box-shadow:var(--apple-shadow-xs);color:#0056b3;color:var(--apple-blue-dark);transform:translateY(-1px)}.tool-button:active{background-color:#0071e31f;transform:translateY(0)}.tool-button svg{font-size:16px}.word-count{color:#86868b;color:var(--apple-gray);font-size:14px}.textarea-container{display:flex;flex:1 1;position:relative}.editor-textarea{border:none;color:#1d1d1f;color:var(--apple-black);flex:1 1;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.6;outline:none;padding:16px;padding:var(--spacing-md);resize:none}.status-bar{background-color:#f5f5f7;background-color:var(--apple-light-gray);border-top:1px solid #0000000d;color:#86868b;color:var(--apple-gray);font-size:12px;justify-content:space-between;padding:4px 16px;padding:var(--spacing-xs) var(--spacing-md)}.autosave-status,.status-bar{align-items:center;display:flex}.autosave-status{gap:4px;gap:var(--spacing-xs)}.autosave-dot{border-radius:50%;height:8px;width:8px}.autosave-dot,.saved .autosave-dot{background-color:#34c759;background-color:var(--apple-green)}.saving .autosave-dot{background-color:#fc0;background-color:var(--apple-yellow)}.find-replace-container{align-items:center;background-color:#f5f5f7;background-color:var(--apple-light-gray);border-bottom:1px solid #0000000d;display:flex;gap:16px;gap:var(--spacing-md);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.find-replace-group{align-items:center;display:flex;gap:4px;gap:var(--spacing-xs)}.find-replace-input{border:1px solid #0000001a;border-radius:4px;border-radius:var(--radius-sm);font-size:14px;outline:none;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);transition:border-color .2s ease}.find-replace-input:focus{border-color:#0071e3;border-color:var(--apple-blue)}.find-replace-button{background-color:#fff;background-color:var(--apple-white);border:1px solid #0000001a;border-radius:4px;border-radius:var(--radius-sm);color:#444;color:var(--apple-dark-gray);cursor:pointer;font-size:14px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.find-replace-button:hover{background-color:#f5f5f7;background-color:var(--apple-light-gray);border-color:#0003}.find-replace-button.primary{background-color:#0071e3;background-color:var(--apple-blue);border-color:#0071e3;border-color:var(--apple-blue);color:#fff}.find-replace-button.primary:hover{background-color:#0055b3;border-color:#0055b3}.help-button{background:none;border:none;border-radius:4px;border-radius:var(--radius-sm);color:#0071e3;color:var(--apple-blue);cursor:pointer;font-size:14px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.help-button:hover{background-color:#0066cc0d}.start-button{background-color:#0071e3;background-color:var(--apple-blue);border:none;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--apple-shadow-md);color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin:32px auto;margin:var(--spacing-xl) auto;padding:16px 32px;padding:var(--spacing-md) var(--spacing-xl);transition:all .2s ease}.start-button:hover{background-color:#0055b3;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--apple-shadow-lg);transform:translateY(-2px)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.fade-in{animation:fade-in .3s ease-in-out}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slide-up .3s ease-out}@media (max-width:768px){.editor-container{padding:8px;padding:var(--spacing-sm)}.tool-button span{display:none}.find-replace-container{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--spacing-sm)}.find-replace-group,.find-replace-input{width:100%}}.insert-menu-container{position:relative}.insert-dropdown{background-color:#fff;background-color:var(--apple-white);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--apple-shadow-md);left:0;margin-top:4px;margin-top:var(--spacing-xs);min-width:200px;overflow:hidden;position:absolute;top:100%;z-index:100}.insert-option{align-items:center;color:#444;color:var(--apple-dark-gray);cursor:pointer;display:flex;font-size:13px;gap:8px;gap:var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease}.insert-option span{font-size:13px}.insert-option:hover{background-color:#f5f5f7;background-color:var(--apple-light-gray);color:#1d1d1f;color:var(--apple-black)}.font-menu-container{position:relative}.font-dropdown{background-color:#fff;background-color:var(--apple-white);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--apple-shadow-md);left:0;margin-top:4px;margin-top:var(--spacing-xs);min-width:220px;overflow:hidden;position:absolute;top:100%;z-index:100}.font-section{border-bottom:1px solid #f5f5f7;border-bottom:1px solid var(--apple-light-gray);margin-bottom:8px;margin-bottom:var(--spacing-sm);padding-bottom:8px;padding-bottom:var(--spacing-sm)}.font-section:last-child{border-bottom:none;margin-bottom:0}.font-header{align-items:center;color:#86868b;color:var(--apple-gray);display:flex;font-size:11px;font-weight:500;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.back-button{background:none;border:none;color:#0071e3;color:var(--apple-blue);cursor:pointer;font-size:12px;margin-right:6px;padding:0}.font-option{align-items:center;cursor:pointer;display:flex;gap:8px;gap:var(--spacing-sm);padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease}.font-option,.font-option span{color:#444;color:var(--apple-dark-gray);font-size:13px}.font-option:hover{background-color:#f5f5f7;background-color:var(--apple-light-gray)}.emoji-grid{background-color:#f5f5f7;background-color:var(--apple-light-gray);flex-wrap:wrap;justify-content:space-between;margin:0 16px;margin:0 var(--spacing-md);padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.emoji-grid,.emoji-item{border-radius:4px;border-radius:var(--radius-sm);display:flex}.emoji-item{align-items:center;cursor:pointer;font-size:18px;height:28px;justify-content:center;margin:2px;transition:background-color .2s ease,transform .1s ease;width:28px}.emoji-item:hover{background-color:#0066cc1a;transform:scale(1.1)}.share-menu-container{position:relative}.share-dropdown{background-color:#fff;background-color:var(--apple-white);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--apple-shadow-md);left:0;margin-top:4px;margin-top:var(--spacing-xs);min-width:280px;overflow:hidden;position:absolute;top:100%;z-index:100}.share-header{border-bottom:1px solid #f5f5f7;border-bottom:1px solid var(--apple-light-gray);color:#86868b;color:var(--apple-gray);font-size:13px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.share-grid{grid-gap:4px;grid-gap:var(--spacing-xs);display:grid;gap:4px;gap:var(--spacing-xs);grid-template-columns:repeat(2,1fr)}.share-grid,.share-option{padding:4px;padding:var(--spacing-xs)}.share-option{align-items:center;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;transition:background-color .2s ease}.share-option:hover{background-color:#f5f5f7;background-color:var(--apple-light-gray)}.share-icon{align-items:center;border-radius:50%;color:#fff;display:flex;height:32px;justify-content:center;margin-bottom:4px;margin-bottom:var(--spacing-xs);width:32px}.share-option span{color:#444;color:var(--apple-dark-gray);font-size:10px}.facebook{background-color:#1877f2}.whatsapp{background-color:#25d366}.email{background-color:#b23121}.reddit{background-color:#ff5700}.copy{background-color:#0071e3;background-color:var(--apple-blue)}.notepad-info{background-color:initial;margin-bottom:96px;margin-bottom:calc(var(--spacing-xxl)*2);margin-left:auto;margin-right:auto;margin-top:32px;margin-top:var(--spacing-xl);max-width:1000px;padding:24px 0;padding:var(--spacing-lg) 0;text-align:left}.info-section{margin-bottom:48px;margin-bottom:var(--spacing-xxl);padding-bottom:24px;padding-bottom:var(--spacing-lg)}.info-section:not(:last-child){border-bottom:1px solid #00000014}.info-section:last-child{margin-bottom:96px;margin-bottom:calc(var(--spacing-xxl)*2);padding-bottom:48px;padding-bottom:calc(var(--spacing-lg)*2)}.info-heading{color:#1d1d1f;color:var(--apple-black);font-size:28px;font-weight:600;letter-spacing:-.5px}.info-heading,.info-text{font-family:-apple-system,BlinkMacSystemFont,San Francisco,sans-serif;margin-bottom:16px;margin-bottom:var(--spacing-md)}.info-text{color:#444;color:var(--apple-dark-gray);font-size:16px;line-height:1.7}.info-list{list-style-type:disc;margin-bottom:16px;margin-bottom:var(--spacing-md);padding-left:24px}.info-list li{color:#444;color:var(--apple-dark-gray);font-size:16px;line-height:1.7;margin-bottom:8px;margin-bottom:var(--spacing-sm);padding-left:4px;padding-left:var(--spacing-xs)}.highlight{background-color:#fc03;border-radius:3px;color:#1d1d1f;color:var(--apple-black);font-style:normal;font-weight:500;padding:0 3px}strong{color:#000;font-weight:600}.editor-status{background-color:#f5f5f7;background-color:var(--apple-light-gray);border-bottom-left-radius:8px;border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:8px;border-bottom-right-radius:var(--radius-md);border-top:1px solid #e5e5e5;border-top:1px solid var(--apple-gray-200);justify-content:flex-start;margin-top:-4px;padding:8px 16px;padding:var(--spacing-sm) var(--spacing-md)}.editor-status,.save-status{align-items:center;display:flex}.save-status{color:#86868b;color:var(--apple-gray);font-size:13px}.save-status:before{border-radius:50%;content:"";display:inline-block;height:8px;margin-right:4px;margin-right:var(--spacing-xs);width:8px}.save-status.saved:before{background-color:#34c759;background-color:var(--apple-green)}.save-status.saving:before{background-color:#fc0;background-color:var(--apple-yellow)}.notepad-content{background-color:#fff;border:1px solid #f5f5f7;border:1px solid var(--apple-light-gray);border-radius:8px;border-radius:var(--radius-md);box-shadow:inset 0 1px 2px #0000000d;box-shadow:var(--apple-shadow-inset);color:#1d1d1f;color:var(--apple-black);font-family:-apple-system,BlinkMacSystemFont,San Francisco,sans-serif;font-size:16px;line-height:1.5;min-height:400px;outline:none;padding:32px 16px!important;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.notepad-content:focus{border-color:#409cff;border-color:var(--apple-blue-light);box-shadow:0 0 0 2px #007aff26,inset 0 1px 2px #0000000d;box-shadow:0 0 0 2px #007aff26,var(--apple-shadow-inset)}@media (max-width:768px){.notepad-info{padding:24px;padding:var(--spacing-lg)}.info-heading{font-size:24px}.info-list li,.info-text{font-size:15px;line-height:1.6}}.help-button-container{background-color:#fff;background-color:var(--apple-white);border-bottom:1px solid #0000000d;display:flex;justify-content:flex-end;padding:4px 32px;padding:var(--spacing-xs) var(--spacing-xl)}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-container{background-color:#fff;background-color:var(--apple-white);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--apple-shadow-lg);max-width:90%;overflow:hidden;width:400px}.modal-content{padding:24px 24px 16px;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-md);text-align:center}.modal-content p{color:#1d1d1f;color:var(--apple-black);font-size:16px;margin:0}.modal-actions{border-top:1px solid #e5e5e5;border-top:1px solid var(--apple-gray-200);display:flex}.modal-button{background:none;border:none;cursor:pointer;flex:1 1;font-size:16px;padding:16px;padding:var(--spacing-md);transition:background-color .2s ease}.modal-button:hover{background-color:#f5f5f7;background-color:var(--apple-light-gray)}.cancel-button{border-right:1px solid #e5e5e5;border-right:1px solid var(--apple-gray-200);color:#444;color:var(--apple-dark-gray)}.confirm-button{color:#0071e3;color:var(--apple-blue);font-weight:500}.features-section{background:linear-gradient(135deg,#f5f5f7,#fff);background:var(--gradient-hero);border:1px solid #0000000a;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--apple-shadow-lg);margin-bottom:48px;margin-bottom:var(--spacing-xxl);padding:32px;padding:var(--spacing-xl)}.features-section .features-grid{grid-gap:32px;grid-gap:var(--spacing-xl);display:grid;gap:32px;gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);margin-top:32px;margin-top:var(--spacing-xl)}.features-section .feature-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #fff3;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f,inset 0 1px 0 #ffffff80;box-shadow:var(--apple-shadow-sm),inset 0 1px 0 #ffffff80;overflow:hidden;padding:24px;padding:var(--spacing-lg);position:relative;text-align:left;transition:all .3s ease}.features-section .feature-item:before{background:linear-gradient(135deg,#0071e3,#5ac8fa);background:var(--gradient-primary);content:"";height:100%;left:-100%;opacity:.03;position:absolute;top:0;transition:left .3s ease;width:100%;z-index:-1}.features-section .feature-item:hover:before{left:0}.features-section .feature-item:hover{border-color:#0071e31a;box-shadow:0 25px 50px -12px #0000001f,inset 0 1px 0 #ffffff80;transform:translateY(-8px)}.features-section .feature-icon{align-items:center;background:linear-gradient(135deg,#0071e3,#5ac8fa);background:var(--gradient-primary);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--apple-shadow-md);color:#fff;display:flex;font-size:24px;height:56px;justify-content:center;margin:0 0 16px;margin:0 0 var(--spacing-md);transition:transform .3s ease;width:56px}.features-section .feature-item:hover .feature-icon{transform:scale(1.1)}.features-section .feature-title{color:#1d1d1f;color:var(--apple-black);font-size:20px;font-weight:600;letter-spacing:-.3px;margin-bottom:8px;margin-bottom:var(--spacing-sm)}.features-section .feature-description{color:#444;color:var(--apple-dark-gray);font-size:15px;line-height:1.6;margin:0}@media (max-width:768px){.features-section .features-grid{grid-template-columns:1fr}}.footer{background-color:#f5f5f5;border-top:1px solid #e0e0e0;margin-top:20px;padding:15px 0;text-align:center;width:100%}.footer-content{flex-direction:column;gap:10px}.footer-content,.footer-links{align-items:center;display:flex}.footer-links{gap:20px}.footer-link{color:#0071e3;color:var(--apple-blue);font-size:14px;text-decoration:none;transition:color .2s;transition:color var(--transition-fast)}.footer-link:hover{color:#409cff;color:var(--apple-blue-light);text-decoration:underline}.copyright-text{color:#666;font-size:14px;margin:0}.legal-page{background-color:#f5f5f7;background-color:var(--apple-light-gray);min-height:100vh;padding:24px;padding:var(--spacing-lg)}.legal-container{background-color:#fff;background-color:var(--apple-white);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--apple-shadow-md);margin:0 auto;max-width:800px;padding:32px;padding:var(--spacing-xl)}.legal-container h1{color:#1d1d1f;color:var(--apple-black);font-size:2.5rem;font-weight:700;text-align:center}.legal-container h1,.legal-content section{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.legal-content h2{border-left:4px solid #0071e3;border-left:4px solid var(--apple-blue);font-size:1.5rem;font-weight:600;padding-left:16px;padding-left:var(--spacing-md)}.legal-content h2,.legal-content p{color:#444;color:var(--apple-dark-gray);margin-bottom:16px;margin-bottom:var(--spacing-md)}.legal-content p{font-size:1rem;line-height:1.6}@media (max-width:768px){.footer-content{gap:8px}.footer-links{gap:15px}.legal-page{padding:16px;padding:var(--spacing-md)}.legal-container{padding:24px;padding:var(--spacing-lg)}.legal-container h1{font-size:2rem}}.faq-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;margin:0 auto;max-width:1000px;min-height:100vh;padding:32px;padding:var(--spacing-xl)}.faq-heading{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0071e3,#6366f1);background:linear-gradient(135deg,var(--brand-primary) 0,#6366f1 100%);-webkit-background-clip:text;background-clip:text;font-size:2.75rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;text-align:center}.faq-controls,.faq-heading{margin-bottom:32px;margin-bottom:var(--spacing-xl)}.faq-controls{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #fff3;border-radius:20px;box-shadow:0 8px 32px #0000000f;display:flex;flex-direction:column;gap:24px;gap:var(--spacing-lg);padding:32px;padding:var(--spacing-xl)}.faq-search{position:relative}.search-input-container{align-items:center;display:flex;position:relative}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #0071e31a;border-radius:30px;box-shadow:0 4px 20px #0000000a;color:#1d1d1f;color:var(--apple-black);font-size:16px;outline:none;padding:16px 50px 16px 45px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#0071e3;border-color:var(--brand-primary);box-shadow:0 0 0 4px #0071e326,0 8px 25px #0000001a;transform:translateY(-2px)}.search-icon{font-size:18px;left:8px;left:var(--spacing-sm);z-index:1}.clear-search-btn,.search-icon{color:#86868b;color:var(--apple-gray);position:absolute}.clear-search-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:4px;padding:var(--spacing-xs);right:8px;right:var(--spacing-sm);transition:all .2s ease}.clear-search-btn:hover{background-color:#0000000d;color:#444;color:var(--apple-dark-gray)}.faq-categories{display:flex;flex-wrap:wrap;gap:4px;gap:var(--spacing-xs)}.category-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:2px solid #0071e31a;border-radius:25px;color:#86868b;color:var(--apple-gray);cursor:pointer;font-size:14px;font-weight:600;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.category-btn:hover{background:#0071e314;border-color:#0071e3;border-color:var(--brand-primary);box-shadow:0 6px 20px #0071e326;transform:translateY(-2px)}.category-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.category-btn:hover:before{left:100%}.category-btn.active{background:linear-gradient(135deg,#0071e3,#6366f1);background:linear-gradient(135deg,var(--brand-primary) 0,#6366f1 100%);border-color:#0071e3;border-color:var(--brand-primary);box-shadow:0 4px 15px #0071e34d;color:#fff;color:var(--apple-white);transform:translateY(-1px)}.faq-list{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffe6;border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 40px #00000014,inset 0 1px 0 #ffffff4d;overflow:hidden}.faq-item{border-bottom:1px solid #00000008;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.faq-item:last-child{border-bottom:none}.faq-item:hover{background:linear-gradient(135deg,#0071e308,#6366f105);transform:translateX(4px)}.faq-question{align-items:flex-start;background:#0000;border:none;color:#1d1d1f;color:var(--apple-black);cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:16px;gap:var(--spacing-md);justify-content:space-between;padding:32px;padding:var(--spacing-xl);text-align:left;transition:all .3s ease;width:100%}.faq-question:hover{background:linear-gradient(135deg,#0071e30a,#6366f108)}.faq-question.active{background:linear-gradient(135deg,#0071e314,#6366f10f);border-left:4px solid #0071e3;border-left:4px solid var(--brand-primary);color:#0071e3;color:var(--brand-primary)}.question-text{flex:1 1;line-height:1.5}.faq-icon{align-items:center;background:#0071e31a;border-radius:50%;color:#0071e3;color:var(--brand-primary);display:flex;flex-shrink:0;font-size:22px;font-weight:300;height:32px;justify-content:center;margin-left:16px;margin-left:var(--spacing-md);transition:all .4s cubic-bezier(.4,0,.2,1);width:32px}.faq-question.active .faq-icon{background:linear-gradient(135deg,#0071e3,#6366f1);background:linear-gradient(135deg,var(--brand-primary) 0,#6366f1 100%);box-shadow:0 4px 12px #0071e34d;color:#fff;transform:rotate(180deg) scale(1.1)}.faq-answer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f8fafccc,#f1f5f999);max-height:0;overflow:hidden;padding:0;transition:all .5s cubic-bezier(.4,0,.2,1)}.faq-answer.open{max-height:1000px}.answer-content{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff80;border-left:4px solid #0071e333;border-radius:0 12px 12px 0;color:#444;color:var(--apple-dark-gray);font-size:15px;line-height:1.7;margin-left:24px;margin-left:var(--spacing-lg);padding:24px 32px 32px;padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl)}.faq-highlight{background-color:#ffcc004d;border-radius:3px;color:#1d1d1f;color:var(--apple-black);font-weight:600;padding:0 2px}.faq-no-results{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #0000000d;border-radius:20px;box-shadow:0 10px 25px #0000000d;color:#86868b;color:var(--apple-gray);font-size:16px;padding:48px;padding:var(--spacing-xxl);text-align:center}@media (max-width:768px){.faq-container{padding:16px;padding:var(--spacing-md)}.faq-heading{font-size:28px;margin-bottom:24px;margin-bottom:var(--spacing-lg)}.faq-controls{padding:16px;padding:var(--spacing-md)}.faq-categories{justify-content:center}.category-btn{font-size:13px;padding:4px 8px;padding:var(--spacing-xs) var(--spacing-sm)}.faq-question{font-size:15px;padding:16px;padding:var(--spacing-md)}.answer-content{font-size:14px;padding:0 16px 16px;padding:0 var(--spacing-md) var(--spacing-md)}.search-input{font-size:16px}}@media (max-width:480px){.faq-categories{flex-direction:column}.category-btn{text-align:center}}.additional-content{background-color:#f9f9f9;border-top:1px solid #eaeaea;margin-top:40px;padding:20px 0}@media (max-width:768px){.additional-content{margin-top:30px;padding:15px 0}}.features-container{margin:0 auto;max-width:1200px;padding:var(--spacing-xl);text-align:center}.features-heading{color:var(--apple-black);font-size:28px;font-weight:500;margin-bottom:var(--spacing-md)}.overview-text{margin-bottom:var(--spacing-xl);text-align:center}.features-description,.overview-text{color:var(--apple-gray);font-size:16px;line-height:1.6}.features-description{margin:0 auto var(--spacing-xl);max-width:800px}.features-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto);margin:0 auto;max-width:900px}.feature-item{background-color:var(--apple-white);border-radius:var(--radius-lg);box-shadow:var(--apple-shadow-md);padding:var(--spacing-lg);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.feature-item:hover{box-shadow:var(--apple-shadow-lg);transform:translateY(-5px)}.feature-icon{align-items:center;background-color:#0066cc1a;border-radius:50%;color:var(--apple-blue);display:flex;height:64px;justify-content:center;margin:0 auto var(--spacing-md);width:64px}.feature-title{color:var(--apple-black);font-size:20px;font-weight:500;margin-bottom:var(--spacing-md)}.feature-description{color:var(--apple-gray);font-size:16px;line-height:1.6}@media (max-width:768px){.features-grid{grid-template-columns:1fr;grid-template-rows:auto}.features-container{padding:var(--spacing-lg) var(--spacing-md)}.features-heading{font-size:24px}.features-description,.overview-text{font-size:15px}}.blog-container{grid-gap:var(--spacing-xxl);align-items:start;background:linear-gradient(135deg,#ffffff1a,#0000 50%);display:grid;gap:var(--spacing-xxl);grid-template-columns:2fr 1fr;margin:0 auto;max-width:1200px;padding:var(--spacing-xl) var(--spacing-lg)}.blog-header{background:#007aff;border-radius:var(--radius-lg);color:#fff;grid-column:1/-1;margin-bottom:var(--spacing-xxl);overflow:hidden;padding:var(--spacing-xxl) 0;position:relative;text-align:center}.blog-header:before{animation:shimmer 10s linear infinite;background:repeating-linear-gradient(45deg,#0000,#0000 2px,#ffffff0d 0,#ffffff0d 4px);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.blog-title{font-size:52px;font-weight:700;letter-spacing:-1.5px;margin-bottom:var(--spacing-md);text-shadow:2px 2px 4px #0000004d}.blog-subtitle,.blog-title{position:relative;z-index:1}.blog-subtitle{font-size:20px;font-weight:300;margin:0;opacity:.9}.blog-grid{display:flex;flex-direction:column;gap:var(--spacing-xxl)}.blog-post-card{background:linear-gradient(145deg,#fff,#f8fafc);border:1px solid #fffc;border-radius:var(--radius-lg);box-shadow:0 10px 25px #0000001a,0 4px 10px #0000000d;overflow:hidden;padding:var(--spacing-xl);position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.blog-post-card:before{background:linear-gradient(90deg,#667eea,#764ba2 50%,#f093fb);content:"";height:4px;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.blog-post-card:hover:before{left:0}.blog-post-card:hover{border-color:#667eea4d;box-shadow:0 20px 40px #00000026,0 8px 20px #0000001a;transform:translateY(-8px) scale(1.02)}.blog-post-card:after{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:50%;content:"";height:60px;opacity:0;position:absolute;right:20px;top:20px;transition:all .3s ease;width:60px}.post-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-md)}.post-category{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--radius-full);box-shadow:0 2px 8px #667eea4d;color:#fff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:1px;overflow:hidden;padding:var(--spacing-xs) var(--spacing-md);position:relative;text-transform:uppercase}.post-category:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.blog-post-card:hover .post-category:before{left:100%}.post-date{align-items:center;color:var(--apple-gray);display:flex;font-size:13px;font-weight:500;gap:var(--spacing-xs)}.post-date:before{content:"📅";font-size:12px}.post-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a1a1a,#2c2c2c);-webkit-background-clip:text;background-clip:text;color:var(--apple-black);font-size:32px;font-weight:700;letter-spacing:-.8px;line-height:1.2;margin-bottom:var(--spacing-lg);position:relative;transition:all .3s ease}.blog-post-card:hover .post-title{letter-spacing:-.5px;transform:translateY(-2px)}.post-excerpt{background:linear-gradient(135deg,#667eea05,#764ba205);border-image:linear-gradient(135deg,#667eea,#764ba2);border-image-slice:1;border-left:4px solid #0000;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--apple-dark-gray);font-size:17px;font-style:italic;font-weight:400;padding:var(--spacing-md) 0;padding-left:var(--spacing-md)}.post-content,.post-excerpt{line-height:1.7;margin-bottom:var(--spacing-lg);position:relative}.post-content{color:var(--apple-black);transition:all .3s ease}.post-content.collapsed{max-height:450px;overflow:hidden;position:relative}.post-content.collapsed:after{background:linear-gradient(to bottom,#0000,var(--apple-white));bottom:0;content:"";height:80px;left:0;pointer-events:none;position:absolute;right:0}.post-content.expanded{max-height:none}.post-content strong{background-color:#007aff1a;border-radius:3px;color:var(--apple-black);font-weight:600;padding:2px 4px}.post-content .notepad-link{border-bottom:1px solid #0000;color:var(--apple-blue);font-weight:500;text-decoration:none;transition:all var(--transition-fast) ease}.post-content .notepad-link:hover{border-bottom-color:var(--apple-blue-light);color:var(--apple-blue-light)}.post-content .list-item{color:var(--apple-black);display:block;margin:var(--spacing-sm) 0;padding-left:var(--spacing-md)}.collapse-button,.expand-button{background-color:var(--apple-blue);border:none;border-radius:var(--radius-full);bottom:10px;box-shadow:var(--apple-shadow-sm);color:#fff;cursor:pointer;font-size:14px;font-weight:500;left:50%;padding:var(--spacing-sm) var(--spacing-lg);position:absolute;transform:translateX(-50%);transition:all var(--transition-fast) ease;z-index:10}.collapse-button:hover,.expand-button:hover{background-color:var(--apple-blue-light);box-shadow:var(--apple-shadow-md);transform:translateX(-50%) translateY(-2px)}.collapse-button{display:block;margin:var(--spacing-md) auto 0;position:static;transform:none}.collapse-button:hover{transform:translateY(-2px)}.post-content p{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;font-size:17px;font-weight:400;line-height:1.8;margin-bottom:var(--spacing-lg);text-rendering:optimizeLegibility}.post-content p:last-child{margin-bottom:0}.post-content h1,.post-content h2,.post-content h3,.post-content h4,.post-content h5,.post-content h6{color:#1a202c;font-weight:700;letter-spacing:-.5px;margin:var(--spacing-xl) 0 var(--spacing-lg) 0;position:relative;text-rendering:optimizeLegibility}.post-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2d3748,#4a5568);-webkit-background-clip:text;background-clip:text;border-bottom:3px solid #0000;border-image:linear-gradient(90deg,#667eea,#764ba2);border-image-slice:1;font-size:32px;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm)}.post-content h2{color:#2d3748;font-size:26px;margin-top:var(--spacing-xxl);position:relative}.post-content h3{color:#4a5568;font-size:22px;font-weight:650}.post-content h4{color:#4a5568;font-size:19px;font-weight:600}.post-content ol,.post-content ul{margin:var(--spacing-lg) 0;padding-left:var(--spacing-xxl)}.post-content li{-webkit-font-smoothing:antialiased;color:#2c3e50;font-size:17px;font-weight:400;line-height:1.8;margin-bottom:var(--spacing-sm);position:relative;text-rendering:optimizeLegibility}.post-content ul li::marker{color:#667eea;font-size:1.2em}.post-content ol li::marker{color:#667eea;font-weight:700}.post-content ul li{padding-left:var(--spacing-xs)}.post-content ol li{padding-left:var(--spacing-sm)}.post-content strong{background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:4px;box-shadow:0 1px 3px #0000001a;color:#1a202c;font-weight:700;padding:3px 6px;position:relative;transition:all .2s ease}.post-content strong:hover{background:linear-gradient(135deg,#667eea40,#764ba240);transform:translateY(-1px)}.post-content em{color:#4a5568;font-style:italic;font-weight:450;position:relative}.post-content a{border-bottom:1px solid #0000;color:var(--apple-blue);font-weight:500;text-decoration:none;transition:all var(--transition-fast) ease}.post-content a:hover{border-bottom-color:var(--apple-blue-light);color:var(--apple-blue-light)}.post-content blockquote{background:linear-gradient(135deg,#667eea14,#764ba214);border-left:4px solid #667eea;border-radius:0 var(--radius-lg) var(--radius-lg) 0;box-shadow:0 2px 8px #667eea1a;margin:var(--spacing-xl) 0;padding:var(--spacing-lg) var(--spacing-xl);transition:all .3s ease}.post-content blockquote:hover{background:linear-gradient(135deg,#667eea1f,#764ba21f);box-shadow:0 4px 16px #667eea26;transform:translateX(4px)}.post-content blockquote p{color:#2d3748;font-size:17px;font-style:italic;font-weight:500;line-height:1.8;margin-bottom:0;text-rendering:optimizeLegibility}.post-content code{border-radius:var(--radius-sm);color:var(--apple-red);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:14px;padding:2px 6px}.post-content code,.post-content pre{background-color:var(--apple-light-gray)}.post-content pre{border-radius:var(--radius-md);margin:var(--spacing-lg) 0;overflow-x:auto;padding:var(--spacing-lg)}.post-content pre code{background:none;color:var(--apple-black);padding:0}.blog-post-content{background:linear-gradient(135deg,#fffffff2,#f8fafcf2);border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000000d;margin:0 auto var(--spacing-xxl);max-width:800px;padding:var(--spacing-xl) var(--spacing-lg);position:relative}.blog-post-content:before{background:linear-gradient(90deg,#667eea,#764ba2 50%,#f093fb);border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.blog-post-content iframe,.blog-post-content img,.blog-post-content video{border-radius:var(--radius-md);display:block;margin:var(--spacing-lg) auto;max-width:100%}.back-link{align-items:center;background:#ffffff1a;border-radius:var(--radius-md);box-shadow:var(--apple-shadow-xs);color:#fffffff2;display:inline-flex;font-weight:500;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);padding:6px 10px;text-decoration:none;transition:all var(--transition-fast) ease}.back-link:hover{background:#ffffff2e;transform:translateY(-1px)}.post-content>p:first-of-type{background:linear-gradient(135deg,#667eea08,#764ba208);border-left:4px solid #667eea4d;border-radius:0 var(--radius-md) var(--radius-md) 0;color:#4a5568;font-size:20px;font-weight:450;line-height:1.9;margin-bottom:var(--spacing-xl);padding:var(--spacing-md) 0;padding-left:var(--spacing-lg);position:relative}@media (min-width:968px){.has-dropcap.post-content>p:first-of-type:first-letter{color:var(--apple-blue);float:left;font-size:3.2em;font-weight:700;line-height:.9;padding-right:8px;padding-top:4px}}.post-content h2,.post-content h3{position:relative}.post-content h2:after{height:4px;margin-top:8px;width:56px}.post-content h2:after,.post-content h3:after{background:var(--gradient-primary);border-radius:999px;content:"";display:block}.post-content h3:after{height:3px;margin-top:6px;opacity:.75;width:40px}.post-content blockquote{position:relative}.post-content blockquote:before{color:#0071e326;content:"“";font-family:Georgia,Times New Roman,serif;font-size:48px;left:-12px;line-height:1;position:absolute;top:-10px}.post-content pre{border-left:3px solid var(--apple-blue);box-shadow:inset 0 1px 0 #fff6}.post-content hr{background:linear-gradient(90deg,#0000,#0000001f,#0000);border:none;height:1px;margin:var(--spacing-xl) 0}.post-content ::selection{background:#0071e32e;color:inherit}.post-content .callout{background:#0071e30f;border-left:4px solid var(--apple-blue);border-radius:var(--radius-md);margin:var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg)}.post-content .callout.tip{background:#34c75914;border-left-color:var(--apple-green)}.post-content .callout.warn{background:#ff9f0a14;border-left-color:var(--brand-warning)}.post-content .callout.error{background:#ff3b3014;border-left-color:var(--apple-red)}.reading-progress{height:3px;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:2000}.reading-progress__bar{background:var(--gradient-primary);box-shadow:0 1px 2px #0000001a;height:100%;transition:width var(--transition-fast) linear;width:0}@media (prefers-reduced-motion:reduce){.reading-progress__bar{transition:none}}.post-meta{border-bottom:1px solid var(--apple-light-gray);border-top:1px solid var(--apple-light-gray);display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) 0}.meta-item{align-items:center;color:var(--apple-gray);display:flex;font-size:14px;gap:var(--spacing-xs)}.meta-item svg{color:var(--apple-blue);font-size:16px}.post-actions{display:flex;gap:var(--spacing-md)}.action-button{align-items:center;background-color:var(--apple-white);border:1px solid var(--apple-light-gray);border-radius:var(--radius-md);color:var(--apple-dark-gray);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast) ease}.action-button:hover{background-color:var(--apple-light-gray);border-color:var(--apple-gray)}.like-button:hover{background-color:#ff3b301a;border-color:var(--apple-red);color:var(--apple-red)}.share-button:hover{background-color:#007aff1a;border-color:var(--apple-blue);color:var(--apple-blue)}.blog-sidebar{display:flex;flex-direction:column;gap:var(--spacing-xl);position:sticky;top:var(--spacing-xl)}.sidebar-section{background-color:var(--apple-white);border:1px solid var(--apple-light-gray);border-radius:var(--radius-lg);box-shadow:var(--apple-shadow-sm);padding:var(--spacing-lg)}.sidebar-title{color:var(--apple-black);font-size:20px;font-weight:600;letter-spacing:-.3px;margin-bottom:var(--spacing-md)}.sidebar-text{color:var(--apple-dark-gray);font-size:15px;line-height:1.6;margin:0}.categories-list{list-style:none;margin:0;padding:0}.categories-list li{margin-bottom:var(--spacing-sm)}.category-button{background:none;border:none;border-radius:var(--radius-sm);color:var(--apple-dark-gray);cursor:pointer;display:block;font-size:14px;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);text-align:left;text-decoration:none;transition:all var(--transition-fast) ease;width:100%}.category-button:hover{background-color:var(--apple-light-gray);color:var(--apple-blue);transform:translateX(4px)}.category-button.active{background-color:var(--apple-blue);color:#fff}.category-button.active:hover{background-color:var(--apple-blue-light);transform:translateX(0)}.categories-list a{border-radius:var(--radius-sm);color:var(--apple-dark-gray);display:block;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast) ease}.categories-list a:hover{background-color:var(--apple-light-gray);color:var(--apple-blue);transform:translateX(4px)}.newsletter-form{margin-top:var(--spacing-md)}.newsletter-input{border:1px solid var(--apple-light-gray);border-radius:var(--radius-md);font-size:14px;margin-bottom:var(--spacing-sm);outline:none;padding:var(--spacing-sm) var(--spacing-md);transition:border-color var(--transition-fast) ease;width:100%}.newsletter-input:focus{border-color:var(--apple-blue);box-shadow:0 0 0 3px #007aff1a}.newsletter-button{background-color:var(--apple-blue);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast) ease;width:100%}.newsletter-button:hover{background-color:var(--apple-blue-light);transform:translateY(-1px)}.nav-button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--apple-blue);cursor:pointer;display:inline-flex;font-size:16px;font-weight:500;padding:var(--spacing-xs) var(--spacing-md);text-decoration:none;transition:all var(--transition-fast) ease}.nav-button:hover{background-color:#007aff1a;color:var(--apple-blue-light)}.nav-button.active{background-color:var(--apple-blue);color:#fff}.nav-button.active:hover{background-color:var(--apple-blue-light)}.title-link{align-items:center;color:inherit;display:flex;gap:var(--spacing-xs);text-decoration:none}.notepad-link,.title-link:hover{color:var(--apple-blue)}.notepad-link{border-bottom:1px solid #0000;font-weight:600;text-decoration:none;transition:all var(--transition-fast) ease}.notepad-link:hover{border-bottom-color:var(--apple-blue-light);color:var(--apple-blue-light)}@media (max-width:968px){.blog-container{gap:var(--spacing-xl);grid-template-columns:1fr;padding:var(--spacing-lg) var(--spacing-md)}.blog-header{margin-bottom:var(--spacing-lg)}.blog-title{font-size:40px}.blog-subtitle{font-size:18px}.blog-sidebar{order:-1;position:static}.post-title{font-size:26px;letter-spacing:-.6px}.post-excerpt{font-size:16px;padding-left:var(--spacing-sm)}.post-content.collapsed{max-height:350px}.post-content p{font-size:16px;line-height:1.7}.post-content h1{font-size:28px}.post-content h2{font-size:24px}.post-content h3{font-size:20px}.post-content li{font-size:16px}.post-meta{gap:var(--spacing-md)}.post-actions,.post-meta{flex-wrap:wrap}.collapse-button,.expand-button{font-size:13px;padding:var(--spacing-xs) var(--spacing-md)}}@media (max-width:768px){.blog-container{padding:var(--spacing-md) var(--spacing-sm)}.blog-title{font-size:32px}.blog-subtitle{font-size:16px}.blog-post-card{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.post-title{font-size:22px;letter-spacing:-.4px}.post-excerpt{font-size:15px;line-height:1.6;padding-left:var(--spacing-xs)}.post-content.collapsed{max-height:300px}.post-content li,.post-content p{font-size:15px;line-height:1.7}.post-content>p:first-of-type{font-size:17px;padding-left:var(--spacing-sm)}.post-content h1{font-size:24px}.post-content h2{font-size:22px}.post-content h3{font-size:19px}.post-content h4{font-size:17px}.post-content ol,.post-content ul{padding-left:var(--spacing-lg)}.post-content blockquote{margin:var(--spacing-md) 0;padding:var(--spacing-sm) var(--spacing-md)}.post-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-xs)}.post-meta{flex-direction:column;gap:var(--spacing-sm)}.sidebar-section{padding:var(--spacing-md)}.sidebar-title{font-size:18px}.expand-button{bottom:8px}.collapse-button,.expand-button{font-size:12px;padding:8px var(--spacing-sm)}}@media (max-width:480px){.blog-title{font-size:24px;line-height:1.2}.blog-subtitle{font-size:14px}.blog-post-card{margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.post-title{font-size:18px;line-height:1.3}.post-excerpt{font-size:14px;line-height:1.5}.post-content.collapsed{max-height:200px}.post-content.collapsed:after{height:60px}.post-content li,.post-content p{font-size:14px;line-height:1.5}.post-content h1{font-size:20px}.post-content h2{font-size:18px}.post-content h3{font-size:16px}.post-content strong{padding:1px 3px}.post-actions{gap:var(--spacing-sm)}.action-button{font-size:12px;padding:6px 12px}.meta-item{font-size:12px}.post-category{font-size:10px;padding:4px 8px}.post-date{font-size:12px}}.header-right{align-items:center;display:flex;gap:var(--spacing-md)}
/*# sourceMappingURL=main.a817b7f8.css.map*/