*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;color:#1a1a1a;background:#fefcfa;min-height:100vh;font-family:Poppins,Noto Sans TC,sans-serif;font-weight:500;transition:background .6s}button{cursor:pointer;border:none;outline:none;font-family:inherit}.app{flex-direction:column;max-width:760px;min-height:100vh;margin:0 auto;padding:0 24px;transition:color .6s;display:flex}.top{justify-content:space-between;align-items:center;padding:20px 0;display:flex}.back{letter-spacing:.5px;opacity:.85;font-size:13px;font-weight:600;text-decoration:none}.back:hover{opacity:1}.brand{letter-spacing:4px;opacity:.7;font-size:11px;font-weight:700}.main{flex:1;padding:40px 0}.brand-title{letter-spacing:-4px;margin:0 0 12px;font-family:Poppins,sans-serif;font-size:clamp(64px,14vw,132px);font-weight:900;line-height:.85}.title-thin{font-style:italic;font-weight:400}.sub{opacity:.85;margin:0 0 36px;font-size:17px;font-weight:500}.mood-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:36px;display:grid}@media (width<=600px){.mood-grid{grid-template-columns:repeat(4,1fr)}}.mood-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid #0000;border-radius:24px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;transition:all .3s;display:flex}.mood-btn:hover{transform:translateY(-3px)}.mood-active{font-weight:700}.mood-emoji{font-size:26px}.mood-label{letter-spacing:1px;font-size:11px;font-weight:700}.quote-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:32px;padding:36px 32px;animation:.6s cardFade;position:relative}@keyframes cardFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quote-meta{letter-spacing:3px;opacity:.85;justify-content:space-between;margin-bottom:24px;font-size:11px;font-weight:700;display:flex}.quote-text{letter-spacing:-.5px;min-height:120px;margin:0 0 28px;font-size:clamp(22px,3.5vw,30px);font-weight:500;line-height:1.45}.quote-btn{letter-spacing:1px;background:0 0;border:1.5px solid;border-radius:999px;align-items:center;gap:8px;padding:10px 22px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.quote-btn:hover{background:#fff3}.bot{text-align:center;opacity:.92;border-color:#0000001a;border-top-style:solid;border-top-width:1px;padding:40px 0}.bot p{opacity:.8;margin:0 0 16px;font-size:13px}.cta{letter-spacing:1px;border-radius:999px;padding:12px 26px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}