/* Production bindings for the approved screens. Visual values use the shared tokens. */

*{box-sizing:border-box}body{margin:0;background:var(--c-white);color:var(--c-navy);font-family:var(--font-body);line-height:var(--lh-relaxed)}
a{color:var(--c-navy);text-underline-offset:3px}a:hover{color:var(--c-pink)}button,input,textarea,select{font:inherit}input,textarea,select{font-size:var(--fs-ui-input);font-weight:400;font-family:var(--font-body)}button,a.button{cursor:pointer}button:disabled{opacity:.5;cursor:default}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}[hidden]{display:none!important}
.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-8);min-height:60px;padding:var(--sp-4) var(--sp-12);background:var(--c-glass);border-bottom:1px solid var(--c-border);max-width:960px;margin:auto}
.brand{font-size:var(--fs-ui-small);line-height:var(--lh-normal);color:var(--c-aqua-text);text-decoration:none;font-weight:900;white-space:nowrap}.brand span{display:block;font-size:var(--fs-ui-meta);color:var(--c-navy)}.brand small{font-size:var(--fs-ui-small);padding:var(--sp-2) var(--sp-4);background:var(--c-bg-pink);color:var(--c-pink);border-radius:var(--radius-s)}
.site-header nav{display:flex;align-items:center;gap:var(--sp-4)}.site-header nav a,.site-header nav button{display:grid;place-items:center;min-height:var(--control-h);padding:var(--sp-4) var(--sp-8);border:1px solid var(--c-border);border-radius:var(--radius-m);background:var(--c-white);text-decoration:none;font-weight:800;font-size:var(--fs-ui-meta);color:var(--c-navy)}
.site-header .account-link{width:var(--control-h);height:var(--control-h);border-radius:50%;padding:var(--sp-2);font-size:var(--fs-ui-page)}.account-link img{width:100%;height:100%;object-fit:cover;border-radius:50%}
main{position:relative;isolation:isolate;max-width:600px;margin:auto;padding:var(--sp-24) var(--sp-16) var(--sp-40);min-height:70vh}main:before{content:'';position:absolute;z-index:-1;top:0;left:0;right:0;height:600px;pointer-events:none;background:linear-gradient(130deg,var(--c-deco-pink) 0% 15%,transparent 15% 88%,var(--c-deco-lilac) 88%),linear-gradient(155deg,transparent 56%,var(--c-deco-aqua) 56% 68%,transparent 68%)}
/* Route focus marks the reading position; only interactive controls draw a focus ring. */
#app:focus{outline:none}
h1{font-family:var(--font-display);font-size:var(--fs-ui-page);line-height:var(--lh-normal);margin:0 0 var(--sp-24);font-weight:900;text-shadow:var(--shadow-title)}h2{font-family:var(--font-heading);font-size:var(--fs-ui-heading);line-height:var(--lh-normal);margin:0 0 var(--sp-16);font-weight:800}h3{font-size:var(--fs-ui-emphasis);margin:0 0 var(--sp-8)}p{margin:0 0 var(--sp-12);overflow-wrap:anywhere}
.panel{background:var(--c-white);border:1px solid var(--c-border);border-radius:var(--radius-l);padding:var(--sp-16);margin:0 0 var(--sp-20)}.panel.emphasis{border:2px solid var(--c-navy)}.section-title{border-bottom:2px solid var(--c-border);padding-bottom:var(--sp-8);margin-top:var(--sp-32)}
.button,button.primary,button.secondary{display:inline-flex;justify-content:center;align-items:center;gap:var(--sp-8);min-height:var(--control-h);padding:var(--sp-8) var(--sp-16);border:2px solid var(--c-navy);border-radius:var(--radius-m);background:var(--c-navy);color:var(--c-white);text-decoration:none;font-weight:800;font-size:var(--fs-ui-body);line-height:var(--lh-normal)}button.secondary,.button.secondary{background:var(--c-white);color:var(--c-navy)}.actions{display:flex;flex-wrap:wrap;gap:var(--sp-8);align-items:center;margin:var(--sp-12) 0}.muted,.help{color:var(--c-text-sub);font-size:var(--fs-ui-meta)}
.status,.error{max-width:600px;margin:0 auto var(--sp-12);padding:0 var(--sp-16);font-size:var(--fs-ui-body)}.status{color:var(--c-success)}.status:empty{display:none}.error{border-left:2px solid var(--c-error);color:var(--c-error)}
.field{display:block;margin-bottom:var(--sp-16);font-size:var(--fs-ui-body);font-weight:800}.field input,.field textarea,.field select{display:block;width:100%;min-width:0;min-height:var(--control-h);margin-top:var(--sp-8);padding:var(--sp-8) var(--sp-12);border:2px solid var(--c-navy);border-radius:var(--radius-m);background:var(--c-white);color:var(--c-navy);font-size:var(--fs-ui-input);font-weight:400;font-family:var(--font-body);}.field textarea{resize:vertical;}.field small{font-size:var(--fs-ui-meta);font-weight:400}
.checkbox{display:flex;gap:var(--sp-8);align-items:center;min-height:var(--control-h);font-size:var(--fs-ui-body)}.checkbox input{margin:0;width:var(--sp-20);height:var(--sp-20);flex:none;accent-color:var(--c-success)}.condition-list{margin:0;padding-left:var(--sp-20);font-size:var(--fs-ui-body)}.condition-list li+li{margin-top:var(--sp-8)}
.profile{display:flex;align-items:center;gap:var(--sp-16);margin-bottom:var(--sp-12);min-width:0}.profile img,.avatar{height:64px;width:64px;border-radius:50%;object-fit:cover;background:var(--c-bg-aqua);flex:none}.profile a{color:var(--c-text-sub);font-size:var(--fs-ui-body);min-width:0;overflow-wrap:anywhere;text-decoration:none}.profile strong,.profile span{display:block}.profile strong{font-size:var(--fs-ui-heading);color:var(--c-navy)}.my-profile .profile{margin:0}.my-profile{margin-bottom:var(--sp-20)}.logout-link{display:block;text-align:right;margin:var(--sp-8) 0 var(--sp-16)}
.view-tabs{display:flex;gap:var(--sp-4);padding:var(--sp-4);margin:var(--sp-20) 0;border:1px solid var(--c-border);border-radius:var(--radius-m);background:var(--c-bg-soft)}.view-tabs a{flex:1;display:grid;place-items:center;min-height:var(--control-h);text-align:center;padding:var(--sp-8);border:1px solid transparent;border-radius:var(--radius-m);text-decoration:none;font-weight:800;font-size:var(--fs-ui-body)}.view-tabs a[aria-current=true]{border-color:var(--c-navy);background:var(--c-navy);color:var(--c-white)}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-8);margin:var(--sp-16) 0}.metric{padding:var(--sp-12) var(--sp-4);background:var(--c-white);border:1px solid var(--c-border);text-align:center;border-radius:var(--radius-m)}.metric strong{display:block;font-size:var(--fs-ui-page);line-height:var(--lh-normal)}.metric span{font-size:var(--fs-ui-meta)}.flow{margin:0;padding:0;list-style:none}.flow li{position:relative;margin:0;padding:0 0 var(--sp-16) var(--sp-24);border-left:2px solid var(--c-border);font-size:var(--fs-ui-body)}.flow li:before{content:'';position:absolute;width:12px;height:12px;border:2px solid var(--c-pink);background:var(--c-white);border-radius:50%;left:-7px;top:8px}.flow li:last-child{border-left-color:transparent}.flow time{display:block;font-size:var(--fs-ui-meta);color:var(--c-text-sub)}
.participation-flow{margin-bottom:var(--sp-20)}.participation-flow-link{display:inline-flex;align-items:center;min-height:var(--control-h);font-size:var(--fs-ui-meta);font-weight:800}.participation-flow-progress progress{width:100%;height:var(--sp-8);border:0;accent-color:var(--c-success);border-radius:var(--radius-pill)}.participation-flow-progress progress::-webkit-progress-bar{background:var(--c-bg-muted);border-radius:var(--radius-pill)}.participation-flow-progress progress::-webkit-progress-value{background:var(--c-success);border-radius:var(--radius-pill)}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-12)}.work-tile{min-width:0;border:1px solid var(--c-border);border-radius:var(--radius-m);overflow:hidden;background:var(--c-white)}.work-tile>a{text-decoration:none;display:block}.work-thumb{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:linear-gradient(135deg,var(--c-deco-aqua),var(--c-deco-pink))}.thumb-empty{display:grid;place-items:center;font-size:var(--fs-ui-page)}.work-caption{padding:var(--sp-8)}.work-caption h3{font-size:var(--fs-ui-body);line-height:var(--lh-relaxed)}.work-caption p{font-size:var(--fs-ui-meta);margin:var(--sp-2) 0;font-weight:400;}
.filters{display:flex;flex-wrap:wrap;gap:var(--sp-8);font-size:var(--fs-ui-body);margin:var(--sp-12) 0 var(--sp-20)}.filters label{display:flex;gap:var(--sp-4);align-items:center;min-height:var(--control-h);padding:var(--sp-4) var(--sp-8);border:1px solid var(--c-border);border-radius:var(--radius-pill);background:var(--c-white);cursor:pointer}.filters label:has(input:checked){background:var(--c-bg-aqua);border-color:var(--c-aqua-text)}.search-field{width:100%;min-height:var(--control-h);padding:var(--sp-8) var(--sp-12);border:2px solid var(--c-navy);border-radius:var(--radius-m);font-size:var(--fs-ui-input);color:var(--c-navy)}
.player-shell{aspect-ratio:16/9;background:var(--c-navy-deep);border-radius:var(--radius-m);overflow:hidden}.player-shell[data-pending="true"]{display:grid;place-items:center;padding:var(--sp-16);color:var(--c-white);text-align:center}.player-shell iframe,.player-shell>div{width:100%;height:100%;border:0}.player-notice{font-size:var(--fs-ui-meta);text-align:center;white-space:nowrap;margin:0 0 var(--sp-8)}.work-information{padding:var(--sp-16);margin:var(--sp-16) 0;border:1px solid var(--c-border);border-radius:var(--radius-l);background:var(--c-white)}.work-information h1{font-size:var(--fs-ui-heading);text-shadow:none;margin-bottom:var(--sp-8)}.work-message{white-space:pre-wrap;font-size:var(--fs-ui-body)}.stars{display:flex;gap:var(--sp-4);margin:var(--sp-12) 0}.stars button{border:0;background:transparent;color:var(--c-border-input);font-size:var(--fs-ui-page);padding:var(--sp-4);min-width:var(--control-h);min-height:var(--control-h)}.stars button[aria-pressed=true]{color:var(--c-gold)}
.work-external-links{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-4);margin-top:var(--sp-8)}.work-poster-link{display:inline-flex;align-items:center;gap:var(--sp-4)}.work-icon-link{display:inline-flex;align-items:center;justify-content:center;width:var(--control-h);height:var(--control-h);border-radius:var(--radius-m);color:var(--c-navy)}.work-icon-link:hover{background:var(--c-bg-soft)}.work-icon-link svg{width:24px;height:24px}
.home-main{display:flex;flex-direction:column;gap:var(--sp-16)}.home-main .hero-logo{display:block;max-width:100%;width:358px;height:auto;align-self:center}.hero-heading{margin:var(--sp-4) 0;font-family:var(--font-display);font-size:var(--fs-22);font-weight:900;line-height:var(--lh-tight);color:var(--c-deco-pink);text-align:center;text-shadow:var(--shadow-text-outline)}.hero-heading span{display:block}.date-accent{color:var(--c-pink-strong);font-weight:800}.award-feature-glyph{font-size:var(--fs-hero);color:var(--c-gold-text);line-height:var(--lh-tight)}.deadline{border:1px solid var(--c-border);padding:var(--sp-16);border-radius:var(--radius-l);background:var(--c-white);font-size:var(--fs-ui-meta);margin:var(--sp-20) 0}.deadline strong{display:block;font-size:var(--fs-ui-body);margin-bottom:var(--sp-8)}.deadline p{border-top:1px solid var(--c-border);padding-top:var(--sp-12);margin:0;color:var(--c-text-sub)}
.award-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-20);margin-bottom:var(--sp-20)}.award-grid .viewer-award-title-row .field{margin:0}.award-edit-comment{width:100%;min-height:var(--control-h);padding:var(--sp-8);border:1px solid var(--c-border-input);border-radius:var(--radius-m);background:var(--c-white);color:var(--c-navy);resize:none;overflow:hidden;font-size:var(--fs-ui-input);line-height:var(--lh-relaxed)}.award-edit-comment-label{font-size:var(--fs-ui-meta);font-weight:700}.award-grid .checkbox{font-size:var(--fs-ui-meta)}.award-grid .field small{display:block}.award-grid .account-row{padding:var(--sp-4) 0}.viewer-award-card .player-shell{margin:var(--sp-4) 0}.viewer-award-card h3.work-title{font-size:var(--fs-ui-body)}.viewer-award-card .viewer-award-message .award-comment{white-space:pre-wrap;font-size:var(--fs-ui-body);margin:0}.viewer-award-card .viewer-award-finish{padding-top:var(--sp-12)}
.account-row{display:flex;gap:var(--sp-8);align-items:center;padding:var(--sp-8) 0;font-size:var(--fs-ui-meta);line-height:var(--lh-normal);min-width:0}.account-row img,.account-row .avatar{width:var(--sp-40);height:var(--sp-40);font-size:var(--fs-ui-heading);display:grid;place-items:center}.account-row a{min-width:0;overflow-wrap:anywhere;text-decoration:none;min-height:var(--control-h);display:flex;flex-direction:column;justify-content:center}.account-row strong{display:block;font-size:var(--fs-ui-body)}.account-row span{color:var(--c-text-sub)}
.progress-copy{text-align:center;font-size:var(--fs-ui-body);font-weight:800}.slot-empty{border:2px dashed var(--c-border-input);border-radius:var(--radius-l);padding:var(--sp-24);text-align:center;min-height:180px;background:var(--c-white)}.slot-empty h3{font-size:var(--fs-ui-heading)}.saved-note{white-space:pre-wrap;font-size:var(--fs-ui-body);color:var(--c-text-sub)}.url-copy{display:flex;gap:var(--sp-8)}.url-copy input{width:100%;min-width:0;min-height:var(--control-h);padding:var(--sp-8);border:2px solid var(--c-navy);border-radius:var(--radius-m);color:var(--c-navy);font-size:var(--fs-ui-input);font-weight:400;font-family:var(--font-body);}.url-copy button{white-space:nowrap}.required-items{display:flex;flex-direction:column;gap:var(--sp-12);margin:var(--sp-12) 0}.required-item{padding:var(--sp-12);border:1px solid var(--c-border);border-radius:var(--radius-m);background:var(--c-white);font-size:var(--fs-ui-meta);overflow-wrap:anywhere}.required-item:first-child{border:2px solid var(--c-pink-border);background:var(--c-bg-pink)}.required-item strong{display:block;font-size:var(--fs-ui-heading);color:var(--c-pink-strong);margin:var(--sp-4) 0}.required-item:last-child strong{font-size:var(--fs-ui-body)}
details{font-size:var(--fs-ui-meta);border-top:1px solid var(--c-border);margin-top:var(--sp-16);padding:var(--sp-12) 0}summary{font-weight:800;cursor:pointer;min-height:var(--control-h);align-content:center}dialog{color:var(--c-navy);border:1px solid var(--c-border);border-radius:var(--radius-xl);max-width:600px;width:calc(100% - 32px);max-height:calc(100dvh - 40px);padding:var(--sp-20);overflow:auto;overscroll-behavior:contain;background:var(--c-white);box-shadow:var(--shadow-float)}dialog::backdrop{background:var(--c-overlay)}.dialog-close{position:sticky;float:right;top:0;width:var(--control-h);height:var(--control-h);border:1px solid var(--c-border);background:var(--c-white);color:var(--c-navy);font-size:var(--fs-28);border-radius:50%;z-index:2}.candidate{display:flex;gap:var(--sp-12);align-items:center;width:100%;padding:var(--sp-12) 0;border:0;border-bottom:1px solid var(--c-border);background:var(--c-white);text-align:left;color:var(--c-navy)}.candidate img,.candidate .work-thumb{flex:none;width:96px;height:54px;border-radius:var(--radius-s)}.candidate span{font-size:var(--fs-ui-meta)}.candidate strong{display:block;font-size:var(--fs-ui-body)}body.modal-open{overflow:hidden}footer{text-align:center;font-size:var(--fs-ui-meta);color:var(--c-text-sub);padding:var(--sp-24)}footer a{display:inline-block;margin-left:var(--sp-8);min-height:var(--control-h)}#notification-message,#notification-receipt{font-size:var(--fs-ui-meta);color:var(--c-text-sub)}.notification-settings{margin-top:var(--sp-32)}.notification-settings .actions{flex-direction:column;align-items:stretch}.notification-settings button{width:100%}
.participation-section{margin:var(--sp-24) 0 0}.participation-section .section-content{padding:var(--sp-16)}.participation-section .flow{margin-top:var(--sp-12)}.participation-section .flow li{border-left-color:var(--c-border)}.participation-section-title{margin:0!important}.participation-role-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-8)}.received-summary{margin-bottom:var(--sp-20)}
@media(max-width:360px){.site-header{gap:var(--sp-4);padding:var(--sp-4) var(--sp-8)}.brand span{font-size:var(--fs-ui-meta)}.site-header .listen-link{font-size:var(--fs-ui-meta);padding:var(--sp-4)}.hero-heading{font-size:var(--fs-18)}.panel{padding:var(--sp-12)}.viewer-award-name{font-size:var(--fs-ui-heading)}.player-notice{font-size:var(--fs-ui-small)}.metrics .metric strong{font-size:var(--fs-ui-heading)}}
@media(min-width:960px){.site-header{padding-left:var(--sp-16);padding-right:var(--sp-16)}}

.site-header .listen-link{white-space:nowrap;min-width:var(--control-h)}@media(max-width:360px){.site-header .listen-label{display:none}.site-header .listen-link{font-size:var(--fs-ui-heading)}}

/* Integrated management controls use the shared design tokens. */
fieldset{min-width:0;border:1px solid var(--c-border);border-radius:var(--radius-m);margin:0 0 var(--sp-16);padding:var(--sp-12)}legend{font-size:var(--fs-ui-body);font-weight:800}.member-row{display:flex;gap:var(--sp-8);align-items:end;margin-bottom:var(--sp-12)}.member-row .field{flex:1;min-width:0;margin:0}.member-row button{flex:none}.view-tabs button{flex:1}.view-tabs button[aria-pressed=true]{background:var(--c-navy);color:var(--c-white)}.menu-group{border:1px solid var(--c-border);border-radius:var(--radius-m);padding:var(--sp-8);margin:var(--sp-8) 0}.menu-group h3{font-size:var(--fs-ui-meta);color:var(--c-text-sub);padding:var(--sp-8)}#my-work-list .work-thumb{max-width:50%;margin-bottom:var(--sp-12)}#my-favorites article+article{border-top:1px solid var(--c-border);padding-top:var(--sp-12)}#my-awards button{min-width:0}#my-settings details .notification-settings{margin-top:0}dd{margin:0 0 var(--sp-12);font-size:var(--fs-ui-body)}dt{font-weight:800;font-size:var(--fs-ui-meta)}


.creator-offer .creator-description{font-weight:400;white-space:pre-wrap;font-size:var(--fs-ui-body)}.creator-card-facts{display:flex;flex-direction:column;gap:0;padding:var(--sp-12);border-radius:var(--radius-m);background:var(--c-bg-soft)}.creator-card-facts>div{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--sp-4) var(--sp-12);padding:var(--sp-8) 0}.creator-card-facts>div:first-child{padding-top:0}.creator-card-facts>div:last-child{padding-bottom:0}.creator-card-facts>div+div{border-top:1px solid var(--c-border)}.creator-card-facts dt{flex-shrink:0}.creator-card-facts dd{margin:0 0 0 auto;text-align:right;font-variant-numeric:tabular-nums}.creator-card-pricing dd{display:flex;flex-direction:column;align-items:flex-end;gap:var(--sp-4)}.creator-price{font-size:var(--fs-ui-heading);font-weight:900;line-height:var(--lh-tight)}.creator-usual-price{color:var(--c-text-sub);font-size:var(--fs-ui-meta);font-weight:700;line-height:var(--lh-normal)}

/* MyPage registration and the editable site profile share the design tokens. */
.my-profile .profile{margin-bottom:var(--sp-12)}.profile-editor{border-top:1px solid var(--c-border);margin-top:var(--sp-16);padding-top:var(--sp-16)}.profile-editor h2{font-size:var(--fs-ui-heading)}.profile-editor input[type=file]{font-size:var(--fs-ui-meta);padding:var(--sp-8)}.profile-image-preview>img{width:var(--sp-40);height:var(--sp-40);border-radius:50%;object-fit:cover}.registration-disclosure{border:2px solid var(--c-role-creator);margin-top:var(--sp-16);padding:0}.registration-disclosure>summary{color:var(--c-role-creator);font-size:var(--fs-ui-emphasis);padding:var(--sp-12) var(--sp-16)}.registration-body{padding:var(--sp-16);border-top:1px solid var(--c-border)}.registration-conditions{margin-bottom:var(--sp-20);padding:var(--sp-12);border:1px solid var(--c-border);border-radius:var(--radius-m);background:var(--c-bg-soft)}.registration-profile{margin-bottom:var(--sp-16)}.entry-work{border:2px solid var(--c-role-creator);background:var(--c-white)}.entry-work>.field{padding:var(--sp-12);border:1px solid var(--c-border);border-radius:var(--radius-m)}.registration-result>h3{font-size:var(--fs-ui-heading)}.registered-work{margin:var(--sp-16) 0;padding:var(--sp-12);border:1px solid var(--c-border);border-radius:var(--radius-m)}#my-profile,#work-registration,#registration-result,#my-works{scroll-margin-top:calc(var(--control-h-lg) + var(--sp-16))}.login-data{color:var(--c-text-sub)}.login-data summary,.login-data p{font-size:var(--fs-ui-meta)}

/* The production profile wraps its summary and editor in one column. */
.my-profile{display:block}.my-profile .profile{width:100%;min-width:0}.my-profile .profile a{flex:1}.profile-editor .actions{align-items:stretch}

/* Creator-owned offers share the collaborator role color with navigation. */
body[data-page="creator-entry"] #creator-form legend,#creator-listings>summary,#creator-listings h3{color:var(--c-role-collaborator)}
body[data-page="creator-entry"] #creator-form,#creator-listings{border-color:var(--c-lilac-border)}
body[data-page="creator-entry"] #creator-form input[type="checkbox"]{accent-color:var(--c-role-collaborator)}
body[data-page="creator-entry"] #app a,body[data-page="creator-entry"] #app button:not(:disabled):not(.dialog-close),#creator-listings a,#creator-listings button:not(:disabled){color:var(--c-role-collaborator)}
body[data-page="creator-entry"] #app .button,body[data-page="creator-entry"] #app button:not(:disabled):not(.dialog-close),#creator-listings .button,#creator-listings button:not(:disabled){border-color:var(--c-role-collaborator);background:var(--c-white)}
body[data-page="creator-entry"] #app button.primary:not(:disabled),#creator-confirm-action:not(:disabled){border-color:var(--c-role-collaborator);background:var(--c-role-collaborator);color:var(--c-white)}
body[data-page="creator-entry"] #app .button:hover,body[data-page="creator-entry"] #app button.secondary:hover,#creator-listings .button:hover,#creator-listings button:hover{background:var(--c-bg-lilac)}
body[data-page="creator-entry"] #app button.primary:focus-visible,#creator-confirm-action:focus-visible{outline:var(--focus-ring-inverse);outline-offset:var(--focus-offset)}

/* Award registration stays in MyPage, with the viewer role color. */
.award-registration-disclosure{border:2px solid var(--c-role-viewer);margin-top:var(--sp-16);padding:0}
.award-registration-disclosure>summary{color:var(--c-role-viewer);font-size:var(--fs-ui-emphasis);padding:var(--sp-12) var(--sp-16)}
.award-registration-content{min-width:0}
.award-registration-content .primary{background:var(--c-role-viewer);border-color:var(--c-role-viewer)}
.award-registration-content .secondary{color:var(--c-role-viewer);border-color:var(--c-role-viewer)}
#award-registration,#my-awards{scroll-margin-top:calc(var(--control-h-lg) + var(--sp-16))}
#my-awards>.view-tabs button{font-size:var(--fs-ui-body);white-space:nowrap}

.login-agreement{align-items:center;line-height:var(--lh-relaxed);font-size:var(--fs-ui-body);padding:var(--sp-8) 0}.login-agreement input{margin:0;accent-color:var(--c-role-common);}.login-agreement a{display:inline;vertical-align:baseline}
#x-login{background:var(--c-x-black);border-color:var(--c-x-black);color:var(--c-white);box-shadow:none}#x-login:disabled{background:var(--c-bg-muted);border-color:var(--c-border-input);color:var(--c-text-sub);opacity:1}

/* Each offer is visually separate from the next, with a light role-colored heading. */
#creator-catalogue{display:flex;flex-direction:column;gap:var(--sp-24);min-width:0;margin-bottom:var(--sp-24)}
.creator-offer{display:flex;flex-direction:column;gap:var(--sp-12);min-width:0;margin:0;border:2px solid var(--c-role-creator);box-shadow:var(--shadow-offset) var(--c-deco-pink);overflow:hidden}
.creator-offer-heading{display:flex;flex-direction:column;gap:var(--sp-8);margin:calc(-1 * var(--sp-16)) calc(-1 * var(--sp-16)) 0;padding:var(--sp-12) var(--sp-16);border-bottom:1px solid var(--c-pink-border);background:var(--c-bg-pink);color:var(--c-role-creator)}
.creator-offer-heading p,.creator-offer-heading h2{margin:0}.creator-offer-heading a{color:inherit}
#work-edit-dialog .primary{border-color:var(--c-role-creator);background:var(--c-role-creator)}#work-edit-dialog .secondary{color:var(--c-role-creator);border-color:var(--c-role-creator)}
#creator-form input::placeholder,#creator-form textarea::placeholder{color:var(--c-text-sub);opacity:.65;font-weight:400}

/* iOS date controls miscalculate padded host widths: https://bugs.webkit.org/show_bug.cgi?id=301648 */
#creator-form input[type="datetime-local"]{display:block;box-sizing:border-box;width:100%;min-width:0;max-width:100%;padding:0;-webkit-appearance:none;appearance:none;font-size:var(--fs-ui-input);font-weight:400;font-family:var(--font-body);}
#creator-form input[type="datetime-local"]::-webkit-date-and-time-value{box-sizing:border-box;min-width:0;max-width:100%;padding:var(--sp-8);text-align:left}
#creator-form input[type="datetime-local"]::-webkit-datetime-edit{min-width:0;padding:var(--sp-8)}

/* 接続確認の入力時にiPhoneの自動拡大を発生させない。 */
#access-form input[name=code]{font-size:var(--fs-16)}
@media(min-width:960px){#access-form input[name=code]{font-size:var(--fs-ui-input)}}