/* Watercolor is its own composition, not a recolor of the hand-drawn theme. */
body.tt-ink-theme.tt-app-overview .hero.trip-theme-banner{background:#fcf8f0!important;border:1px solid #ddcbb7!important;border-radius:22px!important;box-shadow:0 8px 26px #54463716!important;padding:0 0 18px!important;color:#3b332b!important}
body.tt-ink-theme.tt-app-overview .tt-ink-art{width:100%!important;aspect-ratio:590/560!important;height:auto!important;max-height:530px!important;overflow:hidden!important;border:0!important;margin:0 0 8px!important;background:#fbf7ef!important}
body.tt-ink-theme.tt-app-overview .tt-ink-art img.tt-watercolor-osaka{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:none!important}
body.tt-ink-theme.tt-app-overview .hero.trip-theme-banner h1{font-family:'Noto Serif TC','Songti TC',serif!important;font-size:clamp(27px,5vw,43px)!important;letter-spacing:.1em!important}
body.tt-ink-theme.tt-app-overview .hero.trip-theme-banner .row{gap:7px;flex-wrap:wrap}
body.tt-ink-theme.tt-app-overview .hero.trip-theme-banner .btn,body.tt-ink-theme.tt-app-overview .hero.trip-theme-banner .pill{font-size:12px!important;padding:7px 10px!important;border-radius:14px!important}
.tt-watercolor-dashboard{display:none}
body.tt-ink-theme.tt-app-overview .tt-watercolor-dashboard{display:block;max-width:100%;margin:12px 0 24px;color:#403b32}
.tt-watercolor-stage{border:1px solid #d8c8b3;border-radius:20px;background:linear-gradient(135deg,#fffdf8,#f6eee0);padding:18px 18px 20px;box-shadow:0 3px 14px #79664e10}
.tt-watercolor-stage-title{display:flex;align-items:center;gap:9px;font-family:'Noto Serif TC',serif;font-size:22px;color:#564b3e}
.tt-watercolor-stage-title small{font:9px system-ui;letter-spacing:.16em;color:#a67a6c;margin-left:auto}
.tt-watercolor-steps{display:flex;justify-content:space-around;position:relative;margin-top:17px;gap:8px}
.tt-watercolor-steps:before{content:'';position:absolute;left:17%;right:17%;height:2px;background:#cfc9bc;top:19px}
.tt-watercolor-steps>div{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;flex:1;color:#897d70}
.tt-watercolor-step-icon{width:38px;height:38px;border:2px solid #c9c4b8;border-radius:50%;background:#fdfaf4;display:grid;place-items:center;font-size:20px}
.tt-watercolor-steps .current .tt-watercolor-step-icon{background:#d88d93;color:white;border-color:#d88d93;box-shadow:0 0 0 5px #f9e6e4}
.tt-watercolor-steps .done .tt-watercolor-step-icon{background:#849c7a;color:white;border-color:#849c7a}
.tt-watercolor-steps small{font-size:12px;white-space:nowrap}
.tt-watercolor-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px}
.tt-watercolor-shortcuts button{min-width:0;min-height:90px;background:#fffdf8;border:1px solid #dfd0bd;border-radius:17px;box-shadow:0 3px 8px #735e4512;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#514235;cursor:pointer;font:inherit}
.tt-watercolor-shortcuts button span{font-size:27px}.tt-watercolor-shortcuts button strong{font-size:13px}
.tt-watercolor-shortcuts button:active{transform:scale(.97)}.tt-watercolor-shortcuts button:focus-visible{outline:3px solid #b25c54;outline-offset:2px}
@media(max-width:760px){body.tt-ink-theme.tt-app-overview .tt-ink-art{max-height:none!important;aspect-ratio:590/560!important}body.tt-ink-theme.tt-app-overview .hero.trip-theme-banner> :not(.tt-ink-art):not(.journal-scene){margin-left:14px!important;margin-right:14px!important}body.tt-ink-theme.tt-app-overview .hero.trip-theme-banner{border-radius:18px!important}.tt-watercolor-stage-title small{display:none}.tt-watercolor-shortcuts{gap:8px}.tt-watercolor-shortcuts button{min-height:76px;border-radius:14px}.tt-watercolor-shortcuts button span{font-size:23px}.tt-watercolor-shortcuts button strong{font-size:12px}}
@media(max-width:390px){.tt-watercolor-shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.tt-watercolor-shortcuts button{min-height:68px}.tt-watercolor-shortcuts button strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.tt-watercolor-shortcuts button{transition:none!important}}

body.tt-ink-theme.tt-app-overview .tt-ink-art img.tt-watercolor-destination{display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:none!important}
