
#ukq{--q-bg:#101127;--q-panel:#1b1d3b;--q-soft:#252747;--q-text:#f5f4ff;--q-sub:#bbbdd8;--q-accent:#ffdc57;--q-pop:#9673ff;--q-radius:22px;color-scheme:dark;background:var(--q-bg);color:var(--q-text);font:15px/1.5 'Trebuchet MS',Arial,sans-serif;border-radius:24px;overflow:hidden}#ukq *{box-sizing:border-box}#ukq button,#ukq select{font:inherit;color:inherit}#ukq button{cursor:pointer}#ukq button:focus-visible,#ukq select:focus-visible{outline:3px solid #7de9ed;outline-offset:4px}#ukq button{border:0}#ukq [hidden]{display:none!important}#ukq header{padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #363654;flex-wrap:wrap}#ukq .brand{font-weight:900;font-style:italic;letter-spacing:-1px;font-size:25px}#ukq .brand span{color:var(--q-accent)}#ukq .eyebrow{color:var(--q-sub);font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}#ukq .role{display:flex;align-items:center;gap:8px;font-size:12px}#ukq select{background:var(--q-soft);border:1px solid #484967;border-radius:10px;padding:10px;max-width:100%}#ukq nav{display:flex;gap:8px;padding:16px 28px 0;flex-wrap:wrap}#ukq nav button{background:transparent;padding:10px 18px;border-radius:12px;color:var(--q-sub);font-weight:700}#ukq nav button[aria-pressed=true]{background:var(--q-soft);color:var(--q-accent)}#ukq main{padding:24px 28px 28px}#ukq h1{font-size:clamp(34px,5.6vw,62px);line-height:1.02;letter-spacing:-2px;margin:16px 0;font-weight:900}#ukq h2{font-size:26px;letter-spacing:-.6px;line-height:1.15;margin:8px 0 12px;font-weight:800}#ukq h3{font-size:18px;margin:8px 0;font-weight:800}#ukq p{margin:8px 0}#ukq .sub{color:var(--q-sub)}#ukq .small{font-size:12px}#ukq .pill{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;background:#343253;border-radius:8px;font-size:12px;color:#e6e1ff}#ukq .pill.yellow{background:#ffdc5720;color:var(--q-accent)}#ukq .primary{background:var(--q-accent);color:#19182a;font-weight:900;padding:13px 19px;border-radius:12px;box-shadow:0 4px 0 #8b6c16}#ukq .secondary{background:var(--q-soft);border:1px solid #4a4969;padding:11px 16px;border-radius:12px;font-weight:700}#ukq .row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}#ukq .hero{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:center;padding:26px;border-radius:var(--q-radius);background:radial-gradient(ellipse at 95% 5%,#7050bd70,transparent 70%),#222040;position:relative}#ukq .hero h1 span{color:var(--q-accent)}#ukq .hero .row{margin-top:22px}#ukq .passport{background:#15172e;padding:24px;transform:rotate(2deg);border-radius:20px;border:1px solid #605385;box-shadow:8px 12px 0 #0c0c213d}#ukq .passport-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;border-bottom:1px dashed #5a5477}#ukq .big-flag{font-size:42px}#ukq .journey-leg{display:flex;gap:14px;align-items:center;margin-top:17px}#ukq .leg-icon{font-size:24px;width:44px;height:44px;display:grid;place-items:center;background:#2d2a48;border-radius:12px;flex-shrink:0}#ukq .section-head{display:flex;justify-content:space-between;align-items:center;margin:24px 0 12px;gap:12px;flex-wrap:wrap}#ukq .tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}#ukq .tile{background:var(--q-panel);padding:18px;border-radius:var(--q-radius);text-align:left;color:var(--q-text);min-width:0}#ukq .tile .symbol{font-size:28px}#ukq .tile:hover{background:#2b2b4e}#ukq .tile p{font-size:13px;color:var(--q-sub)}#ukq .map-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px}#ukq .map-box{background:#131b35;border-radius:var(--q-radius);overflow:hidden;position:relative}#ukq .map-head{padding:14px 16px;display:flex;gap:8px;flex-wrap:wrap}#ukq .map-head button{padding:7px 12px;border-radius:9px;background:#28324c;font-size:12px}#ukq .map-head button[aria-pressed=true]{background:var(--q-accent);color:#171726}#ukq .map-stage{width:100%;height:450px;position:relative}#ukq .map-stage svg{display:block;width:100%;height:100%}#ukq .pin{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:#242a4b;color:#fff;border:2px solid #a79ce7;font-size:12px;font-weight:800;box-shadow:0 3px 6px #090d20}#ukq .pin.selected{background:var(--q-accent);color:#1c1c2d;border-color:var(--q-accent);z-index:2}#ukq .map-caption{padding:10px 16px;font-size:11px;color:var(--q-sub)}#ukq .map-caption a{color:var(--q-sub)}#ukq .detail{background:var(--q-panel);padding:20px;border-radius:var(--q-radius);align-self:start}#ukq .detail .symbol{font-size:38px}#ukq .detail ul{padding-left:18px;color:var(--q-sub);font-size:13px}#ukq .stops{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}#ukq .stops button{background:var(--q-soft);padding:8px 12px;border-radius:9px;text-align:left;font-size:12px}#ukq .stops button[aria-pressed=true]{background:var(--q-accent);color:#1a1930}#ukq .spinner-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin-top:20px}#ukq .wheel-wrap{position:relative;width:min(100%,310px);margin:20px auto 28px;aspect-ratio:1}#ukq .wheel{width:100%;height:100%;border-radius:50%;background:conic-gradient(from -30deg,#6447b7 0deg 60deg,#267e9b 60deg 120deg,#aa486a 120deg 180deg,#397754 180deg 240deg,#c18a34 240deg 300deg,#3c5eb1 300deg 360deg);border:9px solid #343257;box-shadow:0 0 0 3px #8074b7,0 14px 32px #05061970;position:relative;transition:transform 1.25s cubic-bezier(.12,.75,.14,1)}#ukq .wheel-label{position:absolute;left:50%;top:50%;width:72px;margin:-25px 0 0 -36px;text-align:center;font-size:11px;font-weight:800;line-height:1.4}#ukq .wheel-label span{display:block;font-size:26px}#ukq .hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#1b1937;border:5px solid #8673be;border-radius:50%;width:78px;height:78px;display:grid;place-items:center;font-weight:900;font-style:italic;color:var(--q-accent);font-size:19px;box-shadow:0 5px 12px #0004}#ukq .pointer{position:absolute;left:50%;top:-14px;transform:translateX(-50%);width:0;height:0;border-left:13px solid transparent;border-right:13px solid transparent;border-top:28px solid var(--q-accent);z-index:3}#ukq .spin-control{text-align:center}#ukq .spin-control button{min-width:220px}#ukq .result{background:var(--q-panel);border:1px solid #514875;border-radius:var(--q-radius);padding:24px;min-height:300px}#ukq .result .symbol{font-size:40px}#ukq .filters{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}#ukq .filters button{background:var(--q-soft);border-radius:10px;padding:10px 15px}#ukq .filters button[aria-pressed=true]{background:#7654c7;color:#fff}#ukq .saved{margin-top:18px;color:var(--q-sub);font-size:13px}#ukq .saved-item{display:inline-block;padding:7px 11px;border-radius:8px;background:#343052;margin:5px 5px 0 0;color:#f0eaff}#ukq footer{padding:14px 28px;background:#0c0e21;color:#adb0cd;font-size:11px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}#ukq button:disabled{opacity:.65;cursor:default}#ukq .note{font-size:12px;color:var(--q-sub);margin-top:14px}#ukq .selected-title{font-weight:800}#ukq .spark{color:var(--q-accent)}
@media(max-width:700px){#ukq header{padding:16px}#ukq main{padding:20px 16px}#ukq nav{padding:14px 16px 0}#ukq .hero{grid-template-columns:1fr;padding:22px;gap:24px}#ukq .passport{transform:none}#ukq .map-layout,#ukq .spinner-layout{grid-template-columns:1fr}#ukq .tiles{grid-template-columns:1fr}#ukq .tile{display:grid;grid-template-columns:42px 1fr;column-gap:12px}#ukq .tile .symbol{grid-row:1/4}#ukq .tile h3{margin:0}#ukq .tile p{margin:4px 0}#ukq .map-stage{height:420px}#ukq h1{font-size:42px}#ukq .role{width:100%;justify-content:space-between}#ukq footer{padding:14px 16px}}@media(max-width:400px){#ukq h1{font-size:34px}#ukq{--q-wheel-label-radius:76px}#ukq .hero{padding:18px}#ukq .passport{padding:16px}}@media(prefers-reduced-motion:reduce){#ukq .wheel{transition:none}}


#ukq .calendar-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;margin-top:20px}#ukq .calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}#ukq .weekday{text-align:center;color:var(--q-sub);font-size:12px;padding:5px}#ukq .daycell{min-height:87px;min-width:0;border-radius:12px;padding:10px 7px;background:var(--q-panel);text-align:left;color:var(--q-text);border:1px solid transparent}#ukq .daycell[aria-pressed=true]{border-color:var(--q-accent);background:#39324c}#ukq .daycell .daynum{font-size:20px;font-weight:800;display:block}#ukq .daycell .dayplace{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:5px}#ukq .daycell .daymark{font-size:11px;color:var(--q-accent)}#ukq .cal-gap{background:#191a302b;border-radius:12px}#ukq .calendar-legend{display:flex;flex-wrap:wrap;gap:14px;color:var(--q-sub);font-size:12px;margin:14px 0}#ukq .day-detail{background:var(--q-panel);border-radius:var(--q-radius);padding:22px;align-self:start}#ukq .day-events{padding:0;margin:20px 0;list-style:none}#ukq .day-events li{border-left:2px solid #665a8a;padding:0 0 20px 16px;margin-left:4px}#ukq .day-events li:last-child{padding-bottom:0}#ukq .day-events small{display:block;color:var(--q-sub);margin-bottom:4px}#ukq .night{background:#2e294a;border-radius:12px;padding:12px;font-size:13px;margin:18px 0}#ukq .calendar-switch button{padding:10px 15px;border-radius:10px;background:var(--q-soft)}#ukq .calendar-switch button[aria-pressed=true]{background:var(--q-accent);color:#1a1930}#ukq .time-row{width:100%;display:grid;grid-template-columns:76px 1fr;gap:16px;text-align:left;background:transparent;padding:11px 8px;border-radius:12px;position:relative}#ukq .time-row[aria-pressed=true]{background:#39324c}#ukq .time-date{font-size:13px;font-weight:800;color:var(--q-accent)}#ukq .time-content{padding-left:16px;border-left:2px solid #5a4d7d}#ukq .time-content small{display:block;color:var(--q-sub);font-size:12px}#ukq .map-days{margin-top:20px;padding-top:16px;border-top:1px solid #393651}#ukq .day-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin-top:12px}#ukq .strip-day{padding:10px 5px;border-radius:10px;background:var(--q-soft);font-size:12px;min-width:0}#ukq .strip-day strong{display:block;font-size:16px}#ukq .strip-day[aria-pressed=true]{background:var(--q-accent);color:#1a1930}#ukq .map-day-info{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-top:12px}#ukq .wheel-upright{transition:transform 1.25s cubic-bezier(.12,.75,.14,1)}#ukq .day-wishes{font-size:12px;color:var(--q-sub);padding-top:12px;border-top:1px solid #49415f}#ukq .day-browse{display:flex;gap:8px;margin-top:16px}#ukq .day-browse button{background:var(--q-soft);border-radius:10px;padding:9px 14px}
@media(max-width:800px){#ukq .calendar-layout{grid-template-columns:1fr}#ukq .day-strip{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:500px){#ukq .calendar{gap:4px}#ukq .daycell{min-height:65px;padding:6px 3px;text-align:center}#ukq .daycell .dayplace{display:none}#ukq .daycell .daynum{font-size:18px}#ukq .day-detail{padding:18px}#ukq .weekday{font-size:11px}#ukq .time-row{grid-template-columns:65px 1fr;gap:6px}}@media(prefers-reduced-motion:reduce){#ukq .wheel-upright{transition:none}}
