:root{--ss-bg-card: #ffffff;--ss-accent: #7b6fd4;--ss-accent-text: #4a3fa8;--ss-accent-dark: #362e8a;--ss-accent-pale: #eae8fb;--ss-accent-soft: #c9c4f0;--ss-text-1: #2d2a4a;--ss-text-2: #6b6890;--ss-border: rgba(123, 111, 212, .15);--ss-r-md: 10px}.ss-nav{display:flex;align-items:center;padding:0 28px;height:56px;background:var(--ss-bg-card);border-bottom:1px solid var(--ss-border);position:sticky;top:0;z-index:100}.ss-nav-logo{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:var(--ss-accent-dark);text-decoration:none;margin-right:32px;flex-shrink:0;transition:color .2s ease}.ss-nav-logo:hover{color:var(--ss-accent)}.ss-logo-mark{width:30px;height:30px;background:var(--ss-accent);border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ss-nav-links{display:flex;gap:2px;flex:1;overflow-x:auto}.ss-nav-links::-webkit-scrollbar{display:none}.ss-nl{padding:6px 12px;font-size:13px;color:var(--ss-text-2);border-radius:var(--ss-r-md);cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .12s,color .12s;position:relative;border:none;background:none;font:inherit;font-family:inherit}.ss-nl:hover{background:var(--ss-accent-pale);color:var(--ss-accent-text)}.ss-nl.ss-active{background:var(--ss-accent-pale);color:var(--ss-accent-text);font-weight:500}.ss-ndot{position:absolute;top:7px;right:7px;width:5px;height:5px;border-radius:50%;background:var(--ss-accent)}.ss-nav-right{display:flex;align-items:center;gap:8px;margin-left:auto;padding-left:16px}.ss-ibt{width:32px;height:32px;border:1px solid var(--ss-border);border-radius:var(--ss-r-md);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ss-text-2);transition:background .12s;text-decoration:none;padding:0;font:inherit}.ss-ibt:hover{background:var(--ss-accent-pale);color:var(--ss-accent-text)}.ss-cab-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;background:var(--ss-accent);color:#fff;border:none;border-radius:var(--ss-r-md);cursor:pointer;white-space:nowrap;text-decoration:none;transition:background .12s;font-family:inherit}.ss-cab-btn:hover{background:var(--ss-accent-text);color:#fff}.ss-ava{width:30px;height:30px;border-radius:50%;background:var(--ss-accent-pale);border:1.5px solid var(--ss-accent-soft);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;text-decoration:none}.ss-ava img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.ss-nav{padding:0 16px;height:50px}.ss-nav-logo{font-size:14px;margin-right:16px}.ss-logo-mark{width:26px;height:26px}.ss-nl{padding:5px 10px;font-size:12px}.ss-nav-links{gap:1px}.ss-nav-right{gap:6px;padding-left:12px}.ss-logout-btn{display:none}.ss-ibt{width:28px;height:28px}.ss-cab-btn{padding:6px 12px;font-size:12px}.ss-ava{width:26px;height:26px}}.ss-hamburger{display:none;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--ss-border);border-radius:var(--ss-r-md);background:transparent;cursor:pointer;color:var(--ss-text-2);padding:0;flex-shrink:0;transition:background .12s,color .12s}.ss-hamburger:hover{background:var(--ss-accent-pale);color:var(--ss-accent-text)}@media (max-width: 480px){.ss-nav{padding:0 12px}.ss-nav-links,.ss-cab-btn,.ss-ibt--profile{display:none}.ss-hamburger{display:flex}.ss-ndot{top:5px;right:5px;width:4px;height:4px}}.ss-mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:ss-overlay-in .18s ease}@keyframes ss-overlay-in{0%{opacity:0}to{opacity:1}}.ss-mobile-sheet{position:fixed;bottom:0;left:0;right:0;z-index:301;background:#fff;border-radius:20px 20px 0 0;animation:ss-sheet-in .22s ease;max-height:85vh;max-height:85dvh;display:flex;flex-direction:column}.ss-mobile-sheet-body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:max(env(safe-area-inset-bottom),20px);flex:1;min-height:0}@keyframes ss-sheet-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}.ss-mobile-sheet-handle{width:40px;height:4px;background:#0000001f;border-radius:2px;margin:12px auto 0;flex-shrink:0}.ss-mobile-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px 12px;border-bottom:1px solid rgba(123,111,212,.12);flex-shrink:0}.ss-mobile-sheet-title{font-size:16px;font-weight:700;color:var(--ss-text-1)}.ss-mobile-sheet-close{width:32px;height:32px;border:none;background:#0000000d;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ss-text-2);padding:0;transition:background .12s}.ss-mobile-sheet-close:hover{background:#0000001a}.ss-mobile-nav{display:flex;flex-direction:column;padding:8px 12px;gap:2px}.ss-mobile-divider{height:1px;background:#7b6fd41f;margin:0 12px}.ss-mobile-nav-link{display:flex;align-items:center;gap:10px;padding:13px 12px;border-radius:12px;font-size:15px;font-weight:500;color:var(--ss-text-1);text-decoration:none;transition:background .12s,color .12s}.ss-mobile-nav-link:hover,.ss-mobile-nav-link--active{background:var(--ss-accent-pale);color:var(--ss-accent-text)}.ss-mobile-nav-link--cabinet{background:var(--ss-accent);color:#fff;font-weight:600;margin-top:4px;justify-content:center}.ss-mobile-nav-link--cabinet:hover{background:var(--ss-accent-text);color:#fff}.ss-mobile-nav-link--logout{color:#e53935;width:100%;text-align:left;background:none;border:none;cursor:pointer;font-family:inherit;margin-top:4px}.ss-mobile-nav-link--logout:hover{background:#ffeaea;color:#c62828}.ss-logout-btn{opacity:.6;padding:4px 6px;display:flex;align-items:center;background:none;border:none;cursor:pointer;color:inherit;transition:opacity .15s,color .15s}.ss-logout-btn:hover{opacity:1;color:#e53935}.pl-root{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f7f6ff;z-index:9999}.pl-center{display:flex;flex-direction:column;align-items:center;gap:20px}.pl-logo-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center}.pl-logo-mark{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,#7b6fd4,#5a4fc4);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #7b6fd459;animation:pl-pulse 2s ease-in-out infinite;position:relative;z-index:1}.pl-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid transparent;border-top-color:#7b6fd4;border-right-color:#7b6fd44d;animation:pl-spin 1.1s linear infinite}.pl-ring--2{top:6px;right:6px;bottom:6px;left:6px;border-top-color:transparent;border-bottom-color:#c9c4f0;animation-duration:1.7s;animation-direction:reverse}.pl-name{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:18px;font-weight:700;color:#2d2a4a;letter-spacing:.01em}.pl-dots{display:flex;gap:6px}.pl-dots span{width:6px;height:6px;border-radius:50%;background:#7b6fd4;animation:pl-bounce 1.2s ease-in-out infinite}.pl-dots span:nth-child(2){animation-delay:.2s;opacity:.7}.pl-dots span:nth-child(3){animation-delay:.4s;opacity:.4}@keyframes pl-spin{to{transform:rotate(360deg)}}@keyframes pl-pulse{0%,to{transform:scale(1);box-shadow:0 8px 24px #7b6fd459}50%{transform:scale(1.06);box-shadow:0 12px 32px #7b6fd480}}@keyframes pl-bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#fafafa;color:#1d1d1f;overflow-x:hidden}@keyframes writing-motion{0%,to{transform:rotate(0) translate(0)}10%{transform:rotate(-12deg) translate(-1px,1px)}25%{transform:rotate(5deg) translate(1px,-1px)}40%{transform:rotate(-8deg) translate(-1px)}55%{transform:rotate(4deg) translate(1px,1px)}70%{transform:rotate(-5deg) translateY(-1px)}}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.writing-icon svg{animation:writing-motion 2s infinite ease-in-out;transform-origin:center bottom}.ant-avatar{flex-shrink:0!important;display:flex!important;align-items:center!important;justify-content:center!important}.ant-avatar img{object-fit:cover!important;width:100%!important;height:100%!important}.container{max-width:1200px;margin:0 auto;padding:0 20px}.ant-btn-primary{background:#6366f1;border:none;box-shadow:0 2px 8px #6366f133;transition:all .3s ease}.ant-btn-primary:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.ant-card{border-radius:12px;box-shadow:0 1px 3px #00000014;border:1px solid #f0f0f0;transition:all .3s ease}.ant-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.page-header{margin-bottom:32px}.page-title{font-size:32px;font-weight:600;color:#1d1d1f;margin-bottom:8px}.page-subtitle{font-size:16px;color:#86868b}.author-link:hover{color:#6366f1!important;text-decoration:underline}.quill{background:#fff}.ql-container{font-size:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.ql-editor{min-height:400px;padding:20px}.ql-editor.ql-blank:before{color:#86868b;font-style:normal}.article-content{line-height:1.8}.article-content h1,.article-content h2,.article-content h3{margin-top:24px;margin-bottom:16px;font-weight:600;color:#1d1d1f}.article-content h1{font-size:28px}.article-content h2{font-size:24px}.article-content h3{font-size:20px}.article-content p{margin-bottom:16px}.article-content img{max-width:100%;height:auto;border-radius:8px;margin:20px 0}.article-content blockquote{border-left:4px solid #6366f1;padding-left:16px;margin:20px 0;color:#86868b;font-style:italic}.article-content ul,.article-content ol{margin-bottom:16px;padding-left:24px}.article-content li{margin-bottom:8px}.article-content a{color:#6366f1;text-decoration:none;transition:color .3s}.article-content a:hover{color:#4f46e5;text-decoration:underline}@media (max-width: 768px){.container{padding:0 16px}.page-title,.article-content h1{font-size:24px}.article-content h2{font-size:20px}.article-content h3{font-size:18px}.desktop-menu,.desktop-user-actions{display:none!important}.mobile-menu-button{display:block!important}}.mobile-bottom-sheet .ant-drawer-content{border-radius:32px 32px 0 0!important;overflow:hidden;box-shadow:0 -20px 40px #0000001a!important}.mobile-bottom-sheet .ant-drawer-mask{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0003!important}.mobile-bottom-menu .ant-menu-item{height:56px!important;line-height:56px!important;margin:4px 12px!important;padding:0 20px!important;font-size:16px!important;font-weight:500!important;border-radius:16px!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;background:transparent!important;color:#1d1d1f!important}.mobile-bottom-menu .ant-menu-item:active{background-color:#6366f114!important;transform:scale(.97)}.mobile-bottom-menu .ant-menu-item:hover{background-color:#00000008!important}.mobile-bottom-menu .ant-menu-item-selected{background-color:#6366f11a!important;color:#6366f1!important;font-weight:600!important}.mobile-bottom-menu .ant-menu-item .ant-menu-item-icon{font-size:20px!important;margin-right:12px!important;color:#86868b}.mobile-bottom-menu .ant-menu-item-selected .ant-menu-item-icon{color:#6366f1}.mobile-bottom-menu .ant-menu-item-danger,.mobile-bottom-menu .ant-menu-item-danger .ant-menu-item-icon{color:#ff4d4f!important}.ant-drawer-header{border-bottom:1px solid rgba(0,0,0,.05)!important}.ant-drawer-body{padding:0!important}.ant-menu-vertical{border-right:none!important}.home-search-container{max-width:600px;margin:24px auto 0;display:flex;align-items:center}.home-search-input{width:100%;height:50px;border-radius:25px;border:2px solid rgba(255,255,255,.3);background:#ffffffe6;font-size:16px;padding:0 20px}.home-search-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.home-filter-button{height:32px;width:32px;border-radius:16px;background:#6366f1e6;border:none;box-shadow:0 4px 12px #6366f14d;display:flex;align-items:center;justify-content:center}.home-filter-button:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 6px 16px #6366f166}.custom-prev-arrow,.custom-next-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;background:#ffffffe6;border:1px solid #d9d9d9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#666;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.custom-prev-arrow:hover,.custom-next-arrow:hover{background:#6366f1;color:#fff;border-color:#6366f1;transform:translateY(-50%) scale(1.1)}.custom-prev-arrow{left:-20px}.custom-next-arrow{right:-20px}@media (max-width: 768px){.home-search-container{margin:16px auto 0}.home-search-input{height:45px;font-size:14px;padding:0 16px}.home-create-article-btn{width:100%}.custom-prev-arrow,.custom-next-arrow{width:35px;height:35px;font-size:16px}.custom-prev-arrow{left:-15px}.custom-next-arrow{right:-15px}}@media (max-width: 768px){.ant-select-dropdown{max-height:75vh!important;overflow:hidden!important}.ant-select-dropdown .rc-virtual-list-holder{max-height:72vh!important;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}}.mobile-select-overlay{position:fixed;z-index:1000;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:flex-end;animation:mobile-overlay-in .25s ease forwards;will-change:opacity}.mobile-select-overlay.closing{animation:mobile-overlay-out .2s ease forwards}.mobile-select-panel{width:100%;max-height:85vh;background:#fff;border-radius:20px 20px 0 0;padding:16px;box-shadow:0 -8px 24px #0000001a;display:flex;flex-direction:column;transform:translateY(100%);animation:mobile-panel-in .3s cubic-bezier(.22,1,.36,1) forwards;will-change:transform}.mobile-select-panel.closing{animation:mobile-panel-out .25s ease forwards}.mobile-select-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.mobile-select-close,.mobile-select-ready{border:none;background:transparent;font-size:16px;color:#6366f1;display:flex;align-items:center;justify-content:center;padding:6px}.mobile-select-close{color:#1d1d1f}.mobile-select-title{font-weight:600}.mobile-select-search{margin-bottom:12px}.mobile-select-options{overflow-y:auto;max-height:70vh;padding-right:4px}.mobile-select-option{width:100%;text-align:left;padding:12px 4px;border:none;background:transparent;border-bottom:1px solid #f0f0f0;font-size:16px;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:12px}.mobile-select-option:last-child{border-bottom:none}.mobile-select-option:hover{background:#f5f5f5}.mobile-select-option.selected{color:#6366f1;font-weight:600}.mobile-select-checkbox{width:22px;height:22px;border:1px solid #d9d9d9;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:transparent;transition:background-color .2s ease,border-color .2s ease}.mobile-select-checkbox.checked{background:#6366f1;border-color:#6366f1;color:#fff}.mobile-select-label{flex:1;text-align:left}.mobile-select-empty{padding:16px;text-align:center;color:#86868b}@keyframes mobile-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes mobile-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes mobile-panel-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes mobile-panel-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}