.writer-mobile-header{display:none}@media (max-width:767px){body:has(.writer-page) [data-site-chrome]{display:none}.writer-page{color:#42362f;background:#f7efe9}.writer-mobile-header{padding:calc(8px + env(safe-area-inset-top)) 12px 8px;align-items:center;gap:7px;display:flex}.writer-mobile-header>button{height:44px;color:inherit;border-radius:50%;flex:0 0 32px;place-items:center;display:grid}.writer-mobile-header>button:hover{background:#f5e7df}.writer-mobile-header h1{letter-spacing:.5px;font-size:19px;font-weight:600}.writer-main{padding:8px 12px calc(24px + env(safe-area-inset-bottom));min-width:0}.writer-works-shell{min-height:0;box-shadow:none;background:#fffaf6;border-color:#e9dcd0;border-radius:18px}.writer-works-heading{background:0 0;border-color:#eee0d6;padding:16px}.writer-work{gap:12px;padding:16px 12px}.writer-work>div:first-child{width:58px}.writer-work>div:last-child{min-width:0;min-height:100px}.writer-work h4{overflow-wrap:anywhere;min-width:0}.writer-work h4+span{display:none}.writer-work button{flex:1;width:auto;min-width:0;min-height:42px;padding:8px 5px;font-size:12px}.writer-page .bg-blue-600{background:#b8424c}.writer-page .text-blue-600{color:#b8424c}.writer-page .border-blue-100{border-color:#ecd1cb}.writer-page .shadow-blue-500\/20,.writer-page .shadow-blue-500\/30{--tw-shadow-color:#b8424c20}}