.create-app{width:min(100%,980px);min-height:calc(100dvh - 64px - env(safe-area-inset-top));padding:10px max(20px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));grid-template-rows:auto 1fr auto;margin-inline:auto;display:grid}.create-progress{padding:6px 0 18px}.create-progress p{color:var(--fk-text-muted);font:600 12px / 1.3 var(--fk-family-ui);margin:0}.save-state{float:right;color:var(--fk-text-muted);font-weight:500}.save-state-error{color:var(--fk-error)}.progress-track{background:var(--fk-border);height:2px;margin-top:10px;display:block;overflow:hidden}.progress-track span{background:var(--fk-brand);height:100%;transition:width var(--fk-t-quick) var(--fk-ease-entrance);display:block}.create-stage{padding:clamp(28px,8vw,58px) 0 clamp(42px,11vw,72px)}.stage-heading{max-width:620px}.stage-eyebrow{color:var(--fk-brand);font:700 10px / 1.2 var(--fk-family-ui);letter-spacing:.14em;margin:0}.stage-heading h1{max-width:9em;color:var(--fk-text);font:690 clamp(41px, 11.8vw, 62px) / .98 var(--fk-family-ui);letter-spacing:-.058em;outline:none;margin:14px 0 0}.stage-heading>p:last-child{max-width:39ch;color:var(--fk-text-muted);font:430 15px / 1.55 var(--fk-family-ui);margin:19px 0 0}.choice-list,.theme-list{gap:10px;margin-top:clamp(36px,10vw,58px);display:grid}.occasion-choice,.theme-choice{border:1px solid var(--fk-border);border-radius:var(--fk-radius-lg);background:var(--fk-surface-raised);width:100%;min-height:88px;color:var(--fk-text);text-align:left;cursor:pointer;padding:17px 16px}.occasion-choice{grid-template-columns:28px minmax(0,1fr) 26px;align-items:center;gap:11px;display:grid}.occasion-choice[aria-checked=true],.theme-choice[aria-checked=true]{border-color:var(--fk-text);box-shadow:inset 0 0 0 1px var(--fk-text)}.choice-index{color:var(--fk-brand);font:700 10px / 1.2 var(--fk-family-mono);align-self:start;padding-top:3px}.choice-copy,.theme-choice>span:last-of-type{gap:5px;display:grid}.choice-copy strong,.theme-choice strong{font:640 19px / 1.2 var(--fk-family-ui);letter-spacing:-.025em}.choice-copy>span,.theme-choice>span:last-of-type>span{color:var(--fk-text-muted);font:420 13.5px / 1.42 var(--fk-family-ui)}.choice-mark{border:1px solid var(--fk-border-input);width:24px;height:24px;color:var(--fk-action-text);font:700 12px / 1 var(--fk-family-ui);border-radius:50%;place-items:center;display:grid}.occasion-choice[aria-checked=true] .choice-mark{border-color:var(--fk-action);background:var(--fk-action)}.choice-skeleton{border-radius:var(--fk-radius-lg);background:linear-gradient(90deg, var(--fk-border), var(--fk-surface-raised), var(--fk-border));background-size:220% 100%;min-height:88px;animation:1.2s linear infinite skeleton-shift;display:block}.theme-list{scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:min(86vw,360px);grid-auto-flow:column;overflow-x:auto}.theme-choice{scroll-snap-align:start;grid-template-rows:1fr auto auto;gap:18px;min-height:390px;display:grid}.theme-preview{border-radius:var(--fk-radius-md);object-fit:cover;width:100%;min-height:245px;display:block}.theme-preview-empty{border:1px dashed var(--fk-border-input);background:var(--fk-surface);color:var(--fk-text-muted);font:600 12px / 1.3 var(--fk-family-ui);place-items:center;display:grid}.theme-choice small{color:var(--fk-brand);font:700 10px / 1.2 var(--fk-family-ui);letter-spacing:.1em;text-transform:uppercase}.load-message{border:1px solid var(--fk-border);border-radius:var(--fk-radius-lg);background:var(--fk-surface-raised);margin-top:clamp(36px,10vw,58px);padding:24px}.load-message h2{color:var(--fk-text);font:640 23px / 1.15 var(--fk-family-ui);letter-spacing:-.035em;margin:0}.load-message p{color:var(--fk-text-muted);font:420 14px / 1.55 var(--fk-family-ui);margin:12px 0 0}.load-message button{border:1px solid var(--fk-text);border-radius:var(--fk-radius-md);min-height:48px;color:var(--fk-text);font:var(--fk-type-button);cursor:pointer;background:0 0;margin-top:22px;padding:0 18px}.create-actions{z-index:5;min-height:calc(76px + env(safe-area-inset-bottom));padding:10px max(20px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));border-top:1px solid color-mix(in oklab, var(--fk-border) 78%, transparent);background:color-mix(in oklab, var(--fk-surface) 94%, transparent);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;gap:12px;margin-inline:-20px;display:flex;position:sticky;bottom:0}.continue-action,.back-action{border-radius:var(--fk-radius-md);cursor:pointer;min-height:52px}.continue-action{background:var(--fk-action);color:var(--fk-action-text);font:var(--fk-type-button);border:0;align-items:center;gap:8px;padding:0 21px;text-decoration:none;display:inline-flex}.continue-action:disabled{cursor:not-allowed;opacity:.36}.back-action{color:var(--fk-text);font:600 14px / 1.2 var(--fk-family-ui);text-decoration:underline;text-decoration-color:var(--fk-brand);text-underline-offset:5px;background:0 0;border:0;padding:0 10px}@keyframes skeleton-shift{to{background-position-x:-220%}}@media (width>=768px){.create-app{padding-inline:40px}.choice-list{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-list{grid-auto-columns:min(42vw,390px)}.create-actions{margin-inline:-40px;padding-inline:40px}}@media (prefers-reduced-motion:reduce){.progress-track span{transition:none}.choice-skeleton{animation:none}}*,:before,:after{box-sizing:border-box}html{background:var(--fk-surface);min-width:320px;overflow-x:clip}body{background:var(--fk-surface);min-width:320px;min-height:100dvh;color:var(--fk-text);font:var(--fk-type-body);letter-spacing:var(--fk-tracking-body);text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;margin:0;overflow-x:clip}button,input,textarea,select{font:inherit}.create-header{z-index:10;min-height:calc(64px + env(safe-area-inset-top));padding:max(8px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 8px max(20px, env(safe-area-inset-left));background:var(--fk-surface);justify-content:space-between;align-items:center;display:flex;position:relative}.create-brand,.create-exit{min-height:44px;color:var(--fk-text);align-items:center;display:inline-flex}.create-brand{line-height:0}.create-exit{font:600 14px / 1.2 var(--fk-family-ui);text-decoration-color:var(--fk-brand);text-underline-offset:5px;padding-inline:6px}.skip-link{z-index:100;border-radius:var(--fk-radius-md);background:var(--fk-action);min-height:44px;color:var(--fk-action-text);font:var(--fk-type-button);align-items:center;padding:0 18px;display:inline-flex;position:fixed;top:12px;left:-9999px}.skip-link:focus{left:16px}