body{font-size:18px;line-height:1.6;color:#333;background-color:#fff;max-width:800px;margin:20px auto;padding:20px}.brfly-logo,body{font-family:Helvetica Neue,Arial,sans-serif}.brfly-logo{font-size:36px;font-weight:700;margin:0;display:inline-block}.brfly-logo .purple{color:#A66CFF}.brfly-logo .blue{color:#40B4FF}.publish-button{font-size:16px;padding:10px 20px;cursor:pointer;border:2px solid #a66cff;border-radius:4px;background:none;background-image:linear-gradient(90deg,#A66CFF,#40B4FF);background-clip:text;-webkit-background-clip:text;color:transparent;background-size:200% auto;background-position:0;transition:background-position .4s ease,border-color .4s ease}.publish-button:hover{background-position:100%;border-color:#40B4FF}@media print{body{font-family:Times New Roman,Times,serif;font-size:16px;line-height:1.4;color:#000;background:#fff;max-width:none;margin:0;padding:10mm}a:link,a:visited{text-decoration:underline;color:#000}}.link-chip{font-feature-settings:"smcp";font-variant-caps:small-caps;font-size:11px;padding:2px 5px;background-color:#eee;border-radius:10px;text-decoration:none;margin:0 2px;color:#40B4FF;transition:color .3s ease,background-image .3s ease}.link-chip:hover{color:transparent;background-image:linear-gradient(90deg,#40B4FF,#A66CFF);background-clip:text;-webkit-background-clip:text}.bottombar{font-size:11px;position:fixed;bottom:0;left:0;right:0;height:40px;background:#333;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 10px;z-index:1000}.left{font-size:14px;color:#fff}.right{display:flex;align-items:center;gap:8px}.privacy-link,.support-link{color:#40B4FF;text-decoration:underline;font-size:14px}.separator{color:#fff}a{color:#40B4FF;text-decoration:none;transition:color .3s ease,background-image .3s ease}a:hover{color:transparent;background-image:linear-gradient(90deg,#40B4FF,#A66CFF);background-clip:text;-webkit-background-clip:text}@media print{.bottombar{display:none}}