.op-host{width:100%;height:100dvh;position:relative;overflow:hidden}.op-host>.dv{border-radius:0;width:100%;height:100%;inset:0;position:absolute!important}.op-scroll{overscroll-behavior:contain;position:absolute;inset:0;overflow:auto}.op-surface .dv-top{z-index:5;backdrop-filter:blur(18px);background:linear-gradient(#0a0806f2,#0a0806bb);min-height:90px;padding-top:22px;position:sticky;top:0}.op-content{padding:0 18px 48px}.op-subtitle{color:var(--dim);margin:6px 0 20px;font-size:13px}.op-card{margin:14px 0;padding:18px}.op-card-head{align-items:center;gap:12px;display:flex}.op-card-head>div{flex:1;min-width:0}.op-card h2{overflow-wrap:anywhere;margin:0;font:700 17px Hanken Grotesk,sans-serif}.op-card p{color:var(--dim);margin:6px 0;font-size:13px;line-height:1.5}.op-card .op-line{white-space:pre-wrap;overflow-wrap:anywhere}.op-actions{flex-wrap:wrap;gap:10px;width:100%;margin-top:14px;display:flex}.op-actions>button{border-radius:16px;flex:130px;min-height:46px;padding:10px 14px;font:700 13px/1.3 Hanken Grotesk,sans-serif}.op-actions>button:disabled{opacity:.45}.op-tabs{gap:8px;padding:4px 0 12px;display:flex;overflow:auto}.op-tabs .pl{flex-shrink:0}.op-notice{color:var(--gold2,#ecd49a);background:#201a10;border:1px solid #5b4828;border-radius:14px;padding:14px;font-size:13px;line-height:1.5}.op-hint{color:var(--dim);font-size:12px;line-height:1.5}.op-surface .fl{margin-top:18px}.op-surface .inp{box-sizing:border-box;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;min-height:48px;font-size:16px}.op-surface textarea.inp{min-height:100px;padding-top:14px}.op-surface select.inp{padding-right:12px}.op-surface .sh .body{padding-bottom:32px}.op-surface .foot{padding-bottom:max(20px,env(safe-area-inset-bottom))}.op-surface .foot .op-actions{margin:0}.op-surface :focus-visible{outline-offset:3px;outline:2px solid #ecd49a}.op-search{gap:8px;margin:16px 0;display:flex}.op-search .dv-search{flex:1;min-width:0}.op-search>.btn-gh{border-radius:24px;padding:8px 14px}.op-surface .bb{white-space:pre-wrap;margin:12px 0}.op-surface .bb.g,.op-surface .bb.a{margin-left:auto}.op-priority{gap:10px;display:flex}.op-surface .op-priority label{text-transform:none;letter-spacing:0;flex:1;margin:0;font-size:15px;font-weight:700;position:relative}.op-priority input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.op-priority span{color:#b1a68b;background:#15110b;border:1px solid #5b4828;border-radius:24px;justify-content:center;align-items:center;min-height:48px;transition:background .18s,color .18s;display:flex}.op-priority input:checked+span{color:#211a0d;background:linear-gradient(120deg,#ecd49a,#c7a052);border-color:#d1b26b}.op-priority input:focus-visible+span{outline-offset:3px;outline:2px solid #ecd49a}.op-priority input:disabled+span{opacity:.45}.op-recipient{flex-direction:column}.op-recipient span{text-align:left;overflow-wrap:anywhere;justify-content:flex-start;padding:12px 16px}#root:has(.op-host){flex-direction:column;gap:0;justify-content:flex-start!important;align-items:stretch!important;display:flex!important}.op-host{flex-shrink:0;min-height:100dvh}.op-card .dv-av>svg{width:22px;height:22px;color:var(--gold-hi,#ecd49a);flex:0 0 22px;display:block}