*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:var(--font-size-body);background-image:linear-gradient(180deg,#fff8f1,#fed);background-attachment:fixed;min-height:100dvh}.app-column{width:100%;max-width:430px;margin:0 auto;padding:0 var(--space-lg);padding-bottom:calc(64px + env(safe-area-inset-bottom))}.type-display{font-size:var(--font-size-display);font-weight:var(--font-weight-display);letter-spacing:var(--letter-spacing-display)}.type-title{font-size:var(--font-size-title);font-weight:var(--font-weight-title);letter-spacing:var(--letter-spacing-title)}.type-heading{font-size:var(--font-size-heading);font-weight:var(--font-weight-heading)}.type-body{font-size:var(--font-size-body);font-weight:var(--font-weight-body)}.type-caption{font-size:var(--font-size-caption);font-weight:var(--font-weight-caption)}.type-micro{font-size:var(--font-size-micro);font-weight:var(--font-weight-micro);letter-spacing:var(--letter-spacing-micro);text-transform:uppercase}.clay-card{box-shadow:0 3px 0 var(--color-border)}.clay-primary{box-shadow:0 4px 0 var(--color-primary-depth)}.clay-danger{box-shadow:0 3px 0 var(--color-danger-depth)}.pressable:active:not(:disabled){transform:translateY(2px)}.pressable.clay-card:active:not(:disabled){box-shadow:0 1px 0 var(--color-border)}.pressable.clay-primary:active:not(:disabled){box-shadow:0 2px 0 var(--color-primary-depth)}.pressable.clay-danger:active:not(:disabled){box-shadow:0 1px 0 var(--color-danger-depth)}.glass{background:#fff9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-top:1px solid rgba(255,255,255,.85);box-shadow:0 -2px 24px #c2410c1f}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(min-width:768px){.app-column{max-width:720px;padding-bottom:var(--space-xxl)}.app-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}}@media(min-width:1024px){.app-column{max-width:1100px}.editor-split{display:grid;grid-template-columns:minmax(0,1fr) 430px;gap:var(--space-xxl);align-items:start}}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:52px;padding:0 var(--space-xl);border:none;border-radius:var(--radius-button);font-family:inherit;font-size:var(--font-size-heading);font-weight:var(--font-weight-heading);cursor:pointer}.btn:disabled{cursor:default;opacity:.6}.btn-primary{background:var(--color-primary);color:var(--color-surface)}.btn-primary:active:not(:disabled){background:var(--color-primary-pressed)}.btn-secondary{background:var(--color-surface);color:var(--color-text)}.btn-danger-soft{background:var(--color-danger-soft);color:var(--color-danger-text)}.btn-ghost{background:transparent;color:var(--color-primary)}.btn-label.is-hidden{visibility:hidden}.btn-spinner{position:absolute;width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{display:block;width:100%;padding:var(--space-lg);border:none;border-radius:var(--radius-card);background:var(--color-surface);color:inherit;font:inherit;text-align:left}.card-danger{background:var(--color-danger-soft)}.card-pressable{cursor:pointer}.field-wrap{display:block;margin-bottom:var(--space-lg)}.field-label{display:block;margin-bottom:var(--space-xs);color:var(--color-text-muted)}.field{width:100%;min-height:48px;padding:var(--space-md) var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:var(--font-size-body)}textarea.field{min-height:96px;resize:vertical}.field::placeholder{color:var(--color-chevron)}.field.field-error{border-color:var(--color-danger)}.field-error-text{margin:var(--space-xs) 0 0;color:var(--color-danger-text)}.chip{display:inline-block;align-self:flex-start;padding:3px var(--space-sm);border-radius:8px;font-size:11px;font-weight:800;white-space:nowrap}.chip-success{background:var(--color-success-soft);color:var(--color-success-text)}.chip-primary{background:var(--color-primary-soft);color:var(--color-primary-depth)}.chip-neutral{background:var(--color-border);color:var(--color-text-muted)}.section-label{margin:var(--space-lg) var(--space-xs) var(--space-sm);color:var(--color-text-muted)}.list-row{display:flex;align-items:center;gap:var(--space-md);width:100%;min-height:52px;padding:var(--space-md) var(--space-lg);border:none;background:var(--color-surface);color:var(--color-text);font:inherit;text-align:left;cursor:pointer}.list-row-label{flex:1}.list-row-accent{color:var(--color-primary)}.list-row-destructive{color:var(--color-danger-text)}.list-row-divider{border-bottom:1px solid var(--color-border)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-md);padding:var(--space-xxxl) var(--space-lg)}.empty-state h2{margin:0}.empty-state-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-card);background:var(--color-primary-soft)}.empty-state-body{margin:0;color:var(--color-text-muted);max-width:32ch}.fab{position:fixed;right:var(--space-xl);bottom:calc(76px + env(safe-area-inset-bottom));display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;border:none;border-radius:var(--radius-fab);background:var(--color-primary);cursor:pointer}.icon-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-chip);flex:0 0 auto}.identity-chip{display:inline-flex;align-items:center;justify-content:center;font-weight:800;flex:0 0 auto}.screen{padding-top:var(--space-xl)}.screen-padded{padding-bottom:var(--space-xxl)}.screen-title{margin:0 0 var(--space-lg)}@media(min-width:768px){.btn{width:auto;min-width:200px}.fab{bottom:var(--space-xxl)}}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-around;padding:var(--space-sm) 0 calc(var(--space-sm) + env(safe-area-inset-bottom));z-index:10}.tab{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;padding:var(--space-xs);color:var(--color-text-muted);text-decoration:none}.tab.active{color:var(--color-primary)}@media(min-width:768px){.tabbar{top:0;right:auto;bottom:0;width:88px;flex-direction:column;justify-content:flex-start;gap:var(--space-lg);padding:var(--space-xxl) 0;border-top:none;border-right:1px solid var(--color-border);box-shadow:2px 0 24px #c2410c14}.tab{flex:0 0 auto}.app-column{margin-left:88px}}.auth-links{color:var(--color-text-muted)}.auth-links a{color:var(--color-primary)}.checkbox-row{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-lg);color:var(--color-text-muted)}.checkbox-row input{margin-top:2px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.intent-sub,.idea-sub,.plan-sub{color:var(--color-text-muted);margin:0 0 var(--space-lg)}.intent-card{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.intent-card-sub{color:var(--color-text-muted)}.idea-input{margin-bottom:var(--space-lg)}.starter-grid{display:grid;gap:var(--space-md)}.starter{display:flex;flex-direction:column;gap:var(--space-xs);cursor:pointer}.starter-sub{color:var(--color-text-muted);font-weight:400;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.plan-progress{display:flex;gap:var(--space-sm);list-style:none;padding:0;margin:0 0 var(--space-lg)}.plan-dot{width:28px;height:4px;border-radius:2px;background:var(--color-border)}.plan-dot.is-done{background:var(--color-primary)}.plan-list{list-style:none;padding:0;margin:0 0 var(--space-lg);display:grid;gap:var(--space-md)}.plan-item{padding:var(--space-md) var(--space-lg)}.plan-check{display:flex;align-items:flex-start;gap:var(--space-md);cursor:pointer}.plan-check>span{display:flex;flex-direction:column;gap:2px}.plan-detail{color:var(--color-text-muted);font-weight:400}.plan-add,.plan-suggestion{display:grid;gap:var(--space-sm);margin-bottom:var(--space-lg)}.plan-review-list{margin:0 0 var(--space-lg);padding-left:var(--space-xl)}.plan-review-list li{margin-bottom:var(--space-xs)}.plan-actions{display:flex;gap:var(--space-md);margin-top:var(--space-xl)}.kit-grid{display:grid;gap:var(--space-md);margin-bottom:var(--space-lg)}.kit{display:flex;flex-direction:column;gap:2px;cursor:pointer;text-align:left}.kit.is-selected{outline:2px solid var(--color-primary)}@media(min-width:768px){.starter-grid,.kit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.build-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:#fff8f1b3;z-index:20}.build-panel{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);width:100%;max-width:380px;padding:var(--space-xxxl) var(--space-xl);text-align:center}.build-message{margin:0}.build-sub{margin:0;color:var(--color-text-muted)}.build-actions{display:flex;gap:var(--space-md);width:100%}.build-spinner{width:32px;height:32px;border:3px solid var(--color-primary-soft);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-lg)}.editor-head h1{margin:0}.editor-toggle{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius-chip);overflow:hidden}.editor-toggle button{padding:var(--space-xs) var(--space-md);border:none;background:var(--color-surface);color:var(--color-text-muted);font:inherit;font-size:var(--font-size-caption);cursor:pointer}.editor-toggle button.is-selected{background:var(--color-primary-soft);color:var(--color-primary-depth)}.editor-pane.is-hidden-narrow{display:none}.chat-panel{display:flex;flex-direction:column;gap:var(--space-lg)}.chat-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-sm)}.chat-msg{padding:var(--space-md) var(--space-lg);border-radius:var(--radius-card);max-width:90%}.chat-user{background:var(--color-primary-soft);color:var(--color-primary-depth);justify-self:end}.chat-assistant{background:var(--color-surface);box-shadow:0 3px 0 var(--color-border);justify-self:start}.chat-composer{display:grid;gap:var(--space-sm)}.preview-frame{width:390px;max-width:100%;aspect-ratio:390 / 844;margin:0 auto;border-radius:var(--radius-modal);overflow:hidden;background:var(--color-surface);box-shadow:0 3px 0 var(--color-border)}.preview-frame iframe{width:100%;height:100%;border:0;display:block}@media(min-width:1024px){.editor-toggle{display:none}.editor-pane.is-hidden-narrow{display:block}}.project-list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-md)}.project-row{display:flex;align-items:center;gap:var(--space-md);cursor:pointer}.project-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;text-align:left}.project-meta{color:var(--color-text-muted);font-weight:400}.publish-panel{display:grid;gap:var(--space-sm);margin-top:var(--space-xl)}.publish-url{margin:0;overflow-wrap:anywhere}.publish-url a{color:var(--color-primary)}.publish-actions{display:flex;gap:var(--space-md)}.detail-chips{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.detail-rows{padding:0;overflow:hidden}.filter-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin:var(--space-md) 0}.chip-button{padding:var(--space-xs) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-chip);background:var(--color-surface);color:var(--color-text-muted);font:inherit;font-size:var(--font-size-caption);cursor:pointer}.chip-button.is-selected{background:var(--color-primary-soft);color:var(--color-primary-depth);border-color:transparent}.discover-card{display:grid;gap:var(--space-md)}.discover-actions{display:flex;gap:var(--space-md);align-items:center}.discover-actions .btn{text-decoration:none;text-align:center;line-height:52px}.credits-balance{margin:0;color:var(--color-primary)}.legal-links{margin-top:var(--space-xxl);color:var(--color-text-muted)}.legal-links a{color:var(--color-primary)}.confirm-dialog{border:none;border-radius:var(--radius-modal);padding:var(--space-xxl);max-width:380px;background:var(--color-surface);color:var(--color-text)}.confirm-dialog::backdrop{background:#1f293766}.confirm-dialog h2{margin-top:0}.submission-row{margin:0;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere}select.field{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none}.editor-links{margin:var(--space-lg) 0 0}.editor-links a{color:var(--color-primary)}