:root{color:#111114;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;background:#f7f8fa;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f7f8fa;min-width:320px}body{word-break:keep-all;background:#f7f8fa;min-width:320px;min-height:100vh;margin:0}input,button,textarea{font:inherit}a{color:inherit}.app-shell{color:#111114;background:#f7f8fa;min-height:100vh}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#fffffff0;border-bottom:1px solid #e2e5ea;justify-content:space-between;align-items:center;gap:20px;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.brand{color:#111114;letter-spacing:0;align-items:center;gap:10px;font-size:25px;font-weight:880;line-height:1;text-decoration:none;display:inline-flex}.brand-icon{color:#ff4d46;background:#fff0ef;border-radius:8px;place-items:center;width:36px;height:36px;display:grid}.top-actions{align-items:center;gap:18px;display:flex}.top-actions span,.top-actions button{color:#5a3030;background:0 0;border:0;align-items:center;gap:8px;min-height:40px;font-size:15px;font-weight:760;display:inline-flex}.top-actions button{color:#1d1d20;border-radius:7px;padding:0 10px}.top-actions button:hover{background:#f1f2f4}.workspace{grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);align-items:start;gap:20px;width:min(1440px,100vw - 48px);margin:0 auto;padding:24px 0 18px;display:grid}.input-column,.result-column{gap:16px;min-width:0;display:grid}.panel,.result-shell,.examples{background:#fff;border:1px solid #dfe3e8;border-radius:8px;box-shadow:0 16px 38px #171e2c0f}.panel{padding:22px}.section-title{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.section-title h1,.section-title h2{color:#111114;letter-spacing:0;margin:0;font-size:21px;font-weight:820;line-height:1.2}.section-title span{color:#747a83;font-size:14px;font-weight:700}.composer p,.daily-panel p{color:#626973;margin:0 0 14px;font-size:15px;font-weight:560;line-height:1.5}textarea{resize:vertical;color:#15171a;background:#fff;border:2px solid #087f83;border-radius:8px;outline:0;width:100%;min-height:174px;padding:18px;font-size:19px;font-weight:560;line-height:1.55}textarea:focus{box-shadow:0 0 0 4px #087f831f}.relation-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.relation-grid button{color:#272a30;text-align:left;background:#fff;border:1px solid #d9dee5;border-radius:7px;grid-template-rows:auto auto;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:2px 10px;min-height:68px;padding:12px;display:grid}.relation-grid button svg{color:#444b55;grid-row:1/span 2}.relation-grid button strong{font-size:15px;font-weight:780}.relation-grid button small{text-overflow:ellipsis;white-space:nowrap;color:#757b84;min-width:0;font-size:12px;font-weight:620;overflow:hidden}.relation-grid button.selected{color:#fff;background:#087f83;border-color:#087f83}.relation-grid button.selected svg,.relation-grid button.selected small{color:#ffffffc7}.daily-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.daily-panel h2{margin:0 0 8px;font-size:18px;font-weight:820}.daily-panel button{color:#087f83;background:#fff;border:1px solid #087f83;border-radius:7px;align-items:center;gap:8px;height:44px;padding:0 14px;font-size:14px;font-weight:780;display:inline-flex}.result-shell{overflow:hidden}.result-status{color:#fff;background:linear-gradient(90deg,#ff4d46,#ff6d5d);justify-content:space-between;align-items:center;gap:18px;min-height:56px;padding:0 24px;display:flex}.result-status span{align-items:center;gap:8px;font-size:15px;font-weight:820;display:inline-flex}.result-status strong{font-size:15px;font-weight:760}.score-layout{grid-template-columns:minmax(0,1fr) 250px;align-items:center;gap:28px;padding:30px 24px 22px;display:grid}.score-block span,.label-block span{color:#5f666f;margin-bottom:8px;font-size:15px;font-weight:760;display:block}.score-block strong{color:#ff4d46;letter-spacing:0;font-size:94px;font-weight:900;line-height:.95;display:block}.temperature-track{background:linear-gradient(90deg,#69bdb6,#ffd36b,#ff8c87);border-radius:999px;width:100%;height:18px;margin-top:20px;overflow:hidden}.temperature-track i{border-right:5px solid #fff;height:100%;display:block;box-shadow:0 0 0 3px #ff4d46}.label-block{border-left:1px solid #dfe3e8;padding-left:24px}.label-block strong{color:#ff4d46;font-size:33px;font-weight:900;line-height:1.12;display:block}.label-block p{color:#626973;margin:12px 0 0;font-size:15px;font-weight:560;line-height:1.5}.insight-card{background:linear-gradient(#fff9f8,#fff);border:1px solid #ffd0cc;border-radius:8px;gap:0;margin:0 24px;display:grid}.insight-card div{border-bottom:1px solid #f1deda;padding:20px}.insight-card div:last-child{border-bottom:0}.insight-card h2{color:#16181c;align-items:center;gap:8px;margin:0 0 10px;font-size:17px;font-weight:820;display:flex}.insight-card h2 svg:first-child{color:#ff4d46}.insight-card p{color:#454a52;margin:0;font-size:15px;font-weight:560;line-height:1.55}.signals{flex-wrap:wrap;gap:8px;padding:18px 24px 2px;display:flex}.signals span{color:#087f83;background:#f8fbfb;border:1px solid #dce3e7;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:13px;font-weight:720;display:inline-flex}.suggestions{padding:20px 24px 8px}.suggestions button{color:#202329;text-align:left;background:#fff;border:1px solid #dde2e8;border-radius:7px;grid-template-columns:34px minmax(0,1fr) 22px;align-items:center;gap:12px;width:100%;min-height:52px;margin-bottom:8px;padding:9px 12px;display:grid}.suggestions em{color:#fff;background:#087f83;border-radius:7px;place-items:center;width:28px;height:28px;font-size:14px;font-style:normal;font-weight:830;display:grid}.suggestions span{gap:2px;min-width:0;font-size:15px;font-weight:590;line-height:1.35;display:grid}.suggestions span strong{color:#087f83;font-size:12px;font-weight:820}.share-row{grid-template-columns:repeat(3,1fr);gap:10px;padding:12px 24px 24px;display:grid}.share-row button{color:#202329;background:#fff;border:1px solid #cfd5dc;border-radius:7px;justify-content:center;align-items:center;gap:9px;min-height:54px;padding:0 12px;font-size:15px;font-weight:820;display:inline-flex}.share-row button.yellow{background:#ffd84d;border-color:#f4c431}.share-row button.teal{color:#fff;background:#087f83;border-color:#087f83}.examples{width:min(1440px,100vw - 48px);margin:0 auto 34px;padding:18px}.example-list{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.example-list button{color:#202329;text-align:left;background:#fff;border:1px solid #dfe3e8;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:52px;padding:0 12px;display:grid}.example-list span{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.example-list strong{color:#ff4d46;font-size:16px;font-weight:850}.toast{color:#111114;z-index:20;background:#fffffff7;border:1px solid #dfe3e8;border-radius:8px;align-items:center;gap:10px;min-height:56px;padding:0 18px;font-size:15px;font-weight:760;display:inline-flex;position:fixed;bottom:26px;right:28px;box-shadow:0 22px 54px #00000029}button{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}button:hover{filter:brightness(.985)}@media (width<=1000px){.workspace{grid-template-columns:1fr}.result-column{order:2}.example-list{grid-template-columns:1fr 1fr}}@media (width<=620px){.app-shell{overflow-x:clip}.topbar{height:64px;padding:0 18px}.brand{font-size:21px}.top-actions span{display:none}.top-actions button{font-size:14px}.workspace,.examples{width:100dvw;max-width:100dvw}.workspace{gap:14px;padding:14px 14px 12px}.panel{padding:18px}textarea{min-height:148px;font-size:17px}.relation-grid,.daily-panel{grid-template-columns:1fr}.score-layout{grid-template-columns:1fr;gap:18px;padding:24px 18px 18px}.score-block strong{font-size:74px}.label-block{border-top:1px solid #dfe3e8;border-left:0;padding-top:18px;padding-left:0}.label-block strong{font-size:29px}.insight-card{margin:0 18px}.signals,.suggestions{padding-left:18px;padding-right:18px}.share-row{grid-template-columns:1fr;padding:12px 18px 20px}.examples{border-left:0;border-right:0;border-radius:0;margin-bottom:24px}.example-list{grid-template-columns:1fr}.toast{bottom:18px;left:14px;right:14px}}