/* The desktop program's original artwork, dimensions, palette and navigation. */
:root{--gold:#d4ad68;--text:#f4ead8;--muted:#b9ac9d;--border:#b58b4869;--panel:#020307bc;--panel2:#101019e0;--bg:#0d0c0e}
body{background:linear-gradient(#05040748,#05040748),url('/desktop-ui/app_background_clean.webp') center/cover fixed;color:var(--text);font:13px/1.45 'Segoe UI',sans-serif}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.sidebar{width:220px;padding:8px 22px 10px;background:linear-gradient(#0706093a,#0706093a),url('/desktop-ui/sidebar_background_narrow.webp') center top/auto 100% no-repeat;border-right:3px double #ddb96f;overflow:auto}
.brand{height:150px;padding:0;flex-shrink:0;display:block}.sidebar nav{gap:1px}.sidebar nav a{min-height:33px;padding:5px 8px;font-size:13px;color:#eee5d9;border-radius:7px;gap:7px}.sidebar nav a.active{background:linear-gradient(90deg,#4d1e2bcd,#19121878);border-color:#b98b4baf;color:#fff4e5}.sidebar nav a:hover{background:#14111673;border-color:#9b774b5a}.sidebar nav .nav-symbol{color:#d8b46e;font-size:21px;width:28px;text-align:center}.sidebar nav small{font-size:8px}.sidebar-foot{padding:12px 0 160px;margin-top:auto}.sidebar-foot .unlock-button{padding:7px;font-size:11px;background:#101019cb;color:var(--gold);border-color:#806443}.sidebar-foot small{font-size:9px;color:#eee5d9;text-align:center;text-shadow:0 1px 4px #000}
.main-shell{margin-left:220px;width:calc(100% - 220px)}.topbar{height:68px;border:0;padding:6px 20px;justify-content:flex-end;gap:14px}.topbar>div{background:#020307c0;border:1px solid #b58b4869;border-radius:8px;text-align:center;padding:7px 14px;max-width:340px;order:1}.topbar .tiny{font-size:10px}.topbar #today{color:#f4ead8;font-family:Georgia,serif;font-size:12px}.status-pill{padding:6px 12px;background:#070910dd;border-color:#806443}.topbar .menu-button{order:0}.topbar #status-pill{order:2}main{padding:10px 14px 20px;max-width:none;min-height:calc(100vh - 120px)}
.panel,.feature{background:#020307bc;border:1px solid #b58b4869;border-radius:12px;padding:16px}h1{font:32px Georgia,serif;color:#f1d18a;letter-spacing:0}h2{font:21px Georgia,serif;color:#f1d18a}h3{color:#f1d18a}.page-heading{margin-bottom:14px}.page-heading p{background:#05070db9;padding:7px 10px;color:#f4ead8;border-radius:7px}.page-heading .tiny{display:none}input,select,textarea{background:#070910dc;color:#f4ead8;border:1px solid #806443;border-radius:6px;padding:7px 10px}button{background:#0b0b14e0;border-color:#806443;color:#f4ead8;padding:8px 13px;border-radius:7px}.primary{background:linear-gradient(#6d4f25,#332516);color:#ffe7b0;border:1px solid #b88a49}.primary:hover{background:#73512c}.panel p{line-height:1.6}.grid{gap:10px}.section-heading{margin:0 0 10px;align-items:center}.section-heading h2{font-size:21px}.section-heading .muted{font-size:12px}.reading-cards{gap:16px}.reading-card .position{color:#f1d18a}.free-table{background:linear-gradient(#05050a70,#05050aa0),url('/desktop-ui/app_background_clean.webp') center/cover}.library-card{background:transparent}.library-card:hover{background:#0a091366}
.desktop-home-header{height:142px;display:flex;align-items:center;margin-top:-58px;pointer-events:none;width:min(72%,780px)}.desktop-home-header img{max-width:100%;max-height:142px;object-fit:contain}.home-numerology{display:grid;grid-template-columns:320px minmax(0,1fr);gap:10px;margin:4px 0 10px}.home-info{padding:8px 14px;max-height:340px}.home-info h2,.home-numbers h2{margin:0 0 8px}.home-info form{display:flex;flex-direction:column;gap:8px}.home-info label{min-width:0;flex-direction:row;align-items:center;gap:10px;font-size:11px}.home-info label select{flex:1;width:0}.home-info label.home-birth{flex-direction:column;align-items:start;gap:3px}.home-info button{height:34px;padding:5px;font-size:12px;font-weight:600}.home-info .save-profile{font-size:9px;letter-spacing:.25px;gap:6px;min-height:26px}.home-info .save-profile input{width:auto}.home-numbers{padding:9px 12px;display:flex;flex-direction:column;gap:6px}.home-numbers h2{margin:0}#home-number-grid{display:grid;grid-template-columns:repeat(auto-fit,112px);justify-content:center;gap:8px;flex:1}.number-tile{width:112px;min-height:158px;text-align:center}.number-art{position:relative;height:138px;border:1px solid #b88a49;border-radius:8px;overflow:hidden}.number-art img{width:110px;height:136px;object-fit:cover;display:block}.number-art strong{position:absolute;top:30px;left:8px;right:8px;color:#fff0c7;font:bold 27px/32px Georgia,serif;text-shadow:0 1px 5px #000}.number-tile small{font:11px/20px Georgia,serif;color:#f4ead8;display:block}#home-core{background:#070910da;border:1px solid #7e6038;border-radius:8px;padding:9px;font-size:12px;min-height:56px;display:flex;align-items:center;margin:0}.home-spreads{padding:9px 12px 12px}.spread-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px}.spread-tile{padding:0 0 6px;background:transparent;border:1px solid transparent;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:3px;min-width:0}.spread-tile:hover{border-color:#c7a66b;background:#100c16ae}.spread-tile img{width:100%;aspect-ratio:1.65;object-fit:cover;border-radius:6px}.spread-tile span{font:bold 12px Georgia,serif;color:#f1d18a;padding:2px}.spread-tile small{color:#c4b5a2;font-size:10px}.desktop-motto{text-align:center;font:12px Georgia,serif;letter-spacing:3px;color:#f1d18a;background:#05070c96;border-block:1px solid #d4ad686e;padding:16px 20px;margin-top:10px}footer{margin:0 14px;padding:12px 0;background:#05070caa;font-size:10px}dialog{background:#090b13f5;border-color:#a47b58;border-radius:12px}.notice{background:#151019e6;border-color:#806443}
@media(min-width:1700px){#home-number-grid{grid-template-columns:repeat(8,112px)}.spread-tiles{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media(max-width:1150px){.home-numerology{grid-template-columns:290px minmax(0,1fr)}.desktop-home-header{height:125px;width:65%}.topbar>div{max-width:250px}.topbar #today{font-size:11px}.home-info{padding:10px}.spread-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.home-numbers h2{font-size:19px}}
@media(max-width:760px){.sidebar{width:220px}.main-shell{margin:0;width:100%}.topbar{height:65px;padding:7px 12px;justify-content:space-between}.topbar>div{order:0;max-width:230px;margin:0}.topbar .menu-button{margin-right:auto}.topbar #status-pill{font-size:9px;padding:6px}.desktop-home-header{margin-top:0;width:100%;height:auto;min-height:105px;justify-content:center}.desktop-home-header img{max-height:145px}.home-numerology{grid-template-columns:1fr}.home-info{max-height:none}.home-info form{display:grid;grid-template-columns:1fr 1fr;align-items:end}.home-info #home-name,.home-info .save-profile{grid-column:1/-1}.home-info .home-birth{min-width:0}.home-info label{flex-direction:column;align-items:start}.home-info label select{width:100%}#home-number-grid{grid-template-columns:repeat(auto-fit,112px)}.home-numbers{min-height:240px}.spread-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-motto{font-size:9px;letter-spacing:1px}main{padding:10px 12px}.sidebar-foot{padding-bottom:120px}.page-heading h1{font-size:28px}}
.desktop-reading{display:grid;grid-template-columns:minmax(0,3fr) minmax(260px,2fr);gap:16px;align-items:start}.reading-overview{max-width:455px;min-height:440px;display:flex;flex-direction:column;padding:20px 24px}.reading-overview>.interpretation{padding:0;border:0;background:none;flex:1}.reading-overview>.interpretation h2{display:none}.reading-overview blockquote{font:italic 14px/1.6 Georgia,serif;text-align:center;color:#e0c48e;margin:20px 0}.reading-overview .actions{flex-direction:column;align-items:stretch}.reading-overview .actions button{text-transform:uppercase;font-size:11px}.reading-cards{min-height:480px}.spread-canvas{position:relative;display:block;min-height:850px}.spread-canvas .reading-card{position:absolute;width:110px;transform:translate(-50%,-50%)}.spread-canvas .reading-card p{display:none}.spread-canvas .reading-card h3{font-size:12px;min-height:32px}.spread-canvas .reading-card .position{font-size:10px;min-height:28px}.spread-canvas .crossing-card{z-index:2;transform:translate(-50%,-50%) rotate(90deg)}.spread-canvas .crossing-card .position,.spread-canvas .crossing-card h3{visibility:hidden}.wheel-layout{min-height:1100px}.wheel-layout .reading-card{width:88px}
.reading-title-art{height:90px;max-width:270px;object-fit:contain}.spread-canvas{min-height:1250px}.spread-canvas .reading-card h3{font-size:11px}.spread-canvas .reading-card .position{line-height:1.2}.wheel-layout{min-height:1400px}
.daily-body{display:grid;grid-template-columns:2fr 3fr;gap:20px;align-items:start;margin-top:20px}.daily-art{text-align:center}.daily-art button{background:transparent;padding:0;border:0}.daily-art img{width:340px;max-width:100%;height:540px;object-fit:contain}.daily-body>section{min-height:560px;padding:24px}.daily-body h2{margin-bottom:20px}.daily-body p{margin:16px 0}.daily-body h3{margin-top:24px}.horoscope-body{grid-template-columns:350px minmax(0,1fr)}.horoscope-body .daily-art{padding:18px}.horoscope-body img{width:310px;height:490px}.horoscope-body .daily-art h2{margin:16px 0 0}
@media(max-width:760px){.daily-body,.horoscope-body{grid-template-columns:1fr}.daily-body>section{min-height:0}.daily-art img{height:420px}.horoscope-body .daily-art{max-width:350px;justify-self:center}}
@media(max-width:1100px){.desktop-reading{grid-template-columns:1fr}.reading-overview{max-width:none;min-height:260px}.spread-canvas{min-width:550px}.desktop-reading{overflow:auto}.reading-overview .actions{flex-direction:row}}
@media print{body{background:white;color:black}.desktop-home-header,.desktop-motto{display:none}.panel{background:white;color:black}.main-shell{margin:0;width:100%}.desktop-reading{display:block}.reading-overview{max-width:none}.spread-canvas{min-height:850px;break-inside:avoid}}