*{box-sizing:border-box}*,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background-color:#f8f9fa;transition:background-color .3s ease,color .3s ease}.outside_box{max-width:1000px;margin:0 auto;padding:20px}.inside_box{background:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.05);overflow:hidden;transition:background-color .3s ease,box-shadow .3s ease}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;padding:24px;background:linear-gradient(135deg,#6e8efb,#a777e3);color:#fff}.stat-card{background:hsla(0,0%,100%,.15);backdrop-filter:blur(10px);border-radius:10px;padding:16px;text-align:center;transition:transform .2s ease}.stat-card:hover{transform:translateY(-3px)}.stat-number{font-size:24px;font-weight:700;margin-bottom:5px}.stat-title{font-size:14px;opacity:.9}.journal-container{padding:24px}.version-card{margin-bottom:16px;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.05);border:1px solid #eaeaea;transition:all .2s ease}.version-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}.version-header{padding:18px 20px;background:#f9f9f9;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s ease}.version-header:hover{background:#f0f4ff}.version-title{font-size:18px;font-weight:600;color:#2c3e50;transition:color .3s ease}.update-date{font-size:14px;color:#7f8c8d;transition:color .3s ease}.version-content{background:#fff;overflow:hidden;transition:max-height .3s ease,background-color .3s ease}.update-item{padding:16px 20px;border-bottom:1px solid #f1f1f1;display:flex;align-items:flex-start;flex-direction:column;transition:background-color .3s ease,border-color .3s ease}.update-item:last-child{border-bottom:none}.update-labels{flex-shrink:0;width:100%;margin-right:16px}.label{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;margin-right:6px;margin-bottom:4px;background:#f0f4ff;color:#4a6cf7;transition:background-color .3s ease,color .3s ease}.update-details{flex-grow:1}.update-text{font-size:15px;margin-bottom:6px;color:#2c3e50;transition:color .3s ease}.update-time{font-size:13px;color:#95a5a6;transition:color .3s ease}.collapse-indicator{width:20px;height:20px;position:relative}.collapse-indicator:after,.collapse-indicator:before{content:"";position:absolute;background-color:#7f8c8d;transition:all .3s ease}.collapse-indicator:before{width:12px;height:2px;left:4px;top:9px}.collapse-indicator:after{width:2px;height:12px;left:9px;top:4px}.version-header.collapsed .collapse-indicator:after{transform:rotate(90deg);opacity:0}@media (max-width:768px){.outside_box{padding:12px}.stats-container{grid-template-columns:1fr 1fr;padding:16px;gap:12px}.journal-container{padding:16px}.update-item,.version-header{padding:14px 16px}.update-item{flex-direction:column}.update-labels{width:100%;margin-right:0;margin-bottom:10px}.version-title{font-size:16px}}@media (max-width:480px){.stats-container{grid-template-columns:1fr}.stat-number{font-size:20px}}body.dark{background-color:#121212;color:#e0e0e0}body.dark .inside_box{background:#1e1e1e;box-shadow:0 4px 12px rgba(0,0,0,.3)}body.dark .stats-container{background:linear-gradient(135deg,rgba(74,95,199,.5),rgba(125,91,195,.5))}body.dark .stat-card{background:hsla(0,0%,100%,.1)}body.dark .version-card{border-color:#333;box-shadow:0 2px 8px rgba(0,0,0,.2)}body.dark .version-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.3)}body.dark .version-header{background:#252525}body.dark .version-header:hover{background:#2c2c2c}body.dark .version-title{color:#e0e0e0}body.dark .update-date{color:#a0a0a0}body.dark .version-content{background:#1a1a1a}body.dark .update-item{border-bottom-color:#333}body.dark .label{background:rgba(74,108,247,.2);color:#8da2f9}body.dark .update-text{color:#e0e0e0}body.dark .update-time{color:#888}body.dark .collapse-indicator:after,body.dark .collapse-indicator:before{background-color:#a0a0a0}@media (max-width:768px){body.dark .stats-container{background:linear-gradient(135deg,rgba(74,95,199,.5),rgba(125,91,195,.5))}}.logo-container{display:flex;justify-content:center;margin-bottom:20px;padding:0 20px}.logo-link{display:inline-block;transition:transform .3s ease}.logo-link:hover{transform:scale(1.05)}.logo-image{height:40px;width:auto;max-width:100%}@media (max-width:768px){.logo-image{height:35px}}@media (max-width:480px){.logo-image{height:30px}}.logo_img{content:url(../../img/blacklogo.svg)}.dark .logo_img{content:url(../../img/writelogo.svg)}