.form-field{gap:var(--space-2);display:grid}.form-field__label{color:var(--color-text);font-weight:var(--font-weight-semibold)}.form-field__required,.form-field__description,.form-field__error{font-size:var(--font-size-caption)}.form-field__required{color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.form-field__description,.form-field__error{margin:0}.form-field__description{color:var(--color-text-muted)}.form-field__error{color:var(--color-danger);font-weight:var(--font-weight-semibold)}.form-control{width:100%;min-height:var(--button-min-height);padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-input);color:var(--color-text);background:var(--color-surface);font-size:var(--font-size-body);line-height:var(--line-height-body);transition:border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard)}.form-control:hover{border-color:var(--color-action)}.form-control[aria-invalid=true]{border-width:2px;border-color:var(--color-danger)}.form-control:disabled{cursor:not-allowed;opacity:var(--button-disabled-opacity)}.form-control--textarea{resize:vertical;min-height:7.5rem}.form-control--select{appearance:auto}.status-notice{align-items:start;gap:var(--space-3);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-left-width:var(--space-1);border-radius:var(--radius-input);background:var(--color-surface);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.status-notice--info{border-left-color:var(--color-action)}.status-notice--success{border-left-color:var(--color-success)}.status-notice--warning{border-left-color:var(--color-warning)}.status-notice--error{border-left-color:var(--color-danger)}.status-notice__icon{width:var(--space-7);height:var(--space-7);border-radius:var(--radius-round);color:var(--color-on-action);background:var(--color-action);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);place-items:center;display:grid}.status-notice--success .status-notice__icon{background:var(--color-success)}.status-notice--warning .status-notice__icon{background:var(--color-warning)}.status-notice--error .status-notice__icon{background:var(--color-danger)}.status-notice__title,.status-notice__message p{margin:0}.status-notice__title{font-weight:var(--font-weight-bold)}.status-notice__message{margin-top:var(--space-1);color:var(--color-text-soft);font-size:var(--font-size-small)}.status-notice__action button,.status-notice__action a{min-height:var(--control-min-size)}.loading-state{justify-content:center;align-items:center;gap:var(--space-3);color:var(--color-text-soft);font-weight:var(--font-weight-semibold);display:flex}.loading-state--panel{min-height:10rem;padding:var(--space-6);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-subtle)}.loading-state--inline{display:inline-flex}.loading-spinner{width:var(--space-6);height:var(--space-6);border:3px solid var(--color-border);border-top-color:var(--color-action);border-radius:var(--radius-round);flex:none;animation:.8s linear infinite loading-spin}.dialog-backdrop{z-index:100;padding:max(var(--space-4), env(safe-area-inset-top)) max(var(--space-4), env(safe-area-inset-right)) max(var(--space-4), env(safe-area-inset-bottom)) max(var(--space-4), env(safe-area-inset-left));background:#17324d80;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.confirmation-dialog{width:min(100%,30rem);max-height:100%;padding:var(--space-6);border-radius:var(--radius-dialog);color:var(--color-text);background:var(--color-surface);box-shadow:var(--shadow-card);overflow-y:auto}.confirmation-dialog__icon{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-round);color:var(--color-on-action);background:var(--color-action);font-size:var(--font-size-emphasis);font-weight:var(--font-weight-bold);place-items:center;display:grid}.confirmation-dialog__icon--danger{background:var(--color-danger)}.confirmation-dialog h2{margin:var(--space-4) 0 0;font-size:var(--font-size-title-small);line-height:var(--line-height-tight)}.confirmation-dialog p{margin:var(--space-3) 0 0;color:var(--color-text-soft)}.confirmation-dialog__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);display:flex}.danger-button{min-height:var(--button-min-height);padding:0 var(--button-padding-inline);border-radius:var(--button-radius);color:var(--color-on-action);background:var(--color-danger);font-weight:var(--button-font-weight);justify-content:center;align-items:center;display:inline-flex}.confirmation-dialog button:disabled{cursor:wait;opacity:var(--button-disabled-opacity)}@keyframes loading-spin{to{transform:rotate(360deg)}}@media (width<=359px){.status-notice{grid-template-columns:auto minmax(0,1fr)}.status-notice__action{grid-column:1/-1}.confirmation-dialog__actions{display:grid}}@media (prefers-reduced-motion:reduce){.loading-spinner{animation:none}}*{box-sizing:border-box}html{background:var(--color-page);min-height:100%}body{overflow-wrap:anywhere;min-height:100vh;color:var(--color-text);background:var(--color-page);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:0}a{color:inherit}button{cursor:pointer;border:0}#root,.app-shell{min-height:100svh}.app-shell{background:radial-gradient(circle at 12% 10%, var(--color-decor-glow), transparent 34%), linear-gradient(160deg, var(--color-surface-subtle) 0%, var(--color-page-accent) 100%);grid-template-rows:auto 1fr auto;display:grid}.skip-link{z-index:10;top:max(var(--space-3), env(safe-area-inset-top));left:max(var(--space-3), env(safe-area-inset-left));padding:var(--space-3) var(--space-4);border-radius:var(--radius-input);color:var(--color-on-action);background:var(--color-action-pressed);font-weight:var(--font-weight-semibold);transform:translateY(calc(-100% - var(--space-5)));transition:transform var(--duration-fast) var(--ease-standard);position:fixed}.skip-link:focus{transform:translateY(0)}.app-header{padding:max(var(--space-3), env(safe-area-inset-top)) max(var(--page-gutter), env(safe-area-inset-right)) var(--space-3) max(var(--page-gutter), env(safe-area-inset-left));border-bottom:var(--border-width) solid var(--color-border);background:var(--color-surface-glass)}.header-content{width:min(100%, var(--content-max-width));justify-content:space-between;align-items:center;gap:var(--space-3);margin:0 auto;display:flex}.brand-link{min-height:var(--control-min-size);align-items:center;gap:var(--space-2);font-weight:var(--font-weight-bold);text-decoration:none;display:inline-flex}.brand-mark{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-input);color:var(--color-on-action);background:linear-gradient(145deg, var(--color-decor-start), var(--color-action));box-shadow:var(--shadow-accent);font-size:var(--font-size-emphasis);flex:none;place-items:center;display:grid}.nav-list{gap:var(--space-1);margin:0;padding:0;list-style:none;display:flex}.nav-link{min-width:var(--control-min-size);min-height:var(--control-min-size);padding:var(--space-2) var(--space-3);border-radius:var(--radius-input);color:var(--color-text-soft);font-weight:var(--font-weight-semibold);transition:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.nav-link:hover,.nav-link.is-active{color:var(--color-action-pressed);background:var(--color-page-accent)}.nav-link.is-active{text-underline-offset:var(--space-2);text-decoration:underline;text-decoration-thickness:2px}.app-main{width:min(100%, calc(var(--content-max-width) + 2 * var(--page-gutter)));padding:clamp(var(--space-6), 8vw, var(--space-12)) max(var(--page-gutter), env(safe-area-inset-right)) clamp(var(--space-8), 10vw, var(--space-12)) max(var(--page-gutter), env(safe-area-inset-left));margin:0 auto}.page-card{width:100%;padding:clamp(var(--space-6), 7vw, var(--space-11));border:var(--border-width) solid var(--color-border);border-radius:var(--radius-feature);background:var(--color-surface-glass);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.page-card:after{z-index:0;border-radius:var(--radius-round);background:var(--color-page-accent);content:"";pointer-events:none;width:160px;height:160px;position:absolute;top:-70px;right:-64px}.page-card>*{z-index:1;position:relative}.page-card--compact{max-width:var(--content-reading-width);margin:0 auto}.home-page{gap:clamp(var(--space-10), 10vw, calc(var(--space-12) * 2));display:grid}.home-hero{align-items:center;gap:var(--space-8);grid-template-columns:minmax(0,1.25fr) minmax(12rem,.75fr);min-height:25rem;display:grid}.home-hero__content{z-index:1;position:relative}.hero-actions{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.text-link,.section-action{min-height:var(--control-min-size);color:var(--color-action-pressed);font-weight:var(--font-weight-semibold);text-underline-offset:var(--space-1);align-items:center;display:inline-flex}.hero-illustration{z-index:1;min-height:16rem;position:relative}.choice-dot{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-round);color:var(--color-action-pressed);background:var(--color-surface);box-shadow:var(--shadow-card);font-weight:var(--font-weight-bold);place-items:center;display:grid;position:absolute}.choice-dot--one{width:8rem;height:8rem;color:var(--color-on-action);background:linear-gradient(145deg, var(--color-decor-start), var(--color-action));font-size:var(--font-size-title-large);top:5%;right:5%;transform:rotate(7deg)}.choice-dot--two{width:5.5rem;height:5.5rem;font-size:var(--font-size-title-small);bottom:4%;right:52%;transform:rotate(-8deg)}.choice-dot--three{width:4rem;height:4rem;color:var(--color-warning);font-size:var(--font-size-emphasis);bottom:1%;right:4%;transform:rotate(10deg)}.home-section{gap:var(--space-5);display:grid}.section-heading{justify-content:space-between;align-items:end;gap:var(--space-4);display:flex}.section-heading h2{font-size:clamp(1.5rem,6vw,2rem);line-height:var(--line-height-tight);margin:0}.section-kicker{margin:0 0 var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.section-description{max-width:var(--content-reading-width);margin:calc(-1 * var(--space-3)) 0 0;color:var(--color-text-muted);font-size:var(--font-size-small)}.empty-state{align-items:center;gap:var(--space-5);padding:var(--space-6);border:2px dashed var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-glass);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.empty-state__icon{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-round);color:var(--color-action-pressed);background:var(--color-page-accent);font-size:var(--font-size-title-small);place-items:center;display:grid}.empty-state h3,.empty-state p,.theme-card h3,.theme-card p,.example-card h3,.example-card p{margin:0}.empty-state h3,.theme-card h3,.example-card h3{font-size:var(--font-size-emphasis);line-height:var(--line-height-body)}.empty-state p{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-small)}.secondary-link{min-height:var(--button-min-height);padding:0 var(--button-padding-inline);border:var(--border-width) solid var(--color-border);border-radius:var(--button-radius);color:var(--color-action-pressed);background:var(--color-surface);font-weight:var(--font-weight-semibold);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.theme-grid,.example-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.theme-card,.example-card{align-content:start;gap:var(--space-3);min-width:0;padding:var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);display:grid;box-shadow:0 10px 30px #26709d14}.theme-card{grid-template-columns:auto minmax(0,1fr)}.theme-card__icon,.example-card__icon{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-input);color:var(--color-action-pressed);background:var(--color-page-accent);font-weight:var(--font-weight-bold);place-items:center;display:grid}.theme-card__content{min-width:0}.theme-card__content h3,.example-card h3,.card-link{overflow-wrap:anywhere}.theme-card__content p,.example-card__meta,.example-card__description{color:var(--color-text-muted);font-size:var(--font-size-caption)}.example-card__meta{font-weight:var(--font-weight-semibold)}.example-card__description{line-height:var(--line-height-body)}.card-link{min-height:var(--control-min-size);color:var(--color-action-pressed);font-weight:var(--font-weight-semibold);text-underline-offset:var(--space-1);align-self:end;align-items:center;display:inline-flex}.theme-card .card-link{grid-column:1/-1}.eyebrow{margin:0 0 var(--space-2);color:var(--color-action);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-eyebrow)}h1{color:var(--color-text);font-size:clamp(var(--font-size-title-small), 9vw, var(--font-size-title-large));line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-title);margin:0}.lead{max-width:34rem;margin:var(--space-5) 0 var(--space-7);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.foundation-status{padding:var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-subtle)}.status-label{margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.status-title{margin:0 0 var(--space-4);color:var(--color-action-pressed);font-size:var(--font-size-emphasis);font-weight:var(--font-weight-bold)}.check-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.check-list li{padding-left:var(--space-7);color:var(--color-text-soft);font-size:var(--font-size-small);position:relative}.check-list li:before{width:var(--space-5);height:var(--space-5);border-radius:var(--radius-round);color:var(--color-on-status);background:var(--color-success);content:"✓";font-size:12px;font-weight:var(--font-weight-bold);place-items:center;display:grid;position:absolute;top:0;left:0}.primary-link,.primary-button,.secondary-button{min-height:var(--button-min-height);padding:0 var(--button-padding-inline);border-radius:var(--button-radius);font-size:var(--button-font-size);font-weight:var(--button-font-weight);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.primary-button:disabled,.secondary-button:disabled,.danger-text-button:disabled{cursor:not-allowed;opacity:var(--button-disabled-opacity)}.theme-form-page{gap:var(--space-5);display:grid}.theme-form-page .lead{margin:0}.theme-form{gap:var(--space-5);display:grid}.theme-type-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.theme-type-card{min-width:0;padding:var(--space-5);align-content:start;gap:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-subtle);display:grid}.theme-type-card__icon,.image-draft-empty>span{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-round);color:var(--color-action-pressed);background:var(--color-page-accent);font-weight:var(--font-weight-bold);place-items:center;display:grid}.theme-type-card h2,.theme-type-card p,.image-draft-empty h2,.image-draft-empty p,.image-draft-list-heading h2,.image-draft-list-heading p,.image-draft-preview p{margin:0}.theme-type-card h2,.image-draft-empty h2,.image-draft-list-heading h2{font-size:var(--font-size-emphasis)}.theme-type-card p,.image-draft-empty p,.image-draft-list-heading p,.image-draft-preview p,.image-draft-card__meta{color:var(--color-text-muted);font-size:var(--font-size-small)}.image-processing-errors{padding-left:var(--space-5);gap:var(--space-2);margin:0;display:grid}.image-random-mode{gap:var(--space-1);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface-subtle);display:grid}.image-random-mode p{color:var(--color-text-muted);font-size:var(--font-size-small);margin:0}.image-draft-page,.image-draft-list-section{gap:var(--space-5);display:grid}.image-draft-page>div:first-child{gap:var(--space-3);display:grid}.image-draft-page h1,.image-draft-page .lead{margin:0}.image-file-input{padding:var(--space-2)}.image-file-input::file-selector-button{min-height:var(--control-min-size);margin-right:var(--space-3);padding:0 var(--space-4);border-radius:var(--radius-input);color:var(--color-on-action);background:var(--color-action);font-weight:var(--font-weight-semibold);cursor:pointer;border:0}.image-draft-empty{align-items:center;gap:var(--space-4);padding:var(--space-5);border:var(--border-width) dashed var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-subtle);grid-template-columns:auto minmax(0,1fr);display:grid}.image-draft-list-heading{gap:var(--space-1);display:grid}.image-draft-list{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.image-draft-card{gap:var(--space-4);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-subtle);grid-template-columns:minmax(8rem,11rem) minmax(0,1fr);display:grid}.image-draft-preview{border-radius:var(--radius-input);background:var(--color-page-accent);place-items:center;min-height:8rem;display:grid;overflow:hidden}.image-draft-preview img{object-fit:cover;width:100%;height:100%;max-height:12rem}.image-draft-preview p{padding:var(--space-4);text-align:center}.image-draft-card__details{align-content:start;gap:var(--space-3);min-width:0;display:grid}.image-draft-card__meta{margin:0}.image-draft-card__details .danger-text-button{justify-self:start}.image-draft-card__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.form-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.theme-meta{color:var(--color-text-muted);font-size:var(--font-size-small);margin:0}.text-card-page{gap:var(--space-5);display:grid}.text-card-page h1,.text-card-page .lead{margin:0}.text-card-page h1{margin-top:var(--space-2)}.selection-path{align-items:center;gap:var(--space-2);min-width:0;color:var(--color-text-muted);font-size:var(--font-size-caption);display:flex}.selection-path>span{font-weight:var(--font-weight-semibold);flex:none}.selection-path ol{align-items:center;gap:var(--space-2);min-width:0;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.selection-path li{align-items:center;gap:var(--space-2);color:var(--color-text-soft);font-weight:var(--font-weight-semibold);white-space:nowrap;display:inline-flex}.selection-path li:not(:last-child):after{color:var(--color-text-muted);content:"›"}.selection-summary{gap:var(--space-4);padding:var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-subtle);display:grid}.selection-summary h2{font-size:var(--font-size-emphasis);margin:0}.selection-summary ol{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.selection-summary li{align-items:baseline;gap:var(--space-3);grid-template-columns:auto minmax(0,1fr);display:grid}.selection-summary li span{color:var(--color-text-muted);font-size:var(--font-size-caption)}.selection-summary li strong{overflow-wrap:anywhere}.text-card-stage{gap:var(--space-4);min-height:17rem;padding:var(--space-5);border-radius:var(--radius-card);background:var(--color-surface-subtle);place-items:center;display:grid}.text-card-deck{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(5.5rem,1fr));width:min(100%,24rem);display:grid}.text-card-deck span{min-width:0;padding:var(--space-2);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);color:var(--color-action-pressed);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-align:center;overflow-wrap:anywhere}.text-card{align-content:center;place-items:center;gap:var(--space-3);width:min(100%,18rem);min-height:13rem;padding:var(--space-5);border:2px solid var(--color-border);border-radius:var(--radius-dialog);text-align:center;box-shadow:var(--shadow-card);transform-origin:50%;backface-visibility:hidden;display:grid}.text-card p{margin:0}.text-card--back{color:var(--color-action-pressed);background:var(--color-page-accent);font-weight:var(--font-weight-semibold)}.text-card--back>span{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-round);color:var(--color-on-action);background:var(--color-action);font-size:var(--font-size-title-small);font-weight:var(--font-weight-bold);place-items:center;display:grid}.text-card--result{color:var(--color-text);background:var(--color-surface)}.text-card--shuffling{animation:text-card-shuffle 1.6s var(--ease-standard) both}.text-card--revealed{animation:text-card-reveal var(--duration-slow) var(--ease-standard) both}.text-card__caption{color:var(--color-text-muted);font-size:var(--font-size-small)}.text-card__result{max-width:100%;font-size:var(--font-size-title-small);font-weight:var(--font-weight-bold);overflow-wrap:anywhere}.image-result-card{width:min(100%,22rem)}.image-result-card img,.image-card-completion img{border-radius:var(--radius-input);object-fit:contain;width:100%;max-height:24rem;display:block}.image-card__placeholder{width:100%;min-height:12rem;padding:var(--space-4);border:var(--border-width) dashed var(--color-border);border-radius:var(--radius-input);color:var(--color-text-muted);background:var(--color-page-accent);font-size:var(--font-size-small);place-items:center;display:grid}.image-card-completion{width:min(100%,28rem);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-subtle);justify-self:center;place-items:center;display:grid}.text-card-actions{justify-content:center}.wheel-stage{--wheel-segment-1:#cfeeff;--wheel-segment-2:#8fd3f4;--wheel-segment-3:#e8f7ff;--wheel-segment-4:#b7e3f8;justify-items:center;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-card);background:var(--color-surface-subtle);display:grid}.wheel-board{aspect-ratio:1;width:min(100%,22rem);padding:var(--space-4);place-items:center;display:grid;position:relative}.wheel-pointer{z-index:2;border-left:.8rem solid #0000;border-right:.8rem solid #0000;border-top:1.7rem solid var(--color-action-pressed);filter:drop-shadow(0 2px 2px #0d48682e);width:0;height:0;position:absolute;top:0;left:50%;transform:translate(-50%)}.wheel-disc{border:.35rem solid var(--color-action-pressed);border-radius:var(--radius-round);width:100%;height:100%;box-shadow:var(--shadow-card);transform-origin:50%;position:relative;transform:rotate(0)}.wheel-disc--spinning{animation:2.4s cubic-bezier(.18,.74,.18,1) both wheel-spin}.wheel-disc--landed{transform:rotate(var(--wheel-stop-angle))}.wheel-marker{width:min(4.4rem,28%);min-height:1.75rem;padding:var(--space-1);border:var(--border-width) solid #ffffffb3;border-radius:var(--radius-round);color:var(--color-action-pressed);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-align:center;overflow-wrap:anywhere;transform:translate(-50%, -50%) rotate(var(--wheel-marker-angle)) translateY(-7.1rem);background:#ffffffd1;place-items:center;display:grid;position:absolute;top:50%;left:50%}.wheel-hub{border:.25rem solid var(--color-surface);border-radius:var(--radius-round);width:3.5rem;height:3.5rem;color:var(--color-on-action);background:var(--color-action);font-weight:var(--font-weight-bold);place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.wheel-result strong{overflow-wrap:anywhere}.wheel-stage>p{color:var(--color-text-muted);text-align:center;margin:0}.wheel-result{justify-items:center;gap:var(--space-2);width:min(100%,26rem);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);text-align:center;display:grid}.wheel-result span{color:var(--color-text-muted);font-size:var(--font-size-small)}.wheel-result strong{font-size:var(--font-size-title-small)}.slot-stage{justify-items:center;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-card);background:var(--color-surface-subtle);display:grid}.slot-window{border:.25rem solid var(--color-action-pressed);border-radius:var(--radius-input);background:var(--color-surface);width:min(100%,26rem);height:10.5rem;box-shadow:var(--shadow-card);position:relative;overflow:hidden}.slot-strip{padding-block:3.5rem;display:grid;transform:translateY(0)}.slot-strip--spinning{animation:2.4s cubic-bezier(.2,.72,.16,1) both slot-scroll}.slot-strip--landed{transform:translateY(calc(var(--slot-stop-index) * -3.5rem))}.slot-item{min-width:0;height:3.5rem;padding-inline:var(--space-4);color:var(--color-text);font-weight:var(--font-weight-bold);text-align:center;overflow-wrap:anywhere;place-items:center;display:grid}.slot-focus{top:3.25rem;right:var(--space-2);left:var(--space-2);border:var(--border-width) solid var(--color-action);border-radius:calc(var(--radius-input) - var(--space-1));pointer-events:none;height:3.5rem;position:absolute}.slot-stage>p{color:var(--color-text-muted);text-align:center;margin:0}.slot-result{justify-items:center;gap:var(--space-2);width:min(100%,26rem);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);text-align:center;display:grid}.slot-result span{color:var(--color-text-muted);font-size:var(--font-size-small)}.slot-result strong{font-size:var(--font-size-title-small);overflow-wrap:anywhere}.lottery-stage{justify-items:center;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-card);background:var(--color-surface-subtle);display:grid}.lottery-canister{border:.3rem solid var(--color-action-pressed);background:var(--color-page-accent);width:min(100%,18rem);height:14rem;box-shadow:var(--shadow-card);border-radius:.75rem .75rem 3.5rem 3.5rem;place-items:end center;display:grid;position:relative;overflow:hidden}.lottery-ticket{z-index:1;width:min(78%,13rem);min-height:8rem;padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);text-align:center;transform-origin:bottom;place-items:center;display:grid;position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%,3rem)rotate(0);box-shadow:0 .35rem .8rem #0d486829}.lottery-ticket--drawing{animation:2.4s cubic-bezier(.2,.72,.16,1) both lottery-ticket-draw}.lottery-ticket--landed{transform:translate(-50%, -6.6rem) rotate(var(--lottery-ticket-rotation))}.lottery-ticket__seal{top:var(--space-2);border-radius:var(--radius-round);background:var(--color-action);width:1.25rem;height:.35rem;position:absolute}.lottery-ticket__label{min-width:0;margin-top:var(--space-3);font-size:var(--font-size-title-small);overflow-wrap:anywhere}.lottery-ticket--drawing .lottery-ticket__label{animation:2.4s linear both lottery-ticket-text}.lottery-canister__candidates{top:var(--space-3);right:var(--space-3);left:var(--space-3);gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:absolute}.lottery-canister__candidates span{min-width:0;padding:var(--space-1);border:var(--border-width) solid var(--color-action-pressed);border-radius:var(--radius-input);background:var(--color-surface);color:var(--color-action-pressed);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);text-align:center;overflow-wrap:anywhere}.lottery-canister__rim{z-index:2;border:.2rem solid var(--color-action-pressed);border-radius:var(--radius-round);background:var(--color-surface);width:82%;height:1.15rem;margin-bottom:2.1rem}.lottery-stage>p{color:var(--color-text-muted);text-align:center;margin:0}.lottery-result{justify-items:center;gap:var(--space-2);width:min(100%,26rem);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);text-align:center;display:grid}.lottery-result span{color:var(--color-text-muted);font-size:var(--font-size-small)}.lottery-result strong{font-size:var(--font-size-title-small);overflow-wrap:anywhere}.gashapon-stage{justify-items:center;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-card);background:var(--color-surface-subtle);display:grid}.gashapon-machine{border:.3rem solid var(--color-action-pressed);background:var(--color-page-accent);width:min(100%,18rem);height:15rem;box-shadow:var(--shadow-card);border-radius:.75rem .75rem 2.5rem 2.5rem;position:relative;overflow:hidden}.gashapon-machine__globe{border:.25rem solid var(--color-action-pressed);border-radius:var(--radius-round);background:#fff9;width:9.5rem;height:9.5rem;position:absolute;top:1.2rem;left:50%;transform:translate(-50%)}.gashapon-machine__candidates{z-index:1;align-content:center;gap:var(--space-1);grid-template-columns:repeat(2,minmax(0,1fr));width:8rem;height:8rem;display:grid;position:absolute;top:2rem;left:50%;transform:translate(-50%)}.gashapon-machine__candidates span{min-width:0;min-height:2.4rem;padding:var(--space-1);border:var(--border-width) solid var(--color-action-pressed);border-radius:var(--radius-round);background:var(--color-surface);color:var(--color-action-pressed);font-size:.7rem;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);text-align:center;overflow-wrap:anywhere;place-items:center;display:grid}.gashapon-machine__knob{z-index:2;border:.25rem solid var(--color-surface);border-radius:var(--radius-round);background:var(--color-action);width:3.5rem;height:3.5rem;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 .2rem .4rem #0d48683d}.gashapon-ball{z-index:3;border:.25rem solid var(--color-action-pressed);border-radius:var(--radius-round);background:var(--color-action);text-align:center;place-items:center;width:7.5rem;min-height:7.5rem;display:grid;position:absolute;bottom:-4.6rem;left:50%;transform:translate(-50%)rotate(0);box-shadow:0 .35rem .8rem #0d486838}.gashapon-ball--dropping{animation:2.4s cubic-bezier(.24,.72,.18,1) both gashapon-ball-drop}.gashapon-ball--opened{background:var(--color-surface);transform:translate(-50%, 0) rotate(var(--gashapon-ball-rotation));bottom:.75rem}.gashapon-ball__top{border-bottom:var(--border-width) solid var(--color-action-pressed);background:var(--color-page-accent);transform-origin:bottom;border-radius:7.5rem 7.5rem 0 0;width:100%;height:48%;position:absolute;top:-.1rem}.gashapon-ball__label{z-index:1;max-width:80%;margin-top:var(--space-4);color:var(--color-text);font-size:var(--font-size-emphasis);overflow-wrap:anywhere}.gashapon-ball--dropping .gashapon-ball__label,.gashapon-ball--dropping .gashapon-ball__top{animation:2.4s linear both gashapon-ball-open}.gashapon-stage>p{color:var(--color-text-muted);text-align:center;margin:0}.gashapon-result{justify-items:center;gap:var(--space-2);width:min(100%,26rem);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);text-align:center;display:grid}.gashapon-result span{color:var(--color-text-muted);font-size:var(--font-size-small)}.gashapon-result strong{font-size:var(--font-size-title-small);overflow-wrap:anywhere}@keyframes slot-scroll{0%{transform:translateY(0)}to{transform:translateY(calc(var(--slot-stop-index) * -3.5rem))}}@keyframes lottery-ticket-draw{0%{transform:translate(-50%,3rem)rotate(0)scaleY(.78)}68%{transform:translate(-50%, -5.9rem) rotate(calc(var(--lottery-ticket-rotation) * .45)) scaleY(.78)}to{transform:translate(-50%, -6.6rem) rotate(var(--lottery-ticket-rotation)) scaleY(1)}}@keyframes lottery-ticket-text{0%,68%{opacity:0}to{opacity:1}}@keyframes gashapon-ball-drop{0%{transform:translate(-50%,-12rem)rotate(0)}72%{transform:translate(-50%, .7rem) rotate(calc(var(--gashapon-ball-rotation) * .8))}to{transform:translate(-50%, 0) rotate(var(--gashapon-ball-rotation))}}@keyframes gashapon-ball-open{0%,72%{opacity:0}to{opacity:1}}@keyframes wheel-spin{0%{transform:rotate(0)}to{transform:rotate(var(--wheel-stop-angle))}}@keyframes text-card-shuffle{0%{opacity:1;transform:translate(0)rotate(0)scale(1)}25%{transform:translate(-12%)rotate(-3deg)scale(.98)}50%{opacity:.88;transform:translate(12%)rotate(3deg)scale(1.02)}75%{transform:translate(-5%)rotate(-1deg)scale(.99)}to{opacity:1;transform:translate(0)rotateY(90deg)scale(1)}}@keyframes text-card-reveal{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.option-editor{gap:var(--space-4);padding:var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-subtle);display:grid}.option-editor__heading{justify-content:space-between;align-items:end;gap:var(--space-3);display:flex}.option-editor__heading h2,.option-editor__heading p,.option-editor__empty p,.option-item p{margin:0}.option-editor__heading h2{font-size:var(--font-size-title-small);line-height:var(--line-height-tight)}.option-editor__heading>p,.option-item__meta,.option-editor__empty{color:var(--color-text-muted);font-size:var(--font-size-caption)}.editor-breadcrumb{padding-bottom:var(--space-1);overflow-x:auto}.editor-breadcrumb ol{align-items:center;gap:var(--space-2);width:max-content;min-width:100%;margin:0;padding:0;list-style:none;display:flex}.editor-breadcrumb li{align-items:center;gap:var(--space-2);display:inline-flex}.editor-breadcrumb button{min-height:var(--control-min-size);padding:var(--space-2);border-radius:var(--radius-input);color:var(--color-action-pressed);font:inherit;font-weight:var(--font-weight-semibold);white-space:nowrap;background:0 0}.editor-breadcrumb button:disabled{cursor:default;color:var(--color-text);opacity:1}.option-editor__empty{gap:var(--space-1);padding:var(--space-5);border:2px dashed var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);display:grid}.option-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.option-item{gap:var(--space-3);padding:var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-input);background:var(--color-surface);display:grid}.option-item__summary{min-width:0}.option-item__label{color:var(--color-text);font-weight:var(--font-weight-semibold);overflow-wrap:anywhere}.option-item__meta{margin-top:var(--space-1)!important}.option-item__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.option-item__edit,.option-add-form{gap:var(--space-3);display:grid}.compact-button,.icon-button{min-height:var(--control-min-size)}.compact-button{padding-inline:var(--space-3);font-size:var(--font-size-small)}.icon-button{min-width:var(--control-min-size);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-input);color:var(--color-action-pressed);background:var(--color-surface);font-size:var(--font-size-emphasis);font-weight:var(--font-weight-bold);place-items:center;display:inline-grid}.icon-button:disabled{cursor:not-allowed;opacity:var(--button-disabled-opacity)}.danger-text-button{min-height:var(--button-min-height);padding:0 var(--button-padding-inline);border:var(--border-width) solid var(--color-danger);border-radius:var(--button-radius);color:var(--color-danger);background:var(--color-surface);font-size:var(--button-font-size);font-weight:var(--button-font-weight);justify-content:center;align-items:center;display:inline-flex}.primary-link,.primary-button{color:var(--button-color);background:var(--button-background)}.primary-link:hover,.primary-button:hover{background:var(--button-background-pressed)}.secondary-button{border:var(--border-width) solid var(--color-border);color:var(--color-action-pressed);background:var(--color-surface)}.error-card{max-width:var(--content-reading-width);border-top:var(--space-1) solid var(--color-danger);margin:0 auto}.error-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.history-page{gap:var(--space-6);display:grid}.history-page__header,.history-detail__heading,.history-list-item{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.history-page__header h1,.history-detail h2,.history-list-item h2,.history-detail h3,.history-empty h2{margin-top:0}.history-list,.history-path{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}.history-list-item,.history-detail{padding:var(--space-5);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-glass);box-shadow:var(--shadow-card)}.history-list-item__content{flex:1;min-width:0}.history-list-item h2{margin-bottom:var(--space-2);font-size:var(--font-size-title-small)}.history-list-item p,.history-detail p{margin:var(--space-1) 0}.history-list-item__path{color:var(--color-text-muted)}.history-list-item time,.history-detail time{color:var(--color-text-muted);font-size:var(--font-size-caption)}.history-detail{gap:var(--space-5);display:grid}.history-detail__heading{align-items:flex-start}.history-path{counter-reset:history-path}.history-path li{gap:var(--space-3);padding:var(--space-4);border-left:var(--space-1) solid var(--color-action);background:var(--color-page-accent);grid-template-columns:auto 1fr;align-items:baseline;display:grid}.history-path span{color:var(--color-text-muted);font-size:var(--font-size-caption)}.history-detail__result{padding-top:var(--space-4);border-top:var(--border-width) solid var(--color-border)}.history-thumbnail{border-radius:var(--radius-card);object-fit:cover;flex:none;width:5rem;height:5rem}.history-detail .history-thumbnail{aspect-ratio:1;width:min(100%,20rem);height:auto}.history-share-page{gap:var(--space-5);max-width:68rem;margin:0 auto;display:grid}.history-share-card{gap:var(--space-5);padding:clamp(var(--space-6), 7vw, var(--space-10));border:var(--border-width) solid var(--color-border);border-radius:var(--radius-feature);background:var(--color-page-accent);box-shadow:var(--shadow-card);display:grid}.history-share-card h1,.history-share-card h2{margin:0}.history-share-card__content{gap:clamp(var(--space-6), 5vw, var(--space-10));grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);display:grid}.history-share-result,.history-share-tree{align-content:start;gap:var(--space-4);display:grid}.history-share-tree{padding-left:clamp(var(--space-5), 4vw, var(--space-8));border-left:var(--border-width) solid var(--color-border)}.history-share-card__final{font-size:var(--font-size-title-small);margin:0}.history-share-card time{color:var(--color-text-muted);font-size:var(--font-size-caption)}.history-share-path{gap:var(--space-3);margin:var(--space-3) 0 0;padding:0;list-style:none;display:grid}.history-share-path li{gap:var(--space-3);padding:var(--space-4);border-left:var(--space-1) solid var(--color-action);background:var(--color-surface-glass);grid-template-columns:auto 1fr;display:grid}@media (width<=42rem){.history-share-card__content{grid-template-columns:minmax(0,1fr)}.history-share-tree{padding-top:var(--space-5);border-top:var(--border-width) solid var(--color-border);border-left:0;padding-left:0}}.history-share-path span,.history-share-image figcaption{color:var(--color-text-muted);font-size:var(--font-size-caption)}.history-share-image{gap:var(--space-2);margin:0;display:grid}.history-share-image img{aspect-ratio:1;border-radius:var(--radius-card);object-fit:cover;width:min(100%,24rem)}.history-share-generated-image{gap:var(--space-2);margin:0;display:grid}.history-share-generated-image img{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-card);background:var(--color-page-accent);width:min(100%,32rem)}.history-share-generated-image figcaption{color:var(--color-text-muted);font-size:var(--font-size-caption)}.history-share-actions{gap:var(--space-3);padding-top:var(--space-5);border-top:var(--border-width) solid var(--color-border);display:grid}.history-share-actions__buttons{gap:var(--space-3);flex-wrap:wrap;display:flex}.history-share-actions__notice{color:var(--color-text-muted);font-size:var(--font-size-caption);margin:0}.app-footer{padding:var(--space-4) max(var(--page-gutter), env(safe-area-inset-right)) max(var(--space-4), env(safe-area-inset-bottom)) max(var(--page-gutter), env(safe-area-inset-left));color:var(--color-text-muted);font-size:var(--font-size-caption);text-align:center}.app-footer p{margin:0}@media (width<=359px){.brand-link>span:last-child{max-width:5rem;line-height:var(--line-height-tight)}.page-card{padding:var(--space-5);border-radius:var(--radius-dialog)}.error-actions,.form-actions{display:grid}.option-editor{padding:var(--space-4)}.wheel-stage,.wheel-board{padding:var(--space-3)}.wheel-marker{transform:translate(-50%, -50%) rotate(var(--wheel-marker-angle)) translateY(-5.4rem)}.option-item__actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.option-item__actions>:first-child,.option-item__actions>:nth-child(2),.option-item__actions>:last-child{grid-column:1/-1}}@media (width<=639px){.home-hero{grid-template-columns:1fr;min-height:auto}.hero-illustration{display:none}.empty-state{grid-template-columns:auto minmax(0,1fr)}.empty-state .secondary-link{grid-column:1/-1}.theme-grid,.example-grid,.theme-type-grid,.image-draft-card{grid-template-columns:1fr}.image-draft-preview{aspect-ratio:4/3}.history-page__header,.history-detail__heading,.history-list-item{flex-direction:column;align-items:stretch}.history-list-item .secondary-button,.history-page__header .danger-text-button,.history-detail__heading .danger-text-button{width:100%}}@media (width>=640px) and (width<=759px){.theme-grid,.example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.text-card--shuffling,.text-card--revealed{animation:1ms linear both text-card-reduced-reveal}.wheel-disc--spinning{transform:rotate(var(--wheel-stop-angle));animation:none}.slot-strip--spinning{transform:translateY(calc(var(--slot-stop-index) * -3.5rem));animation:none}.lottery-ticket--drawing,.lottery-ticket--drawing .lottery-ticket__label{animation:none}.lottery-ticket--drawing{transform:translate(-50%, -6.6rem) rotate(var(--lottery-ticket-rotation))}.gashapon-ball--dropping,.gashapon-ball--dropping .gashapon-ball__label,.gashapon-ball--dropping .gashapon-ball__top{animation:none}.gashapon-ball--dropping{background:var(--color-surface);transform:translate(-50%, 0) rotate(var(--gashapon-ball-rotation));bottom:.75rem}}@keyframes text-card-reduced-reveal{0%{opacity:0}to{opacity:1}}:root{--color-page:#f4faff;--color-page-accent:#e7f5ff;--color-surface:#fff;--color-surface-subtle:#f7fcff;--color-action:#1479b8;--color-action-pressed:#0b5f94;--color-text:#17324d;--color-text-soft:#425d73;--color-text-muted:#5d7185;--color-border:#cae6f7;--color-success:#247a58;--color-warning:#9a6200;--color-danger:#b4233a;--color-on-action:#fff;--color-on-status:#fff;--color-focus:#0b5f94;--color-decor-start:#3b9bd6;--color-decor-glow:#a1dcff6b;--color-surface-glass:#fffffff0;--font-family-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-size-caption:.8125rem;--font-size-small:.875rem;--font-size-body:1rem;--font-size-emphasis:1.1875rem;--font-size-title-small:2rem;--font-size-title-large:3rem;--font-weight-regular:400;--font-weight-semibold:700;--font-weight-bold:800;--line-height-tight:1.12;--line-height-body:1.5;--line-height-relaxed:1.7;--letter-spacing-title:-.045em;--letter-spacing-eyebrow:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--radius-input:.75rem;--radius-card:1rem;--radius-dialog:1.25rem;--radius-feature:1.5rem;--radius-round:999px;--border-width:1px;--shadow-card:0 20px 55px #26709d24;--shadow-accent:0 10px 24px #1479b840;--control-min-size:2.75rem;--button-min-height:3rem;--button-padding-inline:1.25rem;--button-gap:.5rem;--button-radius:var(--radius-input);--button-font-size:var(--font-size-body);--button-font-weight:var(--font-weight-semibold);--button-color:var(--color-on-action);--button-background:var(--color-action);--button-background-pressed:var(--color-action-pressed);--button-disabled-opacity:.55;--focus-ring-width:3px;--focus-ring-offset:3px;--page-gutter:1rem;--content-reading-width:35rem;--content-max-width:45rem;--duration-fast:.16s;--duration-normal:.2s;--duration-slow:.24s;--ease-standard:cubic-bezier(.2, 0, 0, 1);color:var(--color-text);background:var(--color-page);font-family:var(--font-family-sans);font-synthesis:none;text-rendering:optimizelegibility}:where(button,input,select,textarea){font:inherit}:where(button,input,select,textarea,[role=button]){min-width:var(--control-min-size);min-height:var(--control-min-size)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:var(--focus-ring-width) solid var(--color-focus);outline-offset:var(--focus-ring-offset)}@media (prefers-reduced-motion:reduce){:root{--duration-fast:1ms;--duration-normal:1ms;--duration-slow:1ms}}