:root{--ink: #1a2238;--ink-soft: #2d3656;--ink-deep: #11172a;--cream: #f6f1e7;--cream-deep: #efe7d6;--paper: #fbf8f1;--gold: #c8a45c;--gold-soft: #e0c892;--rust: #b5532a;--teal: #2d6e6a;--line: #e5dcc8;--muted: #8a8270;--text: #2a2640;--text-soft: #6b6557;--shadow: 0 18px 50px -20px rgba(26, 34, 56, .28);--shadow-sm: 0 6px 20px -8px rgba(26, 34, 56, .18);--r-lg: 22px;--r-md: 16px;--r-sm: 11px;--serif: "Noto Serif SC", "Songti SC", serif;--sans: "Noto Sans SC", -apple-system, system-ui, sans-serif;--maxw: 440px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{font-family:var(--sans);color:var(--text);background:#2a2640;-webkit-font-smoothing:antialiased}body{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;height:100%}#app{width:100%;max-width:var(--maxw);min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;position:relative;background:var(--paper);overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (min-width: 480px){body{padding:24px 0}#app{min-height:calc(100vh - 48px);min-height:calc(100dvh - 48px);height:calc(100vh - 48px);height:calc(100dvh - 48px);max-height:920px;border-radius:38px;overflow:auto;-webkit-overflow-scrolling:touch;box-shadow:0 40px 100px -30px #0009,0 0 0 11px #0d0f1a,0 0 0 12px #252839}}.view-enter-active,.view-leave-active{transition:opacity .35s ease,transform .35s cubic-bezier(.22,.61,.36,1)}.view-enter-from{opacity:0;transform:translate(24px)}.view-leave-to{opacity:0;transform:translate(-24px)}.topbar{height:52px;display:flex;align-items:center;padding:0 12px;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topbar-back{width:38px;height:38px;border:none;background:none;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer}.topbar-back svg{width:22px;height:22px}.topbar-title{flex:1;text-align:center;font-family:var(--serif);font-size:17px;font-weight:700;color:var(--ink);letter-spacing:1px}.topbar-spacer{width:38px}.btn-primary{width:100%;height:52px;border:none;border-radius:26px;background:linear-gradient(135deg,var(--ink),var(--ink-soft));color:var(--cream);font-size:15px;font-weight:500;font-family:var(--sans);display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .2s}.btn-primary:active{transform:scale(.97)}.btn-primary svg{width:18px;height:18px}.btn-secondary{width:100%;height:46px;border:1px solid var(--line);border-radius:23px;background:var(--paper);color:var(--ink);font-size:14px;font-weight:500;font-family:var(--sans);cursor:pointer;transition:transform .2s}.btn-secondary:active{transform:scale(.97)}.form-block{margin-bottom:18px}.form-label{display:block;font-size:13px;font-weight:500;color:var(--ink);margin-bottom:8px}.form-label .optional{font-size:11px;color:var(--muted);font-weight:400;margin-left:4px}.form-textarea,.form-input{width:100%;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--paper);padding:13px 15px;font-size:14px;font-family:var(--sans);color:var(--text);resize:none;line-height:1.7;transition:border-color .2s}.form-textarea:focus,.form-input:focus{outline:none;border-color:var(--gold)}.form-textarea::placeholder,.form-input::placeholder{color:#c4bca8}.form-input{height:46px}.rate-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:16px;box-shadow:var(--shadow-sm);transition:border-color .2s}.rate-card.filled{border-color:var(--gold-soft)}.rate-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.rate-card-title{font-size:14.5px;font-weight:500;color:var(--ink)}.rate-card-score{font-family:var(--serif);font-weight:700;color:var(--gold)}.rate-card-score .max{font-size:12px;color:var(--muted);font-weight:400}.stars{display:flex;gap:6px}.star{width:30px;height:30px;cursor:pointer;color:var(--line);transition:color .2s,transform .2s}.star.filled{color:var(--gold)}.star:active{transform:scale(.85)}.star svg{width:100%;height:100%;pointer-events:none;display:block}.toast{position:fixed;bottom:40px;left:50%;transform:translate(-50%) translateY(20px);background:#11172aeb;color:var(--cream);font-size:13px;padding:11px 22px;border-radius:22px;opacity:0;visibility:hidden;transition:opacity .3s,transform .3s;z-index:300;white-space:nowrap;box-shadow:var(--shadow);max-width:90%}.toast.show{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}@keyframes cardIn{0%{opacity:0;transform:translateY(20px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}}