/* R198: all tokens and components scoped to the omen module. */
.shell.om-page>.dq-wallpaper{display:block}
.shell.om-page{--om-navy:#041e30;--om-paper:#fff3d5;--om-gold:#e8b666;--om-line:#ad7a36;--om-muted:#d5cfba;--om-radius:16px;--om-gap:12px;font-family:var(--dq-font-body,Georgia,serif);color:var(--om-paper);background:#031a2b!important}.om-page button,.om-page input,.om-page select{font-family:inherit}.om-content{padding:0 12px 24px}.om-hero{position:relative;z-index:1;padding:15px 16px 19px;background:transparent;min-height:196px}.om-top{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:35px}.om-top>span{font-size:10px;letter-spacing:.18em;text-shadow:0 2px 5px #000}.om-top>div{display:flex;gap:8px}.om-circle{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--om-gold);border-radius:50%;color:var(--om-paper);background:#001c2fed;flex:none}.om-hero h1{font:700 32px/1.2 var(--dq-font-display,Georgia,serif);color:#fff0bf;text-shadow:0 2px 8px #000;letter-spacing:-.6px}.om-hero>p{font-size:12px;color:#fff4dc;margin-top:7px;text-shadow:0 1px 3px #000}
.om-page .om-panel{padding:16px;border:1px solid var(--om-line);border-radius:var(--om-radius);background:#031b2bf5;box-shadow:inset 0 0 0 2px #e8b6660a;margin:12px 0;min-width:0}.om-search{display:flex;align-items:center;gap:10px;background:#031b2bf5;border:1.5px solid var(--om-gold);border-radius:999px;padding:5px 8px 5px 16px;min-height:48px}.om-search>svg{color:var(--om-gold)}.om-search input{background:transparent;border:0;outline:0;min-width:0;width:100%;color:#fff7e7;font-size:13px;line-height:1.5;min-height:34px}.om-search input::placeholder{color:#d3cdbf}.om-search button{width:32px;height:32px;border:0;border-radius:50%;background:#f5cf7c;color:#08243b;flex:none;display:grid;place-items:center}.om-tabs{display:flex;gap:7px;overflow-x:auto;padding:12px 0 8px;scrollbar-width:none}.om-tabs::-webkit-scrollbar{display:none}.om-tabs button,.om-subtabs button{border:1px solid var(--om-gold);border-radius:999px;background:#031d2df0;color:#fff0cf;padding:7px 12px;font-size:12px;white-space:nowrap;min-height:34px;display:inline-flex;align-items:center;gap:5px;flex:none}.om-tabs button.active,.om-subtabs button.active{background:linear-gradient(#fff0b5,#e9b85f);color:#211909;font-weight:700}.om-subtabs{display:flex;gap:6px;overflow-x:auto;padding:2px 0 5px;scrollbar-width:none}.om-subtabs button{font-size:10px;padding:5px 8px;min-height:29px;border-color:#b78646}.om-subtabs svg{width:14px;height:14px}
.om-about summary,.om-lookup summary{font-weight:700;font-size:12px;cursor:pointer;color:#ffe5a7}.om-lookup summary{display:flex;align-items:center;gap:7px}.om-about ul{padding-left:19px;margin:12px 0 5px;font-size:12px;line-height:1.8}.om-note{font-size:11px;line-height:1.75;color:#d2cbb9;margin-top:10px}.om-count{font-size:10px;color:#e4d3ab;margin:14px 3px 8px;line-height:1.65}.om-status{padding:17px;font-size:13px;line-height:1.8}.om-status button{margin-top:10px}.om-lookup form{display:grid;gap:11px;margin-top:15px}.om-lookup label{display:grid;gap:5px;font-size:11px;color:#f7e4bb;min-width:0}.om-lookup input,.om-lookup select{width:100%;min-width:0;padding:9px 10px;min-height:41px;border:1px solid #af854c;border-radius:9px;background:#0a2d40;color:#fff4d8;font-size:12px}.om-field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.om-gold-button{border:1px solid #ffe4a4;border-radius:999px;min-height:40px;padding:9px 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(#fff0b5,#e4ac52);color:#1d2730;font-weight:700;font-size:12px}.om-gold-button:disabled{opacity:.5}
.om-featured{display:grid;position:relative;min-height:157px;padding:14px 14px 17px;width:100%;text-align:left;border:1.5px solid var(--om-gold);border-radius:16px;overflow:hidden;color:#fff6dc;background:linear-gradient(90deg,#061a26f5 0%,#041c29c9 48%,#041c290a),url('/images/daoquan-diem-bao-mau-r198.png') 80% 28%/400% auto no-repeat}.om-featured-badge{justify-self:start;background:linear-gradient(#d6472d,#952013);border:1px solid #ffcb72;border-radius:999px;padding:4px 9px;font-size:11px}.om-featured-title{max-width:73%;font:700 21px/1.25 var(--dq-font-display,Georgia,serif);margin-top:15px;text-shadow:0 2px 5px #000}.om-featured-meta{margin-top:10px;font-size:9px;display:flex;align-items:center;gap:5px}.om-featured-meta svg{width:15px;height:15px}.om-featured>.om-circle{position:absolute;right:12px;bottom:14px}.om-list-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:17px 1px 12px;border-bottom:1px solid #a7793e;padding-bottom:8px}.om-list-heading h2{font:700 22px/1.25 var(--dq-font-display,Georgia,serif);color:#ffe3a4}.om-list-heading>span{font-size:10px;color:#e6c888}.om-entries{display:grid;gap:9px}.om-entry{position:relative;display:grid;grid-template-columns:91px minmax(0,1fr);min-height:135px;border:1px solid #c58a37;border-radius:13px;overflow:hidden;background:linear-gradient(100deg,#0b2433,#001b2bf5);padding-right:29px}.om-thumb{display:block;background-image:url('/images/daoquan-diem-bao-mau-r198.png');background-size:900% auto;background-position:17% 48.3%;border-right:1px solid #a17131;min-height:100%;width:100%}.om-thumb-nature{background-position:66% 29%}.om-thumb-dream{background-position:17% 48.3%}.om-thumb-taboo{background-position:17% 59.1%}.om-thumb-symbol{background-position:17% 70.2%}.om-thumb-folk{background-position:17% 81.2%}.om-thumb-body,.om-thumb-spirit{background-position:17% 92.8%}.om-entry-copy{padding:8px 8px 10px;min-width:0}.om-small-pill{display:inline-flex;align-items:center;gap:4px;border:1px solid #a67a3a;border-radius:999px;padding:2px 6px;max-width:100%;color:#ffe4a7;font-size:9px;line-height:1.4}.om-small-pill svg{width:12px;height:12px;flex:none}.om-entry-title{display:block;background:none;color:#fff5dc;padding:0;border:0;text-align:left;font:700 13px/1.35 var(--dq-font-display,Georgia,serif);margin-top:5px;width:100%;overflow-wrap:anywhere}.om-entry-copy p{font-size:10px;line-height:1.5;color:#e4ddce;margin-top:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.om-entry-copy small{font-size:8px;line-height:1.5;color:#d4c8ae;display:flex;gap:4px;align-items:center;margin-top:7px}.om-entry-copy small svg{width:13px;height:13px}.om-save{position:absolute;top:7px;right:5px;border:0;background:transparent;color:#f7d790;padding:3px;width:24px;height:27px}.om-save svg{width:17px}.om-save.is-saved svg{fill:#e9b864}.om-entry-next{position:absolute;bottom:9px;right:5px;width:25px;height:25px}.om-entry-next svg{width:16px}.om-pagination{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:17px}.om-page-button{display:flex;align-items:center;gap:4px;border:1px solid #aa7a3b;border-radius:999px;background:#09283d;color:#ffe2a3;min-height:34px;padding:6px 11px;font-size:11px}.om-page-button svg{width:14px}.om-page-button:disabled{opacity:.35}.om-pagination>span{font-size:10px;color:#d2c6ae}.om-footer{margin:21px 12px 0;text-align:center;color:#ccb78f;font-size:10px;line-height:1.75}
.om-back-list{display:inline-flex;align-items:center;gap:5px;border:0;background:none;color:#ffe0a1;font-size:12px;padding:10px 0}.om-back-list svg{width:16px}.om-article h2{font:700 25px/1.25 var(--dq-font-display,Georgia,serif);color:#ffe5af;margin:12px 0 8px;overflow-wrap:anywhere}.om-byline{font-size:10px;color:#d9c6a4}.om-article-summary{font-size:13px;line-height:1.85;margin-top:15px;color:#fff0d6}.om-method-note{padding:12px;border:1px solid #805e33;border-radius:10px;background:#143247;color:#e5d7be;font-size:11px;line-height:1.75;margin:16px 0}.om-article-body section{margin-top:20px}.om-article-body h3,.om-hour-table h3{font-size:16px;color:#ffdea2;line-height:1.5;margin:0 0 9px}.om-article-body p{font-size:13px;line-height:1.95;color:#f2e8d7;margin-top:7px;overflow-wrap:anywhere}.om-hour-table{border-top:1px solid #795b35;margin-top:24px;padding-top:18px}.om-hour-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:14px 0}.om-hour-buttons button{border:1px solid #a2783f;border-radius:9px;padding:7px 2px;min-height:47px;background:#092b3e;color:#ffe6b8;display:grid;gap:3px}.om-hour-buttons b{font-size:12px}.om-hour-buttons small{font-size:8px}.om-hour-buttons button[aria-pressed=true]{background:#edc574;color:#122737;border-color:#fff0b5}.om-selected-hour{padding:13px;background:#fff4d6;border:1px solid #d9a75a;border-radius:11px;color:#173145;margin:11px 0}.om-selected-hour strong{font-size:14px}.om-selected-hour p{font-size:13px;line-height:1.8;margin-top:8px}.om-selected-hour small{display:block;font-size:10px;line-height:1.7;margin-top:7px;color:#58616a}.om-selected-hour .om-back-list{color:#2e5066}.om-hour-row{border-bottom:1px solid #705634;padding:12px 0;font-size:12px;line-height:1.8}.om-hour-row strong{color:#f5d9a4}.om-hour-row p{font-size:12px;line-height:1.8;margin-top:4px}.om-article details summary{font-size:12px;color:#f1d7a3;cursor:pointer;padding:9px 0}.om-sources{border-top:1px solid #745533;margin:20px 0 12px;padding-top:9px}.om-sources ul{padding-left:17px}.om-sources li{margin:7px 0;font-size:11px;line-height:1.7;overflow-wrap:anywhere}.om-sources a{color:#ffe6ac}
.home-page .om-home-tile{position:relative;overflow:hidden;background:none!important}.om-home-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 25%}.om-home-tile:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#001324f5)}.home-page .om-home-tile b{position:absolute;bottom:7px;left:3px;right:3px;z-index:1;font:700 11px/1.4 var(--dq-font-body);color:#fff4d9;text-align:center;text-shadow:0 2px 4px #000;white-space:normal}.om-home-tile>svg{z-index:2}
@media(max-width:359px){.om-content{padding-inline:10px}.om-hero{padding-inline:12px}.om-hero h1{font-size:27px}.om-top>span{font-size:9px}.om-entry{grid-template-columns:74px minmax(0,1fr)}.om-entry-title{font-size:12px}.om-entry-copy{padding-inline:7px}.om-entry-copy small{font-size:7px}.om-featured-title{font-size:19px}.om-field-row{gap:6px}.om-lookup select{padding-inline:5px;font-size:11px}.om-page .om-panel{padding:13px}}
@media(prefers-reduced-motion:reduce){.om-page *{scroll-behavior:auto!important}}
/* Keep each preview inside the picture region of the supplied reference. */
.om-thumb{background-size:auto 1100%;background-position:15% 48.2%}
.om-thumb-nature,.om-thumb-symbol{background-position:15% 70.3%}
.om-thumb-dream{background-position:15% 48.2%}
.om-thumb-taboo{background-position:15% 59.2%}
.om-thumb-folk{background-position:15% 81.5%}
.om-thumb-body,.om-thumb-spirit{background-position:15% 92.7%}
.om-featured{background:#061d2d;isolation:isolate}
.om-featured::before{content:'';position:absolute;inset:0 0 0 48%;z-index:-2;background:url('/images/daoquan-diem-bao-mau-r198.png') 79% 27.3%/auto 800% no-repeat}
.om-featured::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#061d2d 38%,#061d2daa 61%,#061d2d08)}
.om-page :focus-visible{outline:2px solid #ffe4a4;outline-offset:3px}
.om-home-tile img{object-position:70% 25%}

/* Compact tools keep the first articles visible on a phone. */
.om-hero{min-height:154px;padding-bottom:14px}.om-top{margin-bottom:18px}
.om-tool-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:10px}
.om-tool-row .om-panel{margin:0;padding:11px 10px;border-radius:999px}
.om-tool-row summary{font-size:11px;line-height:1.5}
.om-tool-row details[open]{grid-column:1/-1;border-radius:16px}
.om-tool-row .om-lookup summary svg{width:17px;height:17px;flex:none}
.om-entry{min-height:112px}.om-count{margin-top:10px}

.om-source-label{border-top:1px solid #745533;margin:20px 0 12px;padding-top:14px;color:#e5d7be;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.om-source-label strong{color:#ffe6ac}

/* FIX3: phone spacing, compact controls and a rotating featured card. */
.om-page .om-hero{box-sizing:border-box;min-height:172px;padding:36px 14px 18px;padding-top:calc(36px + env(safe-area-inset-top,0px))}
.om-page .om-top{margin-bottom:24px;gap:8px}.om-page .om-top>div{gap:7px}
.om-page .om-top .om-circle{width:36px;height:36px;min-width:36px;min-height:36px;padding:0}.om-page .om-top .om-circle svg{width:19px;height:19px}
.om-page .om-hero h1{margin:0;font-size:clamp(24px,7vw,30px);line-height:1.25;letter-spacing:-.4px}
.om-page .om-content{padding:0 12px 24px}
.om-page .om-search{box-sizing:border-box;min-height:42px;height:42px;max-height:42px;padding:4px 6px 4px 12px;gap:8px}
.om-page .om-search>svg{width:18px;height:18px;flex:none}.om-page .om-search input{min-height:28px;height:28px;margin:0;padding:0;font-size:13px;line-height:1.4}
.om-page .om-search button{width:30px;height:30px;min-width:30px;min-height:30px;padding:0}.om-page .om-search button svg{width:19px;height:19px}
.om-page .om-tabs{gap:5px;padding:10px 0 6px;max-width:100%;overscroll-behavior-x:contain}.om-page .om-tabs button{min-height:30px;padding:5px 10px;font-size:11px;line-height:1.45}
.om-page .om-subtabs{gap:5px;padding:0 0 5px;max-width:100%}.om-page .om-subtabs button{min-height:26px;padding:4px 7px;font-size:9.5px;line-height:1.45}
.om-page .om-tool-row{margin-top:7px}.om-page .om-tool-row .om-panel{padding:8px 9px}.om-page .om-tool-row summary{font-size:10.5px}
.om-featured-carousel{margin-top:12px;min-width:0}.om-featured-carousel .om-featured{min-height:166px;animation:om-slide-in .4s ease both}
.om-carousel-controls{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin:5px 1px 0;color:#d3b879;font-size:9px}
.om-page .om-carousel-controls button{border:1px solid #9e743b;border-radius:999px;background:#072537;color:#f0d79d;padding:3px 8px;min-height:24px;font-size:9px;line-height:1.4}
/* Flame and embers are clipped inside the badge. */
.om-featured-badge{position:relative;isolation:isolate;overflow:hidden;min-height:29px;padding:6px 13px;border-color:#ffda83;background:linear-gradient(180deg,#bc3613,#72160e);box-shadow:inset 0 1px 2px #ffe6a8}
.om-fire-label{position:relative;z-index:2;color:#fff8d3;font-weight:700;text-shadow:0 1px 3px #540b00}
.om-fire{position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% 120%,#ffd361cc,#f05c1788 45%,transparent 75%)}
.om-fire svg{display:block;width:100%;height:100%;overflow:hidden;opacity:.84}.om-fire path{transform-origin:50% 100%;animation:om-flame 1.2s ease-in-out infinite alternate}.om-fire .om-flame-inner{animation-duration:.8s;animation-delay:-.4s;opacity:.75}
.om-fire::after{content:'';position:absolute;left:25%;bottom:0;width:2px;height:2px;background:#ffe27d;border-radius:50%;box-shadow:19px 8px #ffb441,35px 2px #ffc358;animation:om-embers 1.7s ease-out infinite}
@keyframes om-slide-in{from{opacity:.35;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes om-flame{0%{transform:rotate(-15deg) scale(.88,.78);opacity:.7}50%{transform:rotate(3deg) scale(1,1.06);opacity:1}100%{transform:rotate(-9deg) scale(.92,.9);opacity:.85}}
@keyframes om-fire-glow{from{box-shadow:0 0 7px #ff682655,inset 0 1px 2px #fff5c9}to{box-shadow:0 0 14px #ff752a99,inset 0 1px 2px #fff5c9}}
@keyframes om-embers{0%{opacity:0;transform:translateY(9px)}25%{opacity:1}100%{opacity:0;transform:translateY(-12px)}}
@media(max-width:359px){.om-page .om-content{padding-inline:10px}.om-page .om-hero{padding-inline:12px}.om-page .om-tabs button{padding-inline:8px;font-size:10.5px}.om-page .om-featured-title{font-size:19px;max-width:76%}}
@supports(-webkit-touch-callout:none){.om-page .om-search input{font-size:16px}.om-page .om-search input::placeholder{font-size:12px}}
@media(prefers-reduced-motion:reduce){.om-featured-carousel .om-featured,.om-featured-badge,.om-fire path,.om-fire::after{animation:none!important}}
.om-page .om-list-heading{margin-top:16px;margin-bottom:12px;padding-bottom:9px}.om-page .om-list-heading h2{margin:0;font-size:clamp(19px,5.8vw,22px)}

/* FIX4: a single swipe row and one shared app backdrop. */
.shell.om-page::before,.shell.om-page::after{content:none!important;display:none!important}
.shell.om-page{overflow:clip}
.om-page .om-content{background:none!important}
.om-page .om-panel{background:#051e2e}
.om-page .om-tabs{display:flex;flex-flow:row nowrap;overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y;scrollbar-width:thin;scrollbar-color:#bd914a #082536;scroll-padding-inline:2px;-webkit-overflow-scrolling:touch;padding-bottom:9px}
.om-page .om-tabs::-webkit-scrollbar{display:block;height:3px}.om-page .om-tabs::-webkit-scrollbar-thumb{background:#bd914a;border-radius:9px}
.om-page .om-tabs button{flex:0 0 auto;scroll-snap-align:start}.om-page .om-tabs svg{width:14px;height:14px}
.om-page .om-back-list{display:inline-flex;min-height:42px;padding:9px 16px;border:1px solid #ffdea0;border-radius:999px;background:linear-gradient(135deg,#fff0bc,#e3ad53);color:#172b38;font-weight:700;font-size:13px;box-shadow:0 3px 12px #0005;scroll-margin-top:14px}
.om-page [data-om-list]{position:sticky;top:calc(10px + env(safe-area-inset-top,0px));z-index:5;margin:10px 0 2px;max-width:100%}
.om-page .om-article .om-lookup{padding:12px;background:#082536;margin-top:12px}
.om-page .om-picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:7px;text-align:left;width:100%;min-height:42px;padding:9px 11px;border:1px solid #ae874b;border-radius:11px;background:linear-gradient(#10354a,#09283b);color:#fff2ce;font:12px/1.5 var(--dq-font-body,Arial,sans-serif)}
.om-picker-trigger>span{min-width:0;overflow-wrap:anywhere}.om-picker-trigger svg{width:15px;height:15px;transform:rotate(90deg);flex:none}
.om-picker{position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,430px);max-width:100%;max-height:calc(100dvh - 20px);overflow-y:auto;padding:19px 17px calc(18px + env(safe-area-inset-bottom,0px));border:1px solid #b9904e;border-bottom:0;border-radius:24px 24px 0 0;background:#072233;color:#fff0c9;font-family:var(--dq-font-body,Arial,sans-serif);box-shadow:0 -8px 35px #0007}
.om-picker::backdrop{background:#000f1bbd}
.om-picker-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.om-picker-head h2{margin:0;font-size:18px;line-height:1.4;color:#ffe6af}
.om-picker-head button{border:1px solid #b28b4a;border-radius:50%;background:#123749;color:#ffe2a6;width:32px;height:32px;min-height:32px;padding:0;font-size:23px;line-height:1}
.om-picker-hint{margin:7px 0 15px;color:#c7c4b6;font-size:11px}
.om-picker-columns{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.om-picker-time{grid-template-columns:1fr 1fr}.om-picker-column{min-width:0}.om-wheel-label{display:block;text-align:center;font-size:11px;color:#d8bb82;margin-bottom:7px}
.om-wheel{position:relative;height:168px;overflow-x:hidden;overflow-y:auto;padding-block:64px;border:1px solid #886b3c;border-radius:13px;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior:contain;touch-action:pan-y;background:linear-gradient(#082a3c,#12394a 40%,#12394a 60%,#082a3c)}
.om-wheel::-webkit-scrollbar{display:none}.om-wheel button{display:block;flex:none;width:100%;height:40px;min-height:40px;margin:0;border:0;border-radius:8px;padding:4px 9px;scroll-snap-align:center;background:transparent;color:#b8c5c9;font:12px/1.3 var(--dq-font-body,Arial,sans-serif);white-space:normal}
.om-wheel button[aria-selected=true]{background:#eac16e;color:#122c3e;font-weight:700;box-shadow:inset 0 0 0 1px #ffe8a9}.om-picker-time .om-wheel button{font-size:21px;font-variant-numeric:tabular-nums}
.om-picker-actions{display:flex;gap:10px;margin-top:18px}.om-picker-actions button{flex:1;min-height:43px;border:1px solid #ab874a;border-radius:999px;padding:10px;background:#123346;color:#ffe7b1;font:700 12px var(--dq-font-body,Arial,sans-serif)}
.om-picker-actions [data-om-picker-confirm]{background:linear-gradient(#fff0b9,#e5b15c);color:#173044;border-color:#ffe0a2}
.om-picker :focus-visible{outline:2px solid #ffe6ae;outline-offset:2px}