.app-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(470px,100%);height:100dvh;max-height:100dvh;max-width:100%;border:0;border-left:1px solid #c9a66c;padding:0;background:#fffcf6;color:#39262d;box-shadow:-15px 0 60px #27101933;overflow:hidden}
.app-drawer[open]{display:flex;flex-direction:column;animation:drawer-in .22s ease-out}.app-drawer::backdrop{background:#26111bb3;backdrop-filter:blur(3px)}body.drawer-is-open{overflow:hidden}
.drawer-top{display:flex;align-items:center;justify-content:space-between;padding:17px 24px;background:#591d30;color:#ecd29b;flex:none}.drawer-top>span{font-size:13px;letter-spacing:1.8px;font-weight:650}.drawer-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid #e5c38940;border-radius:50%;background:none;color:#f7dfae;font-size:29px;line-height:1}.drawer-close:hover{background:#ffffff12}
.drawer-body{padding:28px;overflow-y:auto;overscroll-behavior:contain;flex:1}.drawer-body h2{font:normal 35px/1.2 Georgia,serif;margin:17px 0 10px;overflow-wrap:anywhere}.drawer-body h2:focus{outline:none}.drawer-identity{display:flex;align-items:center;gap:15px;margin-bottom:20px}.drawer-icon{width:70px;height:70px;border-radius:15px;object-fit:cover;display:grid;place-items:center;background:linear-gradient(135deg,#8c2c44,#481323);border:1px solid #cbaa67;color:#f4d991;font:42px Georgia,serif;flex:none}.drawer-identity small{font-size:14px;color:#916b3f;line-height:1.7;overflow-wrap:anywhere}.drawer-summary{font-size:17px;color:#826b6e;line-height:1.85}.drawer-facts{margin:24px 0;font-size:16px}.drawer-facts>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:15px;padding:12px 0;border-bottom:1px solid #eadfcd}.drawer-facts dt{color:#987f70}.drawer-facts dd{margin:0;overflow-wrap:anywhere;color:#4b343c;font-weight:600}.drawer-notice{font-size:16px;line-height:1.8;background:#f5ecd9;color:#80603d;padding:14px 16px;border-radius:9px;margin:20px 0}.drawer-download{display:flex;justify-content:center;gap:10px;background:linear-gradient(120deg,#762239,#95364b);border:1px solid #ba9254;border-radius:9px;padding:14px 18px;color:#ffedc4;font-weight:650;font-size:17px;margin:18px 0 10px}.drawer-download:hover{background:#58182b;color:#fff1ce}.drawer-host{display:block;font-size:14px;color:#9c8269;text-align:center;overflow-wrap:anywhere}.drawer-links{display:flex;justify-content:space-between;gap:16px;margin-top:24px;font-size:15px;color:#85445a}.drawer-links a{text-decoration:underline;text-underline-offset:3px}.drawer-navigation{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #e8dac5;padding:16px 24px;background:#f7f0e5;flex:none}.drawer-navigation button{background:none;border:0;color:#7f3b4c;font-size:15px;padding:7px 0}.drawer-navigation button:disabled{opacity:.4;cursor:default}.drawer-loading{font-size:17px;color:#987750;padding:20px 0}.drawer-full-link{display:block;font-size:16px;color:#7e2d43;text-decoration:underline;margin-top:17px}
@keyframes drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(max-width:520px){.app-drawer{width:calc(100% - 16px);border-radius:18px 0 0 18px}.drawer-body{padding:22px}.drawer-body h2{font-size:32px}.drawer-top{padding:14px 20px}.drawer-facts>div{grid-template-columns:92px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.app-drawer[open]{animation:none}}