:root{--background: #ffffff;--foreground: #152126;--primary: #074a4f;--primary-soft: #e8f2f3;--primary-foreground: #ffffff;--card: #ffffff;--muted: #f7f8f8;--muted-foreground: #52606d;--accent: #f1862b;--accent-soft: #fff4ea;--indigo: #4f46e5;--magenta: #d63384;--border: #e5e7eb;--success: #1f7a43;--danger: #bf6426;--radius: 10px}*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}input,textarea{width:100%;border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;background:var(--card);color:var(--foreground)}input::placeholder,textarea::placeholder{color:var(--muted-foreground)}input:focus-visible,textarea:focus-visible{outline:2px solid color-mix(in srgb,var(--primary) 40%,transparent);outline-offset:1px;border-color:var(--primary)}button{background:var(--primary);color:var(--primary-foreground);border:0;border-radius:var(--radius);padding:.6rem 1rem;cursor:pointer;font-weight:600}button:disabled{opacity:.7;cursor:not-allowed}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff,#fbfcfc)}.app-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--border);box-shadow:0 1px 0 var(--accent);background:color-mix(in srgb,#ffffff 97%,var(--primary) 3%)}.app-header__inner{max-width:1100px;margin:0 auto;min-height:4rem;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.app-header__left{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.brand{display:inline-flex;align-items:center;gap:.75rem;color:inherit;text-decoration:none}.brand__logo{height:2.2rem;width:auto}.brand__title{font-size:1.2rem;color:var(--primary);letter-spacing:.01em;white-space:nowrap}.header-tabs{display:inline-flex;align-items:center;gap:.5rem}.header-tab{background:var(--accent);border:1px solid var(--accent);color:#fff;font-size:.88rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;padding:.4rem .72rem}.header-tab--active{background:transparent;border-color:var(--primary);color:var(--primary)}.app-header__actions{display:inline-flex;align-items:center;gap:.6rem}.website-cta{display:inline-flex;align-items:center;justify-content:center;background:var(--indigo);border:1px solid var(--indigo);color:#fff;text-decoration:none;border-radius:var(--radius);padding:.45rem .7rem;font-size:.85rem;min-height:2.35rem;white-space:nowrap}.feedback-cta{display:inline-flex;flex-direction:column;align-items:flex-start;border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:var(--radius);text-decoration:none;padding:.45rem .7rem;line-height:1.2;font-weight:400}.feedback-cta__title{font-size:.8rem;font-weight:400}.feedback-cta__subtitle{font-size:.74rem;color:color-mix(in srgb,#fff 82%,transparent);margin:auto}.app-main{flex:1;max-width:1100px;margin:0 auto;padding:2.2rem 1rem 3rem;width:100%}.intro{margin-bottom:1.25rem}.intro h1{margin:0 0 .55rem;color:var(--primary);font-size:clamp(1.65rem,2vw,2.15rem)}.intro p{margin:0;max-width:760px;color:var(--muted-foreground);line-height:1.55}.challenge-banner{margin-top:1rem;border:2px solid var(--accent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 14%,white),#fff 70%);border-radius:var(--radius);padding:.95rem 1rem .85rem}.challenge-banner__headline{margin:0;font-size:clamp(1.4rem,2.5vw,2rem);line-height:1.1;font-weight:400;color:var(--accent);letter-spacing:.01em}.challenge-banner__subtext{margin:.45rem 0 0;font-size:1rem;color:var(--foreground);font-weight:400}.challenge-feedback-button{display:inline-block;margin-top:.8rem;background:var(--primary);color:#fff;text-decoration:none;border:1px solid var(--primary);border-radius:var(--radius);padding:.5rem .75rem;font-size:.9rem;font-weight:400}.feedback-modal__overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background:#0f172a6b;padding:1rem}.feedback-modal{width:min(560px,100%);border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:0 18px 40px #0f172a33;padding:1rem}.feedback-modal h2{margin:0;color:var(--primary);font-size:1.15rem}.feedback-modal p{margin:.45rem 0 0;color:var(--muted-foreground)}.feedback-modal__form{margin-top:.85rem;display:grid;gap:.65rem}.feedback-modal__counter{margin:0;font-size:.8rem;color:var(--muted-foreground)}.feedback-modal__actions{display:flex;justify-content:flex-end;gap:.55rem}.feedback-modal__cancel{background:#fff;color:var(--foreground);border:1px solid var(--border)}.feedback-modal__submit{background:var(--primary);color:#fff}.feedback-notification{position:fixed;right:1rem;bottom:1rem;z-index:55;display:flex;align-items:flex-start;gap:.8rem;width:min(430px,calc(100vw - 2rem));border-radius:var(--radius);border:1px solid var(--border);background:#fff;box-shadow:0 10px 26px #0f172a2e;padding:.85rem .9rem}.feedback-notification--success{border-left:4px solid var(--success)}.feedback-notification--error{border-left:4px solid var(--danger)}.feedback-notification__title{margin:0;color:var(--foreground);font-size:.92rem;font-weight:700}.feedback-notification__message{margin:.3rem 0 0;color:var(--muted-foreground);font-size:.86rem}.feedback-notification__close{background:#fff;border:1px solid var(--border);color:var(--foreground);font-size:.78rem;padding:.35rem .55rem}.demo-disclaimer{margin-top:.75rem;border:1px solid color-mix(in srgb,var(--magenta) 35%,white);border-left:4px solid var(--magenta);background:color-mix(in srgb,var(--magenta) 10%,white);border-radius:var(--radius);padding:.65rem .8rem}.demo-disclaimer p{margin:0;color:color-mix(in srgb,var(--magenta) 75%,black);font-size:.95rem}.card{background:var(--card);border:1px solid var(--border);border-top:3px solid var(--primary);border-radius:var(--radius);box-shadow:0 10px 22px #0f172a0a;padding:1rem;margin-top:1rem}.card h2{margin:0 0 .95rem;color:var(--primary);font-size:1.06rem}.form-grid{display:grid;gap:.75rem}.form-grid label{font-size:.93rem;font-weight:600}.form-grid button{margin-top:.25rem;width:fit-content;min-width:15rem}.generate-button{min-width:12.5rem;text-transform:none;letter-spacing:normal;font-weight:500;font-size:medium}.status-heading{display:flex;align-items:center;justify-content:space-between;gap:.7rem;margin-bottom:.2rem}.status-pill{border-radius:999px;font-size:.74rem;text-transform:capitalize;padding:.23rem .65rem;border:1px solid transparent}.status-pill--progress{color:var(--primary);background:var(--primary-soft);border-color:color-mix(in srgb,var(--primary) 20%,white)}.status-pill--success{color:var(--success);background:color-mix(in srgb,var(--success) 11%,white);border-color:color-mix(in srgb,var(--success) 25%,white)}.status-pill--danger{color:var(--danger);background:color-mix(in srgb,var(--danger) 11%,white);border-color:color-mix(in srgb,var(--danger) 25%,white)}.card--status p{margin:.58rem 0}.card--indigo{border-top-color:var(--indigo)}.output-log{margin:0;padding-left:1.25rem;display:grid;gap:.35rem}.output-log__empty{margin:0;color:var(--muted-foreground)}.monitoring-summary,.monitoring-empty{margin:.45rem 0;color:var(--muted-foreground)}.monitoring-frame{display:block;width:100%;min-height:260px;border:1px solid color-mix(in srgb,var(--indigo) 25%,white);border-radius:calc(var(--radius) - 2px);margin-top:.6rem;background:#fff}.monitoring-fullscreen-button{margin-top:.75rem;background:var(--indigo);color:#fff}.roadmap__intro{margin:0 0 1rem;color:var(--muted-foreground)}.roadmap{position:relative;display:grid;gap:1rem;padding:.5rem 0;--roadmap-axis-x: 50%}.roadmap__line{display:none}.roadmap__item{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.roadmap__item:before{content:"";position:absolute;top:-.5rem;bottom:-.5rem;left:var(--roadmap-axis-x);width:2px;transform:translate(-50%);background:var(--border);z-index:0}.roadmap__item:first-of-type:before{top:0}.roadmap__item:last-of-type:before{bottom:0}.roadmap__item--left .roadmap__card{grid-column:1}.roadmap__item--right .roadmap__card{grid-column:2}.roadmap__dot{position:absolute;top:50%;left:var(--roadmap-axis-x);transform:translate(-50%,-50%);width:.75rem;height:.75rem;border-radius:999px;border:2px solid white;box-shadow:0 0 0 1px var(--border);z-index:2}.roadmap__dot--done{background:var(--success)}.roadmap__dot--in_progress{background:#6f4cc8}.roadmap__dot--planned{background:var(--accent)}.roadmap__card{position:relative;z-index:1;border:1px solid var(--border);border-top:3px solid var(--border);border-radius:var(--radius);background:#fff;padding:.75rem}.roadmap__card--done{border-top-color:var(--success)}.roadmap__card--in_progress{border-top-color:#6f4cc8}.roadmap__card--planned{border-top-color:var(--accent)}.roadmap__header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.4rem}.roadmap__state{border-radius:999px;font-size:.72rem;padding:.2rem .5rem;border:1px solid transparent}.roadmap__state--done{color:var(--success);background:color-mix(in srgb,var(--success) 10%,white);border-color:color-mix(in srgb,var(--success) 25%,white)}.roadmap__state--in_progress{color:#6f4cc8;background:color-mix(in srgb,#6f4cc8 10%,white);border-color:color-mix(in srgb,#6f4cc8 25%,white)}.roadmap__state--planned{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,white);border-color:color-mix(in srgb,var(--accent) 30%,white)}.roadmap__card ul{margin:0;padding-left:1rem;display:grid;gap:.3rem}.error-text{color:var(--danger);margin-top:.9rem;margin-bottom:0;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 35%,white);padding:.65rem .75rem;border-radius:calc(var(--radius) - 2px)}.app-footer{border-top:1px solid var(--border);background:var(--muted);min-height:4rem}.app-footer p{max-width:1100px;margin:0 auto;padding:1rem;color:var(--muted-foreground);font-size:.9rem}.app-footer a{color:var(--accent)}@media(max-width:720px){.app-shell{padding-bottom:4rem}.app-header__inner{align-items:flex-start;flex-direction:column;padding-top:.6rem;padding-bottom:.6rem}.app-header__left{width:100%;gap:.7rem}.header-tabs{width:100%;overflow-x:auto;padding-bottom:.2rem}.app-header__actions{width:100%;flex-direction:row;align-items:stretch}.website-cta{width:auto;flex:1;min-width:0;text-align:center}.feedback-cta{width:auto;flex:1;min-width:0;align-items:center}.app-footer{position:fixed;left:0;right:0;bottom:0;z-index:20}.brand__title{font-size:1.6rem}.app-main{padding-top:1.35rem}.status-heading{flex-direction:column;align-items:flex-start}.roadmap__line{left:.45rem}.roadmap__item{grid-template-columns:1fr;padding-left:1.4rem}.roadmap{--roadmap-axis-x: .45rem}.roadmap__item--left .roadmap__card,.roadmap__item--right .roadmap__card{grid-column:1}.roadmap__dot{left:var(--roadmap-axis-x)}}