@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Geist:wght@300;400;500;600&family=Geist+Mono:wght@400;500&display=swap";:root{--white: #ffffff;--gray-50: #fafafa;--gray-100: #f4f4f5;--gray-200: #e4e4e7;--gray-300: #d1d1d6;--gray-400: #a1a1aa;--gray-500: #71717a;--gray-700: #3f3f46;--gray-900: #18181b;--black: #09090b;--red: #991b1b;--red-bg: #fef2f2;--font-serif: "Instrument Serif", Georgia, serif;--font-sans: "Geist", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Geist Mono", "SF Mono", monospace;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--page-px: clamp(16px, 4vw, 40px);--page-py: clamp(28px, 5vw, 48px);--card-p: clamp(20px, 3vw, 40px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:15px}body{background:var(--white);color:var(--gray-900);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;flex-direction:column}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-200);border-radius:99px}::selection{background:var(--gray-100)}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.tra-nav{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--page-px);border-bottom:1px solid var(--gray-100);background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;z-index:50}.tra-nav-logo{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer}.tra-nav-mark{width:24px;height:24px;border-radius:6px;background:var(--black);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:7px;color:#fff;font-weight:500;letter-spacing:.04em;flex-shrink:0}.tra-nav-title{font-size:clamp(12px,1.5vw,14px);font-weight:600;color:var(--gray-900);letter-spacing:-.01em}.tra-nav-links{display:flex;align-items:center;gap:4px}.tra-nav-btn{border:none;border-radius:var(--radius-sm);padding:5px clamp(8px,1.5vw,14px);font-size:clamp(12px,1.3vw,13.5px);font-weight:500;cursor:pointer;font-family:var(--font-sans);transition:all .15s ease;white-space:nowrap}.tra-page{flex:1;padding:var(--page-py) var(--page-px);max-width:960px;width:100%;margin:0 auto;animation:fadeUp .3s ease}.tra-footer{padding:14px var(--page-px);border-top:1px solid var(--gray-100);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--gray-300)}.tra-hero-h1{font-family:var(--font-serif);font-size:clamp(28px,5vw,42px);font-weight:400;letter-spacing:-.02em;line-height:1.2;margin-bottom:12px}.tra-saved-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.tra-item{display:flex;align-items:center;gap:14px;padding:10px 8px;border-radius:var(--radius);transition:background .15s ease}.tra-item:hover{background:var(--gray-50)}.tra-item-avatar{width:34px;height:34px;border-radius:50%;background:var(--gray-100);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tra-item-actions{display:flex;gap:6px;opacity:0;transition:opacity .15s ease}.tra-item:hover .tra-item-actions{opacity:1}.tra-form-card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--card-p);box-shadow:0 1px 3px #0000000f}.tra-result-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-lg);padding:var(--card-p);box-shadow:0 10px 15px -3px #00000012,0 4px 6px -4px #0000000a}.tra-result-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(20px,3vw,32px);flex-wrap:wrap;gap:10px}@media (max-width: 768px){.tra-nav-title{display:none}}@media (max-width: 480px){.tra-item-actions{opacity:1}.tra-result-toolbar{flex-direction:column;align-items:flex-start}.tra-result-toolbar>div{width:100%;justify-content:flex-end}.tra-footer{font-size:11px}.tra-footer span:last-child{display:none}}