:root{--bg: #f9fafb;--bg-raised: #ffffff;--ink: #111827;--ink-soft: #6b7280;--ink-faint: #9ca3af;--accent: #4f46e5;--accent-hover: #4338ca;--accent-ink: #ffffff;--accent-soft: #eef2ff;--border: #f3f4f6;--border-strong: #e5e7eb;--danger: #dc2626;--danger-soft: #fef2f2;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius: .75rem;--radius-lg: 1.5rem;--shadow-card: 0 1px 2px rgba(17, 24, 39, .04);--shadow-hover: 0 20px 40px -16px rgba(17, 24, 39, .18)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}#root{min-height:100vh}h1,h2,h3{font-weight:800;letter-spacing:-.02em;margin:0}a{color:var(--accent);text-decoration:none}button,input,textarea{font-family:inherit;font-size:inherit;color:inherit}input,textarea{background:var(--bg-raised);border:2px solid var(--border);border-radius:var(--radius);padding:.6rem .8rem;transition:border-color .12s ease}input:focus,textarea:focus{outline:none;border-color:var(--accent)}button{cursor:pointer;border:2px solid var(--border-strong);background:var(--bg-raised);color:var(--ink);border-radius:var(--radius);padding:.55rem 1rem;font-weight:700;transition:transform 80ms ease,border-color .12s ease,background .12s ease,box-shadow .12s ease}button:hover{border-color:var(--ink-faint)}button:active{transform:scale(.97)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);box-shadow:0 10px 20px -8px #4f46e573}.btn-primary:hover{border-color:var(--accent-hover);background:var(--accent-hover)}.btn-danger{color:var(--danger);border-color:var(--danger-soft);background:var(--danger-soft)}.btn-danger:hover{border-color:var(--danger)}.btn-ghost{background:transparent;border-color:transparent}.btn-ghost:hover{border-color:var(--border-strong)}.page-shell{max-width:780px;margin:0 auto;padding:3rem 1.5rem 4rem}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:2rem}.page-title{font-size:2.25rem}.eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:.4rem}.card{background:var(--bg-raised);border:2px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.75rem}.center-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.1rem;text-align:center;padding:1.5rem}.center-screen h1{font-size:2.5rem}.muted{color:var(--ink-soft)}.back-link{font-size:.85rem;font-weight:700;color:var(--ink-soft)}.back-link:hover{color:var(--accent)}.badge{display:inline-flex;align-items:center;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:.25rem .6rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);border:1px solid transparent}.new-app-form h3{font-size:1.25rem;margin-bottom:1.1rem}.form-row{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.1rem}.form-row label{font-size:.8rem;font-weight:700;color:var(--ink-soft)}.form-row textarea{font-family:var(--font-mono);font-size:.85rem;resize:vertical}.app-list{list-style:none;margin:1.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.9rem}.app-list-item{background:var(--bg-raised);border:2px solid var(--border);border-radius:var(--radius-lg);padding:1.25rem 1.4rem;transition:box-shadow .15s ease,border-color .15s ease}.app-list-item:hover{border-color:#e0e0fb;box-shadow:var(--shadow-hover)}.app-list-item-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.85rem}.app-list-item-title{font-size:1.3rem;font-weight:800;letter-spacing:-.01em}.app-list-item-actions{display:flex;gap:.5rem;flex-wrap:wrap}.app-list-item-actions button{font-size:.82rem;padding:.45rem .8rem}.section-title{font-size:1.25rem;margin:2.75rem 0 .25rem}.section-hint{color:var(--ink-soft);font-size:.85rem;margin:.75rem 0 0}.owner-email{color:var(--ink-soft);font-size:.82rem}.public-shell{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column}.public-shell iframe{flex:1;width:100%;border:none}.student-banner{flex-shrink:0;background:#fef3c7;color:#92400e;border-bottom:1px solid #fde68a;font-size:.8rem;font-weight:700;text-align:center;padding:.4rem 1rem}.empty-state{color:var(--ink-faint);padding:2rem 0;text-align:center}.share-url-row{display:flex;align-items:center;gap:.6rem;background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius);padding:.5rem .7rem}.share-url{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--font-mono);font-size:.82rem;color:var(--ink-soft)}.share-url-row button{flex-shrink:0;font-size:.78rem;padding:.35rem .7rem}.editor-shell{display:flex;flex-direction:column;height:100vh}.editor-toolbar{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1.4rem;border-bottom:2px solid var(--border);background:var(--bg-raised);gap:1rem}.editor-toolbar-left{display:flex;align-items:center;gap:1rem}.editor-toolbar-title{font-size:1.15rem;font-weight:800}.editor-toolbar-actions{display:flex;align-items:center;gap:.6rem}.editor-toolbar-actions .share-url{max-width:220px}.editor-panes{display:flex;flex:1;min-height:0}.editor-pane{flex:1;overflow:auto}.editor-preview-pane{border-left:2px solid var(--border)}.editor-preview-pane iframe{width:100%;height:100%;border:none}