/* OurWorld Phase 3 — frontend-only feature refinement */
:root{--ow3-gold:#e5a84b;--ow3-gold-deep:#a96818;--ow3-cream:#fff8e8;--ow3-paper:#fffdf6;--ow3-sunset:#ef9a62;--ow3-brown:#60452f;--ow3-ok:#31745c;--ow3-error:#a13e4f}
.ow-phase3-bar{position:fixed;z-index:80;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));display:flex;gap:8px}.ow-phase3-back{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 14px;border:1px solid rgba(96,69,47,.16);border-radius:999px;background:rgba(255,253,246,.9);box-shadow:0 7px 24px rgba(96,69,47,.12);backdrop-filter:blur(14px);color:#533b2a;font-weight:750;text-decoration:none}.ow-phase3-back:hover{transform:translateY(-1px)}
.ow-phase3-status{min-height:48px;padding:12px 16px;border:1px solid rgba(229,168,75,.35);border-radius:14px;background:rgba(255,248,232,.88);color:var(--ow3-brown);line-height:1.5}.ow-phase3-status[data-state="success"]{border-color:rgba(49,116,92,.3);color:var(--ow3-ok)}.ow-phase3-status[data-state="error"]{border-color:rgba(161,62,79,.3);color:var(--ow3-error)}
/* Pet room */
body.ow-pet-phase3 .room{padding-top:max(76px,calc(env(safe-area-inset-top) + 68px))}body.ow-pet-phase3 .action-dock button{min-width:44px;min-height:44px}body.ow-pet-phase3 .feedback{max-width:min(86vw,420px)}body.ow-pet-phase3 [disabled]{cursor:not-allowed;opacity:.62}body.ow-pet-phase3 .action-dock button[aria-busy="true"]{box-shadow:0 0 0 3px rgba(229,168,75,.32)}
/* Wheel: warm-gold sunset */
body.ow-wheel-phase3{background:radial-gradient(circle at 85% 0,rgba(239,154,98,.32),transparent 34rem),radial-gradient(circle at 10% 18%,rgba(255,213,150,.36),transparent 30rem),linear-gradient(155deg,#fffdf8,#fff2dd 58%,#ffe8df)!important}body.ow-wheel-phase3 main main{background:transparent!important}body.ow-wheel-phase3 header{background:rgba(255,251,241,.82)!important;border-color:rgba(169,104,24,.13)!important}body.ow-wheel-phase3 header h1{color:var(--ow3-brown)}body.ow-wheel-phase3 canvas{filter:drop-shadow(0 18px 24px rgba(169,104,24,.2))}body.ow-wheel-phase3 button{min-height:44px}body.ow-wheel-phase3 main main>div>div{border-color:rgba(169,104,24,.14)!important}body.ow-wheel-phase3 .ow-wheel-card{background:rgba(255,253,246,.86)!important;box-shadow:0 18px 50px rgba(125,76,24,.13)!important}body.ow-wheel-phase3 .ow-wheel-result{margin:0 auto 20px;max-width:32rem;font-size:1.05rem;font-weight:700;text-align:center}body.ow-wheel-phase3 #wheel-history-enhancement>div{background:rgba(255,253,246,.86)!important;border-color:rgba(169,104,24,.14)!important;box-shadow:0 16px 40px rgba(125,76,24,.1)}
/* Slow letter: paper and glass mailbox */
body.ow-letter-phase3{background:radial-gradient(circle at 86% 4%,rgba(239,154,98,.24),transparent 32rem),linear-gradient(145deg,#fff8e9,#fffdf7 48%,#f8eee2)!important}body.ow-letter-phase3 main main{background:transparent!important}body.ow-letter-phase3 header{background:rgba(255,250,239,.82)!important;backdrop-filter:blur(18px)}body.ow-letter-phase3 h1,body.ow-letter-phase3 h2{color:var(--ow3-brown)}body.ow-letter-phase3 [class*="rounded-2xl"],body.ow-letter-phase3 [class*="rounded-3xl"]{border-color:rgba(169,104,24,.14)!important;background:linear-gradient(145deg,rgba(255,253,246,.94),rgba(255,248,232,.82))!important;box-shadow:0 18px 48px rgba(111,76,42,.12)}body.ow-letter-phase3 article{position:relative}body.ow-letter-phase3 article:before{content:'✉';position:absolute;right:18px;top:14px;color:rgba(169,104,24,.28);font-size:1.5rem}body.ow-letter-phase3 button,body.ow-letter-phase3 input,body.ow-letter-phase3 textarea,body.ow-letter-phase3 select{min-height:44px}body.ow-letter-phase3 [role="dialog"]>div{background:rgba(255,253,246,.97)!important;border:1px solid rgba(169,104,24,.18);box-shadow:0 22px 65px rgba(84,58,35,.22)}
/* Reminder */
body.ow-reminder-phase3{background:radial-gradient(circle at 12% 0,rgba(255,213,150,.28),transparent 28rem),linear-gradient(180deg,#fffdf8,#fff8ed)!important}body.ow-reminder-phase3 main main{background:transparent!important}body.ow-reminder-phase3 header{background:rgba(255,253,246,.84)!important}body.ow-reminder-phase3 h1:after{content:' · 温柔提醒';font-size:.58em;font-weight:500;color:#8a715d;margin-left:8px}body.ow-reminder-phase3 [class*="rounded-2xl"],body.ow-reminder-phase3 [class*="rounded-3xl"]{border-color:rgba(169,104,24,.13)!important;background:rgba(255,253,246,.88)!important;box-shadow:0 16px 42px rgba(103,72,40,.1)}body.ow-reminder-phase3 button,body.ow-reminder-phase3 input,body.ow-reminder-phase3 textarea,body.ow-reminder-phase3 select{min-height:44px}.ow-dependency-notice{margin:16px auto;max-width:48rem;padding:14px 16px;border:1px solid rgba(229,168,75,.35);border-radius:14px;background:rgba(255,248,232,.9);line-height:1.6}.ow-dependency-notice a{font-weight:750;color:var(--ow3-gold-deep);text-underline-offset:3px}
@media(max-width:767px){.ow-phase3-bar{right:12px}.ow-phase3-back{flex:1}.ow-phase3-bar{max-width:calc(100% - 24px)}body.ow-pet-phase3 .room{padding-bottom:calc(92px + env(safe-area-inset-bottom))}body.ow-pet-phase3 .action-dock{gap:6px;padding-bottom:max(8px,env(safe-area-inset-bottom))}body.ow-wheel-phase3 main main>div,body.ow-letter-phase3 main main>div,body.ow-reminder-phase3 main main>div{padding-left:16px!important;padding-right:16px!important}}
@media(prefers-reduced-motion:reduce){body.ow-pet-phase3 .pet,body.ow-pet-phase3 .sparkles,body.ow-wheel-phase3 canvas{animation:none!important;transition:none!important}}