:root {
  color-scheme: light;
  --cream: #f8f4ec;
  --paper: #fffdf9;
  --ink: #37352f;
  --muted: #827d73;
  --line: #e9e2d7;
  --peach: #f6b69d;
  --peach-soft: #fff0e7;
  --aqua: #9ed8d0;
  --aqua-soft: #e9f7f3;
  --lilac: #b9a7d8;
  --lilac-soft: #f1ecfa;
  --butter: #e9c96c;
  --butter-soft: #fff7d9;
  --green: #718d73;
  --shadow: 0 14px 38px rgba(79, 68, 52, .07);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--cream); color: var(--ink); font-family: ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Thai", sans-serif; line-height: 1.5; }
button, input, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
.ambient { position: fixed; z-index: -1; width: 420px; height: 420px; border-radius: 50%; filter: blur(2px); opacity: .3; pointer-events: none; }
.ambient-one { top: -230px; left: -180px; background: radial-gradient(circle, #fbd6c9, transparent 68%); }
.ambient-two { right: -180px; bottom: -220px; background: radial-gradient(circle, #cae9df, transparent 68%); }
.page-shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }
.topbar { display: flex; min-height: 88px; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(118,106,88,.15); }
.brand { display: flex; align-items: center; gap: 13px; color: inherit; text-decoration: none; }
.brand strong, .brand small { display: block; }
.brand strong { letter-spacing: .08em; font-size: 17px; }
.brand small { color: var(--muted); font-family: Georgia, serif; font-size: 11px; font-style: italic; }
.brand-flower { position: relative; display: grid; width: 44px; height: 44px; place-items: center; }
.brand-flower i { position: absolute; width: 21px; height: 21px; border-radius: 50% 50% 46% 54%; background: var(--peach); }
.brand-flower i:nth-child(1) { top: 0; }.brand-flower i:nth-child(2) { right: 0; transform: rotate(90deg); }.brand-flower i:nth-child(3) { bottom: 0; }.brand-flower i:nth-child(4) { left: 0; transform: rotate(90deg); }
.brand-flower b { z-index: 1; display: grid; width: 21px; height: 21px; place-items: center; border-radius: 50%; background: #fff4c8; font: 700 10px/1 Georgia, serif; }
.header-actions { display: flex; gap: 10px; }
.primary-button, .ghost-button, .small-add, .save-button { border: 0; border-radius: 999px; transition: transform .15s ease, box-shadow .15s ease; }
.primary-button:hover, .ghost-button:hover, .small-add:hover, .save-button:hover { transform: translateY(-1px); }
.primary-button { padding: 11px 18px; background: var(--ink); color: white; box-shadow: 0 7px 18px rgba(55,53,47,.14); }
.ghost-button { padding: 10px 14px; background: rgba(255,255,255,.6); border: 1px solid var(--line); }
.ghost-button.loading { animation: pulse .8s alternate infinite; }
main { padding: 48px 0 60px; }
.welcome { display: flex; align-items: end; justify-content: space-between; gap: 32px; padding-bottom: 40px; }
.kicker, .section-kicker { margin: 0; color: #a78973; font-size: 10px; font-weight: 800; letter-spacing: .18em; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin: 10px 0 13px; font: 500 clamp(34px, 4.6vw, 55px)/1.08 Georgia, "Noto Serif Thai", serif; letter-spacing: -.035em; }
h1 em { color: #b67b69; font-weight: 400; }
.welcome-copy { margin: 0; color: var(--muted); font-size: 13px; }
.date-switcher { display: flex; align-items: stretch; padding: 5px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,253,249,.74); box-shadow: var(--shadow); }
.date-switcher button { width: 42px; border: 0; border-radius: 13px; background: transparent; }
.date-switcher button:hover { background: var(--peach-soft); }
.date-switcher label { padding: 3px 12px; border-inline: 1px solid var(--line); }
.date-switcher label span { display: block; color: var(--muted); font-size: 9px; }
.date-switcher input { min-width: 135px; border: 0; outline: 0; background: transparent; font-weight: 700; }
.daily-title { display: flex; align-items: end; justify-content: space-between; margin-bottom: 14px; }
.daily-title > div { display: flex; align-items: center; gap: 11px; }
.tiny-sun { display: grid; width: 37px; height: 37px; place-items: center; border-radius: 50%; background: var(--butter-soft); color: #d5a83f; }
.daily-title p { margin: 0; color: var(--muted); font-size: 10px; }
.daily-title h2 { margin: 1px 0 0; font: 600 19px/1.2 Georgia, "Noto Serif Thai", serif; }
.daily-title > p { margin-bottom: 3px; }
.stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.stat-card { position: relative; display: flex; min-height: 118px; align-items: center; gap: 14px; padding: 20px; border: 1px solid rgba(111,98,78,.1); border-radius: 22px; box-shadow: var(--shadow); }
.stat-card.peach { background: var(--peach-soft); }.stat-card.aqua { background: var(--aqua-soft); }.stat-card.lilac { background: var(--lilac-soft); }.stat-card.butter { background: var(--butter-soft); }
.stat-icon, .heading-icon { display: grid; flex: 0 0 auto; place-items: center; border-radius: 50%; }
.stat-icon { width: 43px; height: 43px; background: rgba(255,255,255,.62); font-size: 21px; }
.stat-card p { margin: 0 0 2px; color: var(--muted); font-size: 10px; }
.stat-card strong { font: 600 29px/1 Georgia, serif; }
.stat-card small { margin-left: 4px; color: var(--muted); font-size: 10px; }
.stat-quick { position: absolute; top: 10px; right: 10px; padding: 5px 9px; border: 1px solid rgba(88,143,132,.16); border-radius: 999px; background: rgba(255,255,255,.7); color: #54877e; font-size: 9px; font-weight: 700; }.stat-quick:hover { background: white; transform: translateY(-1px); }
.dashboard-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(315px, .75fr); gap: 18px; margin-top: 18px; }
.main-column, .side-column { display: grid; align-content: start; gap: 18px; }
.panel { border: 1px solid rgba(111,98,78,.13); border-radius: 23px; background: rgba(255,253,249,.9); box-shadow: var(--shadow); }
.movement-panel, .nutrition-panel, .body-panel { padding: 23px; }
.panel-heading { display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.panel-heading > div { display: flex; align-items: center; gap: 11px; }
.heading-icon { width: 39px; height: 39px; }.lilac-bg { background: var(--lilac-soft); }.peach-bg { background: var(--peach-soft); }.aqua-bg { background: var(--aqua-soft); }
.panel-heading h3 { margin: 2px 0 0; font: 600 20px/1.2 Georgia, "Noto Serif Thai", serif; }
.small-add { padding: 8px 12px; background: var(--lilac-soft); color: #6f6186; font-size: 11px; }
.activity-list, .entries-list { display: grid; gap: 9px; margin-top: 18px; }
.activity-item, .food-item { display: grid; align-items: center; gap: 12px; padding: 13px 14px; border: 1px solid var(--line); border-radius: 16px; background: white; }
.activity-item { grid-template-columns: 42px minmax(0, 1fr) auto; }
.food-item { grid-template-columns: 39px minmax(0, 1fr) auto; }
.item-icon { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 13px; background: var(--lilac-soft); font-size: 19px; }
.food-item .item-icon { width: 37px; height: 37px; background: var(--peach-soft); }
.activity-item h4, .food-item h4 { margin: 0; font-size: 13px; }
.activity-item p, .food-item p { margin: 2px 0 0; color: var(--muted); font-size: 10px; }
.activity-item strong, .food-item > strong { font: 600 17px/1 Georgia, serif; text-align: right; }
.activity-item strong small, .food-item > strong small { display: block; margin-top: 4px; color: var(--muted); font: 400 9px/1 sans-serif; }
.empty-box { padding: 28px 16px; border: 1px dashed #d9d0c2; border-radius: 17px; color: var(--muted); font-size: 11px; text-align: center; }
.empty-box span { display: block; margin-bottom: 6px; font-size: 24px; }
.entry-count { padding: 5px 10px; border-radius: 999px; background: var(--peach-soft); color: #9c6c5a; font-size: 10px; }
.macro-strip { display: grid; grid-template-columns: repeat(4,1fr); margin-top: 18px; overflow: hidden; border: 1px solid var(--line); border-radius: 15px; background: #fff; }
.macro-strip div { padding: 11px 12px; border-right: 1px solid var(--line); }.macro-strip div:last-child { border: 0; }
.macro-strip span, .macro-strip strong { display: block; }.macro-strip span { color: var(--muted); font-size: 9px; }.macro-strip strong { margin-top: 3px; font-size: 12px; }
.micro-details { margin-top: 13px; color: var(--muted); font-size: 10px; }
.micro-details summary { cursor: pointer; }.micro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7px 18px; margin-top: 10px; }.micro-grid span { display: flex; justify-content: space-between; }
.calendar-panel { padding: 18px; }
.calendar-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; }
.calendar-heading h3 { margin: 0; font: 600 17px/1 Georgia, "Noto Serif Thai", serif; }
.calendar-heading button { width: 31px; height: 31px; border: 0; border-radius: 50%; background: var(--cream); }
.weekdays, .calendar-grid { display: grid; grid-template-columns: repeat(7,1fr); gap: 3px; }
.weekdays span { padding-bottom: 5px; color: #aaa297; font-size: 8px; text-align: center; }
.calendar-day { position: relative; display: grid; aspect-ratio: 1; place-items: center; border: 0; border-radius: 11px; background: transparent; font-size: 10px; }
.calendar-day:hover { background: var(--peach-soft); }.calendar-day.other { color: #c9c2b8; }.calendar-day.today { box-shadow: inset 0 0 0 1px var(--peach); }.calendar-day.selected { background: var(--ink); color: white; }
.day-dots { position: absolute; bottom: 3px; display: flex; gap: 2px; }.day-dots i, .calendar-legend i { width: 4px; height: 4px; border-radius: 50%; }.food-dot { background: var(--peach); }.move-dot { background: var(--lilac); }.body-dot { background: var(--aqua); }
.calendar-legend { display: flex; justify-content: center; gap: 11px; margin-top: 13px; color: var(--muted); font-size: 8px; }.calendar-legend span { display: flex; align-items: center; gap: 4px; }
.body-measurement { margin-top: 18px; }
.body-lead { display: flex; align-items: center; justify-content: space-between; padding: 16px; border-radius: 17px; background: var(--aqua-soft); }
.body-lead p { margin: 0; color: var(--muted); font-size: 9px; }.body-lead strong { font: 600 34px/1 Georgia, serif; }.body-lead small { color: var(--muted); font-size: 10px; }
.score-orb { display: grid; width: 59px; height: 59px; place-items: center; border: 6px solid white; border-radius: 50%; background: var(--aqua); box-shadow: 0 0 0 2px #ccece5; font: 600 21px/1 Georgia, serif; }
.body-date { margin: 9px 2px 0; color: var(--muted); font-size: 9px; }
.baseline-note { display: flex; align-items: center; gap: 9px; margin-top: 10px; padding: 10px 11px; border: 1px dashed #bddfd8; border-radius: 13px; background: #f3fbf8; color: #6b8d85; }
.baseline-note > span { font-size: 15px; }.baseline-note p { margin: 0; font-size: 8px; }.baseline-note b { display: block; color: var(--ink); font-size: 9px; }
.comparison-box { margin-top: 10px; padding: 10px 11px; border-radius: 13px; background: var(--aqua-soft); }.comparison-box p { margin: 0 0 6px; color: var(--muted); font-size: 8px; }.comparison-box > div { display: flex; flex-wrap: wrap; gap: 5px; }.comparison-box span { padding: 4px 7px; border-radius: 999px; background: white; color: var(--muted); font-size: 8px; }.comparison-box b { color: var(--ink); }
.body-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 12px; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: var(--line); }
.body-grid div { padding: 10px 11px; background: white; }.body-grid span { display: block; color: var(--muted); font-size: 8px; }.body-grid b { font-size: 12px; }
.chat-note { display: flex; gap: 11px; padding: 17px; border: 1px dashed #d5bcae; border-radius: 19px; background: rgba(255,240,231,.56); color: #a06d5c; }.chat-note p { margin: 0; font-size: 10px; }.chat-note strong { display: block; color: var(--ink); font-size: 11px; }
footer { padding: 24px 0 34px; border-top: 1px solid rgba(118,106,88,.15); color: var(--muted); font: italic 11px/1 Georgia, serif; text-align: center; }footer span { color: var(--ink); font-style: normal; font-weight: 700; letter-spacing: .08em; }
.exercise-dialog { width: min(520px, calc(100% - 24px)); max-height: calc(100vh - 30px); padding: 0; overflow: auto; border: 0; border-radius: 26px; background: var(--paper); box-shadow: 0 25px 80px rgba(48,42,34,.24); }.exercise-dialog::backdrop { background: rgba(50,45,38,.35); backdrop-filter: blur(4px); }
.exercise-dialog form { display: grid; gap: 16px; padding: 25px; }.dialog-header { display: flex; align-items: start; justify-content: space-between; }.dialog-header h2 { margin: 3px 0 0; font: 600 25px/1.2 Georgia, "Noto Serif Thai", serif; }.dialog-header button { width: 35px; height: 35px; border: 0; border-radius: 50%; background: var(--cream); font-size: 22px; }
.exercise-dialog label, .exercise-dialog legend { font-size: 11px; font-weight: 700; }.exercise-dialog input[type=date], .exercise-dialog input[type=time], .exercise-dialog input[type=number], .exercise-dialog textarea { width: 100%; margin-top: 6px; padding: 11px 12px; border: 1px solid var(--line); border-radius: 12px; outline: 0; background: white; }.exercise-dialog input:focus, .exercise-dialog textarea:focus { border-color: var(--lilac); box-shadow: 0 0 0 3px var(--lilac-soft); }
.form-row.two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.exercise-dialog fieldset { margin: 0; padding: 0; border: 0; }.optional { color: var(--muted); font-size: 9px; font-weight: 400; }
.type-options { display: grid; grid-template-columns: repeat(4,1fr); gap: 8px; margin-top: 7px; }.type-options input, .muscle-options input { position: absolute; opacity: 0; pointer-events: none; }.type-options span { display: grid; min-height: 67px; place-items: center; align-content: center; gap: 3px; border: 1px solid var(--line); border-radius: 14px; background: white; font-size: 20px; }.type-options b { font-size: 10px; }.type-options input:checked + span { border-color: var(--lilac); background: var(--lilac-soft); box-shadow: inset 0 0 0 1px var(--lilac); }
.muscle-options { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 7px; }.muscle-options span { display: block; padding: 7px 12px; border: 1px solid var(--line); border-radius: 999px; background: white; font-size: 10px; }.muscle-options input:checked + span { border-color: var(--lilac); background: var(--lilac-soft); color: #6e5d86; }
.save-button { width: 100%; padding: 13px; background: var(--ink); color: white; }.form-error { min-height: 15px; margin: -6px 0; color: #c65d53; font-size: 10px; }.toast { position: fixed; right: 22px; bottom: 22px; z-index: 10; padding: 12px 17px; border-radius: 999px; background: var(--ink); color: white; font-size: 11px; box-shadow: var(--shadow); opacity: 0; transform: translateY(12px); pointer-events: none; transition: .25s ease; }.toast.show { opacity: 1; transform: translateY(0); }
.water-hero { display: flex; align-items: center; gap: 12px; padding: 14px 16px; border-radius: 17px; background: var(--aqua-soft); }.water-hero > span { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 50%; background: white; font-size: 21px; }.water-hero p { margin: 0; color: var(--muted); font-size: 10px; }.water-hero b { color: var(--ink); font-size: 12px; }
.water-presets { display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; margin-top: 7px; }.water-presets button { padding: 11px 4px; border: 1px solid var(--line); border-radius: 13px; background: white; font: 700 14px/1 Georgia, serif; }.water-presets button small { display: block; margin-top: 4px; color: var(--muted); font: 400 8px/1 sans-serif; }.water-presets button.selected { border-color: var(--aqua); background: var(--aqua-soft); box-shadow: inset 0 0 0 1px var(--aqua); }.water-save { background: #4f8178; }
@keyframes pulse { to { opacity: .5; } }
@media (max-width: 900px) { .dashboard-grid { grid-template-columns: 1fr; }.side-column { grid-template-columns: 1fr 1fr; }.chat-note { grid-column: 1/-1; } }
@media (max-width: 680px) { .page-shell { width: min(100% - 22px,1180px); }.topbar { min-height: 75px; }.ghost-button span { display: none; }.primary-button { padding: 9px 12px; font-size: 11px; }.welcome { align-items: stretch; flex-direction: column; padding: 34px 0; }.welcome-copy br { display: none; }.date-switcher { width: 100%; }.date-switcher label { flex: 1; }.date-switcher input { width: 100%; }.stat-grid { grid-template-columns: 1fr 1fr; }.stat-card { min-height: 102px; padding: 15px; }.stat-card strong { font-size: 24px; }.side-column { grid-template-columns: 1fr; }.macro-strip { grid-template-columns: 1fr 1fr; }.macro-strip div:nth-child(2) { border-right: 0; }.macro-strip div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }.daily-title > p { display: none; }.movement-panel,.nutrition-panel,.body-panel { padding: 18px; }.type-options { grid-template-columns: 1fr 1fr; } }

/* NEW-GOLF // DARK FANTASY LIFE RPG */
:root {
  --cream: #080711;
  --paper: #121022;
  --ink: #f1edff;
  --muted: #9d96b5;
  --line: rgba(163, 130, 255, .18);
  --peach: #9d72ff;
  --peach-soft: rgba(124, 79, 232, .18);
  --aqua: #46d9ff;
  --aqua-soft: rgba(31, 176, 222, .13);
  --lilac: #a26dff;
  --lilac-soft: rgba(139, 87, 255, .15);
  --butter: #d993ff;
  --butter-soft: rgba(217, 107, 255, .12);
  --green: #54e0c2;
  --shadow: 0 18px 50px rgba(0,0,0,.3);
}
body { background: radial-gradient(circle at 50% -20%, #231450 0, #0c091a 38%, #07060d 74%); background-attachment: fixed; }
body::before { content: ""; position: fixed; inset: 0; z-index: -2; opacity: .24; background-image: linear-gradient(rgba(111,77,190,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(111,77,190,.12) 1px,transparent 1px); background-size: 50px 50px; mask-image: linear-gradient(to bottom,black,transparent 72%); }
.ambient-one { background: radial-gradient(circle,#6437d5,transparent 68%); }.ambient-two { background: radial-gradient(circle,#137ca5,transparent 68%); }
.topbar { border-color: var(--line); }.brand-flower i { background: #794be5; box-shadow: 0 0 14px #7847f3; }.brand-flower b { background: #50dafa; color: #090714; }.brand small { color: #77708e; text-transform: uppercase; letter-spacing: .13em; }
.ghost-button { color: #b9b0d2; background: rgba(255,255,255,.025); border-color: var(--line); }.primary-button { color: white; background: linear-gradient(135deg,#6234cf,#8b50e8); box-shadow: 0 0 25px rgba(128,74,236,.3); }
main { padding-top: 30px; }
.rpg-hero { position: relative; display: grid; min-height: 520px; grid-template-columns: 1.1fr .9fr; overflow: hidden; border: 1px solid rgba(146,99,255,.3); border-radius: 28px; background: linear-gradient(115deg,rgba(20,15,43,.98) 0%,rgba(17,12,37,.94) 54%,rgba(44,20,91,.7) 100%); box-shadow: 0 28px 80px rgba(0,0,0,.42),inset 0 0 70px rgba(98,54,202,.09); }
.rpg-hero::before { content:""; position:absolute; inset:0; opacity:.35; background: linear-gradient(90deg,transparent 49.8%,rgba(130,87,255,.2) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(130,87,255,.14) 50%,transparent 50.2%); background-size: 90px 90px; }
.system-copy { position: relative; z-index: 2; align-self: center; padding: 48px 0 44px 48px; }
.system-kicker { display:flex; align-items:center; gap:8px; margin:0 0 12px; color:#68ddff; font:700 9px/1 sans-serif; letter-spacing:.22em; }.system-kicker span { width:6px;height:6px;border-radius:50%;background:#62e3ff;box-shadow:0 0 12px #40dbff;animation:systemPulse 1.4s alternate infinite; }
.level-line { display:flex; align-items:center; gap:10px; }.level-line span { padding:5px 9px;border:1px solid #7959ca;border-radius:4px;background:rgba(103,63,202,.18);color:#c6aaff;font:800 9px/1 sans-serif;letter-spacing:.13em; }.level-line b { color:#aaa1bf;font-size:11px; }
.rpg-hero h1 { margin:14px 0 13px; font-family:ui-sans-serif,"Noto Sans Thai",sans-serif;font-size:clamp(34px,4vw,51px);font-weight:850;letter-spacing:-.045em; }.rpg-hero h1 em { color:#b887ff;font-style:normal;text-shadow:0 0 28px rgba(166,104,255,.38); }.rpg-hero .welcome-copy { max-width:550px;color:#aaa2be; }
.xp-wrap { max-width:500px;margin-top:24px; }.xp-wrap > div:first-child { display:flex;justify-content:space-between;color:#81799a;font:700 9px/1 sans-serif;letter-spacing:.12em; }.xp-wrap b { color:#bba8e5; }.xp-track { height:7px;margin-top:8px;overflow:hidden;border:1px solid rgba(121,80,218,.35);border-radius:99px;background:#090712; }.xp-track i { display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6a3ce2,#47d6ff);box-shadow:0 0 14px #6d57ff;transition:width .7s ease; }
.game-stats { display:grid;grid-template-columns:1fr 1fr;max-width:500px;margin-top:18px;border:1px solid var(--line);border-radius:12px;background:rgba(4,3,11,.3); }.game-stats div { padding:11px 13px;border-right:1px solid var(--line);border-bottom:1px solid var(--line); }.game-stats div:nth-child(2n){border-right:0}.game-stats div:nth-last-child(-n+2){border-bottom:0}.game-stats span,.game-stats b{display:block}.game-stats span{color:#766e8d;font:700 7px/1 sans-serif;letter-spacing:.1em}.game-stats b{margin-top:5px;color:#f2edff;font-size:13px}
.reward-row { display:flex;gap:7px;min-height:35px;margin-top:14px; }.reward-chip { display:flex;align-items:center;gap:5px;padding:6px 8px;border:1px solid rgba(147,102,242,.23);border-radius:7px;background:rgba(99,61,184,.13);color:#cbbcf0;font-size:8px; }.reward-chip.locked { filter:grayscale(1);opacity:.35; }
.avatar-zone { position:relative;min-width:0;min-height:520px; }.avatar-zone::after { content:"";position:absolute;inset:auto 5% 0 0;height:33%;background:linear-gradient(transparent,#100b24);pointer-events:none; }.avatar-zone img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 18%;filter:saturate(1.05) contrast(1.04); }.avatar-rank { position:absolute;z-index:3;top:24px;right:24px;padding:7px 10px;border:1px solid #7c5de2;border-radius:5px;background:rgba(8,6,18,.72);color:#c8b7ff;font:800 10px/1 sans-serif;letter-spacing:.18em;backdrop-filter:blur(8px); }
.aura-meter { position:absolute;z-index:3;right:23px;bottom:20px;left:23px;padding:11px 12px;border:1px solid rgba(77,208,255,.3);border-radius:10px;background:rgba(5,5,14,.76);backdrop-filter:blur(9px); }.aura-meter span{color:#68dbff;font-size:8px}.aura-meter>div{height:4px;margin:5px 0;overflow:hidden;border-radius:9px;background:#242039}.aura-meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,#7444ee,#41ddff);box-shadow:0 0 12px #43d5ff;transition:width .7s ease}.aura-meter b{color:#817b91;font-size:7px;font-weight:500}
.quest-actions { display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0 26px; }.quest-actions button { display:grid;grid-template-columns:35px 1fr;grid-template-rows:auto auto;column-gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(135deg,rgba(31,24,56,.9),rgba(15,12,30,.9));color:var(--ink);text-align:left;box-shadow:var(--shadow); }.quest-actions button:hover{border-color:#7756d5;transform:translateY(-2px);box-shadow:0 13px 30px rgba(54,30,112,.25)}.quest-actions span{grid-row:1/3;display:grid;width:35px;height:35px;place-items:center;border-radius:9px;background:rgba(126,79,225,.18);color:#9d77ff;font-size:17px}.quest-actions b{font-size:11px}.quest-actions small{color:#777087;font-size:8px}
.date-row { display:flex;align-items:end;justify-content:space-between;margin-bottom:13px; }.date-row>p{margin:0;color:#76639f;font:700 9px/1 sans-serif;letter-spacing:.15em}.date-row>p span{color:#55d8ff}.date-switcher { border-color:var(--line);background:rgba(16,12,31,.8);box-shadow:none}.date-switcher label{border-color:var(--line)}.date-switcher input{color:#e9e2fa;color-scheme:dark}.date-switcher button:hover{background:rgba(117,70,220,.18)}
.daily-title .tiny-sun{background:rgba(121,76,220,.16);color:#a276ff}.daily-title h2{font-family:ui-sans-serif,"Noto Sans Thai",sans-serif}.daily-title p{color:#756e86}
.stat-grid { grid-template-columns:repeat(6,1fr); }.stat-card { min-height:105px;padding:16px;background:linear-gradient(145deg,rgba(27,21,49,.96),rgba(15,12,29,.96))!important;border-color:var(--line);box-shadow:var(--shadow)}.stat-card::before{content:"";position:absolute;inset:0 0 auto;height:2px;border-radius:22px 22px 0 0;background:linear-gradient(90deg,transparent,#814ce5,transparent)}.stat-icon{width:37px;height:37px;background:rgba(125,78,222,.14);color:#b58aff}.stat-card p{color:#827a95}.stat-card strong{font-size:23px}.stat-card small{color:#777087}.stat-quick{border-color:rgba(101,211,255,.2);background:rgba(30,147,188,.1);color:#69dcff}.sleep-stat .stat-icon{color:#a598ff}.meditate-stat .stat-icon{color:#e1a4ff}
.panel { border-color:var(--line);background:linear-gradient(145deg,rgba(22,18,40,.96),rgba(12,10,24,.96));box-shadow:var(--shadow)}.heading-icon{background:rgba(126,78,227,.15)!important;color:#ad85ff}.section-kicker{color:#8162c2}.small-add,.wellness-actions button{padding:8px 11px;border:1px solid rgba(136,91,236,.2);border-radius:999px;background:rgba(126,78,227,.12);color:#b99af4;font-size:9px}.wellness-actions{display:flex;gap:6px}.activity-item,.food-item{border-color:var(--line);background:rgba(10,8,21,.75)}.item-icon,.food-item .item-icon{background:rgba(122,76,219,.14)}.empty-box{border-color:rgba(138,100,218,.3);color:#756e86}.macro-strip{border-color:var(--line);background:rgba(9,7,19,.7)}.macro-strip div{border-color:var(--line)}.entry-count{background:rgba(124,76,220,.14);color:#b998ff}.micro-details{color:#847d97}
.calendar-heading button{background:rgba(120,77,215,.12)}.calendar-day{color:#c4bdd4}.calendar-day:hover{background:rgba(119,73,211,.17)}.calendar-day.selected{background:linear-gradient(135deg,#6335cc,#2f88ba);box-shadow:0 0 16px rgba(102,79,238,.35)}.calendar-day.today{box-shadow:inset 0 0 0 1px #8b67e2}.sleep-dot{background:#8378ff}.mind-dot{background:#d58aff}.calendar-legend{flex-wrap:wrap}.body-lead{background:linear-gradient(135deg,rgba(78,52,148,.35),rgba(29,118,151,.2))}.score-orb{border-color:#1a1431;background:#6544ba;box-shadow:0 0 0 2px #4dc9ee,0 0 20px rgba(79,201,238,.22)}.body-grid{border-color:var(--line);background:var(--line)}.body-grid div{background:rgba(9,7,19,.76)}.baseline-note{border-color:#654a99;background:rgba(89,54,155,.12);color:#a08dc6}.chat-note{border-color:rgba(139,91,232,.3);background:rgba(82,49,145,.1);color:#977bd0}.chat-note strong{color:var(--ink)}
.exercise-dialog { background:#121022;color:var(--ink);border:1px solid rgba(145,96,245,.25);box-shadow:0 25px 90px rgba(0,0,0,.65),0 0 45px rgba(100,52,208,.15)}.exercise-dialog::backdrop{background:rgba(2,1,7,.72);backdrop-filter:blur(5px)}.dialog-header button{background:rgba(121,75,218,.14);color:#c8b9e8}.exercise-dialog input[type=date],.exercise-dialog input[type=time],.exercise-dialog input[type=number],.exercise-dialog textarea{border-color:var(--line);background:#0b0917;color:#e9e4f6;color-scheme:dark}.exercise-dialog input:focus,.exercise-dialog textarea:focus{border-color:#8159df;box-shadow:0 0 0 3px rgba(126,78,222,.14)}.type-options span,.muscle-options span,.water-presets button,.meditation-presets button{border-color:var(--line);background:#0c0919}.type-options input:checked+span,.muscle-options input:checked+span,.water-presets button.selected,.meditation-presets button.selected{border-color:#8a61ec;background:rgba(119,72,216,.18);box-shadow:inset 0 0 0 1px #7b55d8}.save-button{background:linear-gradient(135deg,#6436ce,#8f50e8);box-shadow:0 0 22px rgba(126,69,225,.23)}.water-hero{background:rgba(37,145,182,.1)}.water-hero>span{background:#0b1421}.water-save{background:linear-gradient(135deg,#197a9e,#5355d5)}
.sleep-preview { display:flex;align-items:center;gap:14px;padding:16px;border:1px solid rgba(116,94,232,.24);border-radius:16px;background:linear-gradient(135deg,rgba(75,55,160,.22),rgba(27,71,125,.16))}.sleep-preview>span{font-size:32px;color:#9e93ff;text-shadow:0 0 20px #7969ff}.sleep-preview p,.sleep-preview strong,.sleep-preview small{display:block;margin:0}.sleep-preview p{color:#89819b;font-size:8px}.sleep-preview strong{font-size:21px}.sleep-preview small{margin-top:2px;color:#777087;font-size:8px}.sleep-guidance{padding:10px 12px;border-left:2px solid #7051c9;background:rgba(111,77,190,.08);color:#928aa4;font-size:9px}
.meditation-orb { position:relative;display:flex;align-items:center;gap:14px;padding:15px;border-radius:16px;background:radial-gradient(circle at 12% 50%,rgba(160,83,255,.25),transparent 28%),rgba(80,47,145,.08);overflow:hidden}.meditation-orb i{position:absolute;left:14px;width:44px;height:44px;border:1px solid #bc83ff;border-radius:50%;box-shadow:0 0 24px #7b42db,inset 0 0 15px #5e35a8;animation:auraSpin 4s linear infinite}.meditation-orb>span{z-index:1;display:grid;width:44px;height:44px;place-items:center;color:#e1b5ff;font-size:21px}.meditation-orb p{margin:0;color:#8e85a0;font-size:9px}.meditation-orb b{color:#d5c8ec;font-size:11px}.meditation-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:7px}.meditation-presets button{padding:10px 4px;border:1px solid var(--line);border-radius:11px;color:#beb3d2;font-size:10px}.meditation-save{background:linear-gradient(135deg,#772ed0,#c74fe6)}
.sleep-trend { margin-top:12px;padding:9px 11px;border:1px solid rgba(111,83,181,.2);border-radius:10px;background:rgba(70,48,119,.08);color:#817991;font-size:9px }.sleep-trend b{color:#c4b7df}
.rewards-panel{padding:20px}.vault-copy{margin:13px 0 8px;color:#777087;font-size:7px;letter-spacing:.09em}.weight-rewards{display:flex;flex-wrap:wrap;gap:5px}.weight-token{padding:5px 7px;border:1px solid rgba(81,202,255,.28);border-radius:6px;background:rgba(60,143,197,.09);color:#b5dff2;font-size:7px}.weight-token.locked{border-color:rgba(128,91,206,.16);color:#655d73;filter:grayscale(1)}.milestone-rewards{display:grid;grid-template-columns:1fr 1fr;gap:6px}.milestone-item{display:flex;align-items:center;gap:7px;padding:8px;border:1px solid rgba(128,91,206,.16);border-radius:9px;background:rgba(11,8,22,.62)}.milestone-item>span{display:grid;width:24px;height:24px;place-items:center;border-radius:6px;background:rgba(117,77,201,.12);filter:grayscale(1);opacity:.45}.milestone-item b,.milestone-item small{display:block}.milestone-item b{color:#8e859f;font-size:8px}.milestone-item small{color:#5e586b;font-size:7px}.milestone-item.unlocked{border-color:rgba(91,203,255,.34);box-shadow:inset 0 0 16px rgba(69,127,255,.06)}.milestone-item.unlocked>span{filter:none;opacity:1;background:rgba(81,197,255,.14);box-shadow:0 0 10px rgba(74,193,255,.16)}.milestone-item.unlocked b{color:#d4c7f4}.milestone-item.unlocked small{color:#5fcfea}
footer{border-color:var(--line);color:#686178}footer span{color:#bca9ec}
@keyframes systemPulse{to{opacity:.35;box-shadow:0 0 4px #40dbff}}@keyframes auraSpin{to{transform:rotate(360deg)}}
@media(max-width:1040px){.stat-grid{grid-template-columns:repeat(3,1fr)}.rpg-hero{grid-template-columns:1fr 340px}.system-copy{padding-left:35px}}
@media(max-width:760px){.rpg-hero{grid-template-columns:1fr;min-height:780px}.system-copy{padding:35px 24px 0}.avatar-zone{min-height:390px}.avatar-zone img{object-position:center 16%}.quest-actions{grid-template-columns:1fr 1fr}.date-row{align-items:stretch;flex-direction:column;gap:10px}.stat-grid{grid-template-columns:1fr 1fr}.wellness-actions{flex-direction:column}.game-stats{grid-template-columns:1fr 1fr}.rpg-hero h1{font-size:34px}.header-actions .primary-button{display:none}}

.active-pet{position:absolute;z-index:4;right:18px;bottom:83px;width:105px;padding:5px;border:1px solid rgba(105,215,255,.28);border-radius:14px;background:rgba(7,5,17,.75);box-shadow:0 0 22px rgba(69,175,255,.13);backdrop-filter:blur(8px)}
.active-pet img{position:static;width:93px;height:76px;border-radius:10px;object-fit:cover;object-position:center}
.active-pet span{display:block;padding:3px 2px 1px;overflow:hidden;color:#b8eaff;font-size:7px;text-align:center;text-overflow:ellipsis;white-space:nowrap}
.stats-panel,.pets-panel,.guardian-panel{padding:20px}
.status-rank{display:grid;width:37px;height:37px;place-items:center;border:1px solid #7d57e6;border-radius:8px;background:rgba(108,64,208,.16);color:#c5adff;font:800 18px/1 sans-serif;box-shadow:0 0 16px rgba(117,72,224,.17)}
.stats-note{margin:12px 0;color:#746d83;font-size:8px}
.stats-grid{display:grid;gap:8px}
.stat-line{display:grid;grid-template-columns:74px 1fr 28px;align-items:center;gap:8px}
.stat-line span{color:#8d84a0;font:700 8px/1 sans-serif;letter-spacing:.06em}
.stat-line>i{height:5px;overflow:hidden;border-radius:20px;background:#211b34}
.stat-line>i>b{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7040db,#46d8ff);box-shadow:0 0 9px rgba(81,209,255,.3)}
.stat-line>strong{font:700 10px/1 sans-serif;text-align:right}
.pet-roster{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.pet-card{position:relative;padding:5px;border:1px solid rgba(132,90,221,.18);border-radius:11px;background:rgba(8,6,17,.7);color:var(--ink);text-align:left}
.pet-card img{display:block;width:100%;aspect-ratio:1.28;object-fit:cover;border-radius:8px}
.pet-card b,.pet-card small{display:block}.pet-card b{margin:5px 3px 1px;overflow:hidden;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.pet-card small{margin:0 3px 4px;color:#756d85;font-size:7px}
.pet-card.selected{border-color:#51d3ff;box-shadow:0 0 16px rgba(71,194,255,.16)}.pet-card.selected::after{content:"ACTIVE";position:absolute;top:9px;right:9px;padding:3px 4px;border-radius:4px;background:#3ab9db;color:#061016;font:800 6px/1 sans-serif}
.pet-card.locked{filter:grayscale(.9);opacity:.4}.pet-card.locked::after{content:"LOCKED";position:absolute;top:9px;right:9px;padding:3px 4px;border-radius:4px;background:#24202e;color:#aaa2b5;font:700 6px/1 sans-serif}
.inventory-summary{display:flex;align-items:baseline;gap:7px;margin:13px 0 10px}.inventory-summary strong{font:700 23px/1 sans-serif;color:#c8b2ff}.inventory-summary span{color:#746c83;font-size:8px}
.inventory-filters{display:flex;gap:5px;padding-bottom:8px;overflow-x:auto}.inventory-filters button{flex:0 0 auto;padding:5px 7px;border:1px solid var(--line);border-radius:999px;background:#0b0917;color:#7e758f;font-size:7px}.inventory-filters button.selected{border-color:#7451d4;background:rgba(111,66,209,.18);color:#c8b7ef}
.inventory-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;max-height:470px;padding-right:3px;overflow:auto}.inventory-item{padding:8px;border:1px solid rgba(127,89,203,.15);border-radius:9px;background:rgba(8,6,17,.66)}
.inventory-item .item-top{display:flex;align-items:center;gap:6px}.inventory-item .item-icon-mini{display:grid;width:24px;height:24px;place-items:center;border-radius:6px;background:rgba(112,70,199,.13);font-size:12px}.inventory-item b{display:block;font-size:7px}.inventory-item small{display:block;margin-top:1px;color:#615a6d;font-size:6px}.inventory-item .item-progress{height:3px;margin-top:6px;overflow:hidden;border-radius:9px;background:#211b30}.inventory-item .item-progress i{display:block;height:100%;background:linear-gradient(90deg,#7041d8,#47cfea)}
.inventory-item.unlocked{border-color:rgba(72,199,247,.24);box-shadow:inset 0 0 12px rgba(60,163,224,.04)}.inventory-item.unlocked .item-icon-mini{background:rgba(55,181,224,.12);box-shadow:0 0 8px rgba(59,190,233,.1)}.inventory-item.locked{filter:grayscale(.75);opacity:.5}
.rarity{margin-left:auto;font:700 5px/1 sans-serif!important;letter-spacing:.08em}.rarity.MYTHIC{color:#ff86ee}.rarity.LEGENDARY{color:#f5c65d}.rarity.EPIC{color:#b083ff}.rarity.RARE{color:#5ed6ff}

.guardian-status{padding:6px 8px;border:1px solid rgba(80,213,255,.28);border-radius:6px;background:rgba(61,181,214,.12);color:#78e4ff;font:800 7px/1 sans-serif;letter-spacing:.12em}.guardian-status.warning{border-color:rgba(255,177,93,.35);background:rgba(255,146,73,.12);color:#ffc06f}
.guardian-datasets{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:13px}.guardian-datasets div{padding:9px;border:1px solid rgba(127,89,203,.15);border-radius:10px;background:rgba(8,6,17,.56)}.guardian-datasets span,.guardian-datasets b,.guardian-datasets small{display:block}.guardian-datasets span{color:#746c83;font-size:7px}.guardian-datasets b{margin-top:2px;font-size:16px}.guardian-datasets small{margin-top:1px;color:#5f5869;font-size:6px}
.guardian-backup{margin-top:8px;padding:10px;border:1px dashed rgba(79,208,255,.26);border-radius:12px;background:rgba(55,181,224,.07)}.guardian-backup b,.guardian-backup span,.guardian-backup small{display:block}.guardian-backup b{color:#cdbbff;font-size:13px}.guardian-backup span{margin-top:2px;color:#7f778f;font-size:8px}.guardian-backup small{margin-top:5px;color:#9a91ad;font-size:7px;line-height:1.45}
.supabase-sync{margin-top:8px;padding:10px;border:1px solid rgba(127,89,203,.2);border-radius:12px;background:rgba(12,9,26,.68)}.sync-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.sync-top span,.sync-grid span{display:block;color:#756d84;font-size:7px;text-transform:uppercase;letter-spacing:.11em}.sync-top b{display:block;margin-top:3px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d8cef9;font-size:10px}.sync-top strong{padding:6px 7px;border:1px solid rgba(255,177,93,.3);border-radius:6px;background:rgba(255,146,73,.12);color:#ffc06f;font-size:7px;letter-spacing:.1em}.sync-top strong.online{border-color:rgba(99,229,177,.35);background:rgba(55,201,142,.13);color:#86f5cb}.sync-top strong.down{border-color:rgba(255,104,94,.35);background:rgba(212,73,75,.12);color:#ff9a94}.sync-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.sync-grid div{padding:8px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.03)}.sync-grid b{display:block;margin-top:2px;color:#bfb4d5;font-size:9px}.supabase-sync small{display:block;margin-top:8px;color:#9388a7;font-size:7px;line-height:1.45}.sync-test{margin-top:8px}
.guardian-export{width:100%;margin-top:9px;padding:9px 10px;border:1px solid rgba(81,213,255,.24);border-radius:11px;background:linear-gradient(135deg,rgba(47,137,190,.18),rgba(109,70,204,.18));color:#bfeeff;font-size:9px;font-weight:800}.guardian-export:hover{border-color:#55d7ff;transform:translateY(-1px)}

.quest-actions{grid-template-columns:repeat(5,1fr)}
.stat-grid{grid-template-columns:repeat(auto-fit,minmax(142px,1fr))}
.spirit-stat .stat-icon{color:#d8a7ff}
.adventure-grid{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:14px;margin:18px 0}
.quest-board,.boss-board,.insight-board,.checkin-panel{padding:20px}
.quest-board .panel-heading strong{color:#6ee0ff;font:800 18px/1 sans-serif}
.quest-ring{position:relative;display:grid;width:108px;height:108px;margin:14px auto 12px;place-items:center}
.quest-ring i{position:absolute;inset:0;border-radius:50%;background:conic-gradient(#51dcff var(--questPercent,0%),rgba(111,77,190,.2) 0);box-shadow:0 0 24px rgba(83,206,255,.15)}
.quest-ring i::after{content:"";position:absolute;inset:9px;border-radius:50%;background:#100d20;border:1px solid rgba(131,89,226,.24)}
.quest-ring span{position:relative;z-index:1;color:#d8c9ff;font:850 22px/1 sans-serif}
.daily-quest-list{display:grid;gap:8px}
.daily-quest{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:1px solid rgba(127,89,203,.16);border-radius:12px;background:rgba(8,6,17,.62)}
.daily-quest>span{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:rgba(118,74,214,.15)}
.daily-quest b,.daily-quest small,.daily-quest strong{display:block}.daily-quest b{font-size:9px}.daily-quest small{color:#6f687c;font-size:7px}.daily-quest strong{font-size:9px;text-align:right}.daily-quest strong small{margin-top:2px}
.daily-quest i{display:block;height:4px;margin-top:6px;overflow:hidden;border-radius:9px;background:#211a33}.daily-quest i em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#7042dc,#4bd9ff)}
.daily-quest.completed{border-color:rgba(77,213,255,.28);box-shadow:inset 0 0 18px rgba(59,191,232,.05)}.daily-quest.completed>span{box-shadow:0 0 12px rgba(79,210,255,.13)}
.boss-phase{padding:6px 8px;border:1px solid rgba(219,92,255,.25);border-radius:6px;background:rgba(157,75,221,.13);color:#dfb1ff;font:800 8px/1 sans-serif;letter-spacing:.12em}
.boss-orb{display:flex;align-items:center;gap:13px;margin-top:15px;padding:15px;border:1px solid rgba(137,91,234,.22);border-radius:15px;background:radial-gradient(circle at 12% 50%,rgba(165,62,255,.18),transparent 32%),rgba(9,7,19,.56)}
.boss-orb>span{display:grid;width:58px;height:58px;place-items:center;border-radius:17px;background:rgba(95,49,159,.2);font-size:31px;filter:drop-shadow(0 0 12px rgba(212,75,255,.22))}
.boss-orb div{flex:1}.boss-orb p{margin:0;color:#827894;font-size:8px}.boss-orb strong{display:block;margin:2px 0 8px;font-size:22px}.boss-orb i{display:block;height:8px;overflow:hidden;border-radius:99px;background:rgba(216,74,105,.2)}.boss-orb i b{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ff497d,#ffb05d);box-shadow:0 0 14px rgba(255,86,123,.25)}
.boss-weakness{min-height:31px;margin:11px 0;color:#8c85a0;font-size:9px}
.boss-days{display:flex;align-items:end;gap:5px;height:58px;padding:8px;border:1px solid rgba(127,89,203,.12);border-radius:12px;background:rgba(8,6,17,.38)}
.boss-days span{display:grid;flex:1;height:100%;align-items:end;justify-items:center;gap:4px}.boss-days i{display:block;width:100%;min-height:6px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#da7cff,#4dd7ff)}.boss-days b{color:#766f84;font-size:7px}
.insight-range{margin:12px 0;color:#786f8d;font-size:8px}
.insight-cards{display:grid;grid-template-columns:1fr 1fr;gap:7px}.insight-cards div{padding:10px;border:1px solid rgba(127,89,203,.15);border-radius:12px;background:rgba(8,6,17,.56)}.insight-cards span,.insight-cards b,.insight-cards strong,.insight-cards small{display:block}.insight-cards span{font-size:17px}.insight-cards b{margin-top:5px;color:#827a94;font-size:7px}.insight-cards strong{margin-top:2px;color:#ede8ff;font-size:13px}.insight-cards small{margin-top:2px;color:#625b6f;font-size:7px}
.insight-suggestions{display:grid;gap:6px;margin:10px 0 0;padding:0;list-style:none}.insight-suggestions li{padding:8px 9px;border-left:2px solid #56d2ff;border-radius:8px;background:rgba(65,166,220,.08);color:#9f96b4;font-size:8px}
.checkin-dot{background:#e08cff}.checkin-item .item-icon{background:rgba(207,110,255,.13);color:#e2b0ff}
.checkin-preview{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid rgba(183,102,255,.24);border-radius:16px;background:radial-gradient(circle at 12% 50%,rgba(191,88,255,.2),transparent 28%),rgba(83,47,145,.08)}
.checkin-preview>span{display:grid;width:45px;height:45px;place-items:center;border:1px solid rgba(212,143,255,.28);border-radius:50%;color:#e1b5ff;font-size:23px;box-shadow:0 0 20px rgba(174,77,255,.16)}
.checkin-preview p,.checkin-preview strong{display:block;margin:0}.checkin-preview p{color:#8e85a0;font-size:8px}.checkin-preview strong{margin-top:4px;font-size:15px}
.exercise-dialog input[type=range]{width:100%;accent-color:#a769ff}
.exercise-dialog label>b{float:right;color:#bba6f1;font-size:10px}
.tag-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:8px}.tag-options input{position:absolute;opacity:0;pointer-events:none}.tag-options span{display:block;padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:#0c0919;color:#9f94b5;font-size:10px}.tag-options input:checked+span{border-color:#a768ff;background:rgba(153,83,231,.2);color:#eadcff;box-shadow:0 0 12px rgba(165,98,255,.1)}
.checkin-save{background:linear-gradient(135deg,#642ed0,#b451e8)}

@media(max-width:1040px){.quest-actions{grid-template-columns:repeat(3,1fr)}.adventure-grid{grid-template-columns:1fr}}
@media(max-width:760px){.quest-actions{grid-template-columns:1fr 1fr}.adventure-grid{grid-template-columns:1fr}.insight-cards{grid-template-columns:1fr}.daily-quest{grid-template-columns:32px minmax(0,1fr)}.daily-quest strong{grid-column:2;text-align:left}}