:root{--cream: #f7f1df;--sand: #e9debf;--ink: #222018;--muted: #5b5546;--burnt: #b65f2a;--card: rgba(255, 255, 255, .68);--line: rgba(34, 32, 24, .14)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Trebuchet MS,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 14%,#ffd9a6,transparent 28%),radial-gradient(circle at 88% 82%,#b6d2f2,transparent 34%),linear-gradient(135deg,var(--cream),var(--sand))}.page{min-height:100vh;position:relative;padding:28px 14px}.noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.17;background-image:radial-gradient(#000 .45px,transparent .45px);background-size:3px 3px}.shell{width:min(980px,95vw);margin:0 auto;display:grid;gap:16px;position:relative;z-index:1}.top-nav{display:flex;gap:10px;align-items:center}.nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border-radius:999px;border:1px solid var(--line);background:#ffffffb3;color:var(--ink);text-decoration:none;font-weight:700}.nav-link:hover{text-decoration:none;border-color:#b65f2a80}.nav-link.active{color:#fff;background:linear-gradient(100deg,#b65f2a,#de8443);border-color:transparent}.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);box-shadow:0 14px 38px #00000014;animation:rise .5s ease both}.hero{animation-delay:.05s}.tag{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--burnt);font-weight:700}h1{margin:8px 0;font-size:clamp(2rem,4vw,3rem);line-height:1}p{margin:0;color:var(--muted)}.form{display:grid;gap:12px}label{font-size:.92rem;font-weight:700}textarea,select,input{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--ink);font:inherit;background:#ffffffdb}textarea:focus,select:focus,input:focus{outline:2px solid rgba(182,95,42,.24);border-color:#b65f2a80}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}button{border:0;border-radius:999px;min-height:44px;padding:10px 18px;font-size:1rem;font-weight:700;color:#fff;background:linear-gradient(100deg,#b65f2a,#de8443);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 20px #b65f2a3d}button:disabled{opacity:.65;cursor:wait}.error{margin-top:10px;color:#9c2a1d;font-weight:600}.result{margin-top:14px;display:grid;gap:10px}.story-grid{grid-template-columns:repeat(3,1fr)}.story-result{margin-top:14px;display:grid;gap:10px;border:1px solid var(--line);border-radius:14px;background:#fffc;padding:12px}.story-result pre{margin:0;white-space:pre-wrap;word-break:break-word;color:var(--ink);font-family:Trebuchet MS,Segoe UI,sans-serif;line-height:1.6}.story-meta{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:.92rem}.story-actions{display:flex;gap:10px;flex-wrap:wrap}button.secondary{color:var(--ink);background:#ffffffd9;border:1px solid var(--line)}button.secondary:hover:not(:disabled){box-shadow:0 10px 20px #2220181f}a{color:#8a4218;text-decoration:none;font-weight:700}a:hover{text-decoration:underline}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 780px){.grid{grid-template-columns:1fr}.top-nav{flex-wrap:wrap}.card{border-radius:18px;padding:16px}}