.service-screen{min-width:0;font-size:14px}.service-screen *{min-width:0}.service-screen :is(button,input,textarea,select,a):focus-visible{outline:2px solid var(--self-focus);outline-offset:3px}.service-screen :is(button,select,input[type=file]){cursor:pointer}.service-screen button:disabled{cursor:not-allowed;opacity:.55}.service-screen :is(a,button,input,textarea,select){scroll-margin-block:90px}.service-workspace{max-width:1160px;margin:auto}.service-screen-content{max-width:760px;margin:auto;padding:24px 28px 130px}.service-screen-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:26px;display:flex}.service-screen-title :is(h1,h2){letter-spacing:-.04em;overflow-wrap:anywhere;margin:0;font-size:28px;line-height:1.4}.service-screen-title p{color:var(--self-muted);margin:8px 0 0;font-size:13px;line-height:1.65}.service-screen-state{max-width:36%;color:var(--self-orange-dark);border-left:2px solid #f2b698;flex-shrink:0;margin-top:8px;padding-left:10px;font-size:12px;font-weight:650}.service-screen-tabs{border-bottom:1px solid var(--self-line);gap:24px;margin:0 0 22px;display:flex;overflow-x:auto}.service-screen-tabs button{min-height:46px;color:var(--self-muted);font:inherit;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;padding:12px 1px}.service-screen-tabs button[aria-selected=true]{border-bottom-color:var(--self-orange-dark);color:var(--self-ink);font-weight:700}.service-screen-tabs button:hover{color:var(--self-orange-dark)}.service-screen-search{background:var(--self-surface);border:1px solid var(--self-line);border-radius:12px;align-items:center;margin-bottom:18px;padding:0 8px 0 14px;display:flex}.service-screen-search label{flex:1;align-items:center;gap:10px;display:flex}.service-screen-search svg{fill:none;width:19px;height:19px;stroke:var(--self-muted);stroke-width:1.6px;flex-shrink:0}.service-screen-search input{width:100%;min-height:48px;color:var(--self-ink);font:inherit;background:0 0;border:0;flex:1}.service-screen-search input::-webkit-search-cancel-button{display:none}.service-screen-search button{min-width:44px;min-height:44px;color:var(--self-muted);background:0 0;border:0;font-size:22px}.service-catalog-controls{gap:12px;display:flex}.service-catalog-controls label{color:var(--self-muted);align-items:center;gap:10px;font-size:12px;display:flex}.service-catalog-results{justify-content:space-between;align-items:center;margin:10px 0 12px;display:flex}.service-catalog-results p{color:var(--self-muted);margin:0;font-size:12px}.service-catalog-results button{min-height:44px;color:var(--self-muted);text-underline-offset:4px;font:inherit;background:0 0;border:0;padding:8px 0 8px 12px;font-size:12px;text-decoration:underline}.service-screen-catalog .service-screen-content{max-width:960px}.service-catalog-grid{max-width:none}.service-screen-cards{gap:14px;margin:24px 0;display:grid}.service-screen-card{border:1px solid var(--self-line);background:#fff;border-radius:16px;align-items:center;gap:18px;padding:20px;display:flex}.service-screen-card-body{flex:1}.service-screen-card-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.service-screen-card h3{margin:0;font-size:15px;font-weight:650;line-height:1.5}.service-screen-card-top>span{color:var(--self-orange-dark);flex-shrink:0;font-size:11px}.service-screen-card p{color:var(--self-muted);margin:7px 0;font-size:12px;line-height:1.65}.service-screen-card strong{color:var(--self-orange-dark);font-variant-numeric:tabular-nums;font-size:15px;display:block}.service-screen-card a{align-items:center;gap:8px;min-height:44px;font-size:12px;font-weight:600;display:inline-flex}.service-record-photo{flex-shrink:0;width:105px}.service-record-photo .self-product-photo{aspect-ratio:1}.service-screen-summary{border:1px solid var(--self-line);background:#fff;border-radius:16px;margin:0 0 24px;padding:10px 20px}.service-screen-summary>div{border-bottom:1px solid var(--self-line);justify-content:space-between;align-items:baseline;gap:20px;padding:14px 0;display:flex}.service-screen-summary>div:last-child{border-bottom:0}.service-screen-summary dt{color:var(--self-muted);flex:1;font-size:13px}.service-screen-summary dd{text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;flex:1.5;margin:0;font-size:14px;font-weight:600}.service-screen-summary [data-benefit] dd{color:var(--self-orange-dark);letter-spacing:-.03em;font-size:22px;font-weight:750}.service-summary-prominent{background:var(--self-ivory);border-color:#f1e5d9;padding:16px 24px}.service-summary-prominent>div:first-child{align-items:center}.service-summary-prominent>div:first-child dd{color:var(--self-orange-dark);font-size:32px;font-weight:800}.service-screen-form{border:1px solid var(--self-line);border-radius:16px;gap:22px;margin:22px 0;padding:24px;display:grid}.service-screen-form label>span{margin-bottom:9px;font-size:13px;font-weight:650;display:block}.service-screen-form :is(input,textarea){box-sizing:border-box;border:1px solid var(--self-line);width:100%;min-height:48px;font:inherit;color:var(--self-ink);background:#fff;border-radius:10px;padding:12px 14px;font-size:16px}.service-screen-form textarea{resize:none;min-height:140px;line-height:1.7}.service-screen-form input::placeholder,.service-screen-form textarea::placeholder{color:#918a82;font-size:13px}.service-upload input{background:var(--self-ivory);border-style:dashed;font-size:12px}.service-upload input::file-selector-button{border:1px solid var(--self-line);background:var(--self-surface);color:var(--self-orange-dark);cursor:pointer;border-radius:6px;margin-right:10px;padding:8px 12px}.service-upload small{color:var(--self-muted);margin-top:8px;font-size:11px;display:block}.service-progress{border:1px solid var(--self-line);border-radius:16px;margin:24px 0;padding:24px}.service-progress h3{margin:0 0 24px;font-size:15px}.service-screen-timeline{margin:0;padding:0 0 0 9px;list-style:none}.service-screen-timeline li{border-left:1px solid var(--self-line);gap:4px;padding:0 0 24px 22px;display:grid;position:relative}.service-screen-timeline li:last-child{border-color:#0000;padding-bottom:0}.service-screen-timeline li:before{content:"";background:#fff;border:2px solid #d5c9bb;border-radius:50%;width:10px;height:10px;position:absolute;top:4px;left:-5px}.service-screen-timeline li[data-complete]:before{box-shadow:0 0 0 4px var(--self-ivory);background:#e48d5c;border-color:#e48d5c}.service-screen-timeline strong{font-size:13px;font-weight:650}.service-screen-timeline span{color:var(--self-muted);font-size:12px;line-height:1.65}.service-screen-notice{background:var(--self-ivory);color:#746153;border-radius:12px;margin:24px 0;padding:18px 20px;font-size:13px;line-height:1.8}.service-screen-actions{gap:10px;margin:26px 0;display:flex}.service-screen-primary,.service-screen-secondary{min-height:50px;font:inherit;text-align:center;border-radius:12px;flex:1;justify-content:center;align-items:center;padding:12px 18px;font-weight:650;display:flex}.service-screen-primary{color:var(--self-action-ink);background:var(--self-action);box-shadow:none;border:1px solid #0000;transition:background-color .16s,transform .16s}.service-screen-secondary{border:1px solid var(--self-line);color:var(--self-ink);background:#fff}.self-home .service-screen-primary:not(:disabled):hover{background:var(--self-action-hover);color:var(--self-action-ink)}.service-screen-secondary:not(:disabled):hover{background:var(--self-surface)}.service-screen :is(button,a):active{transform:translateY(1px)}.service-screen-empty{text-align:center;background:var(--self-surface);color:var(--self-muted);border-radius:14px;grid-column:1/-1;padding:44px 20px}.service-screen-empty p{margin:0 0 12px}.service-screen-empty button{border:1px solid var(--self-line);min-height:44px;color:var(--self-ink);background:#fff;border-radius:10px;padding:10px 16px}.service-screen-detail .service-screen-content{max-width:1160px}.service-detail-layout{grid-template-columns:1fr 1fr;gap:36px;display:grid}.service-detail-photo .self-product-photo{aspect-ratio:1}.service-detail-condition{color:var(--self-muted);font-size:12px}.service-participation{border-top:1px solid var(--self-line);margin-top:30px;padding:30px 0 0}.service-participation h3{letter-spacing:-.03em;font-size:20px}.service-participation ol{counter-reset:steps;padding:0;list-style:none}.service-participation li{counter-increment:steps;color:var(--self-muted);padding:10px 0 10px 38px;font-size:13px;line-height:1.75;position:relative}.service-participation li:before{content:counter(steps, decimal-leading-zero);color:var(--self-orange-dark);font-weight:750;position:absolute;left:0}.service-gift-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-card-gift,.service-card-event{padding:0;display:block;overflow:hidden}.service-card-gift .service-screen-card-body,.service-card-event .service-screen-card-body{padding:18px}.self-gift-art{aspect-ratio:1.5;background:#f7efe5;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;margin-bottom:22px;display:flex;position:relative;overflow:hidden}.service-card-gift .self-gift-art{border-radius:0;margin:0}.self-gift-caption{letter-spacing:.16em;color:#927457;font-size:9px;position:absolute;top:18px}.self-coffee-cup{background:linear-gradient(90deg,#f2c8a1,#fff5e6 42%,#edc8a6);border-top:7px solid #6e4e36;border-radius:5px 5px 17px 17px;place-items:center;width:66px;height:80px;margin-top:10px;display:grid;transform:rotate(-9deg);box-shadow:9px 13px 15px #b1916f26}.self-coffee-cup span{color:#b46e3d;letter-spacing:-.08em;font-size:17px;font-weight:750}.self-gift-stamp{color:#9e7655;letter-spacing:.18em;font-size:8px;position:absolute;bottom:15px}.service-event-art{background:linear-gradient(90deg,#f8eddf 25%,#f8eddf55 80%),url(/images/self/hero.png) 70%/cover;border-radius:14px;min-height:210px;padding:26px}.service-event-art>span{color:#976338;margin-bottom:12px;font-size:11px;display:block}.service-event-art>strong{color:#67472f;letter-spacing:-.05em;font-size:27px;line-height:1.3}.service-event-art>p{color:#846448;margin:15px 0 0;font-size:12px}.service-event-hero{min-height:260px;margin:0 0 26px;padding:35px}.service-profile{align-items:center;gap:16px;margin:10px 0 28px;display:flex}.service-profile>span{background:var(--self-peach);color:#d17d4e;border-radius:20px;place-items:center;width:56px;height:56px;font-size:28px;font-weight:800;display:grid}.service-profile strong{font-size:15px}.service-profile div>a{color:var(--self-muted);padding-top:5px;font-size:12px;display:block}.service-profile>a{margin-left:auto;padding:10px;font-size:12px}.service-quick-links{margin:24px 0;display:grid}.service-quick-links a{border-bottom:1px solid var(--self-line);padding:18px 2px;font-size:13px}.service-auth-intro{text-align:center;padding:25px 0 30px}.service-auth-intro .self-brand span{width:140px;height:76px;margin:auto}.service-auth-intro p{letter-spacing:-.04em;margin:24px 0 0;font-size:24px;line-height:1.5}.service-screen-auth .service-screen-content{max-width:490px}.service-screen-auth .service-screen-actions{flex-direction:column}.service-loading-preview{border-radius:16px;height:180px;margin:24px 0;position:relative;overflow:hidden}.service-screen-desktop{background:#fcfaf7}.service-screen-desktop .service-workspace{grid-template-columns:204px minmax(0,1fr);max-width:1440px;display:grid}.service-screen-desktop .service-screen-content{width:100%;max-width:none;padding:26px 34px 65px}.service-ops-sidebar{border-right:1px solid var(--self-line);background:#fff;padding:28px 14px}.service-ops-sidebar>p{color:var(--self-muted);margin-bottom:15px;padding:0 12px;font-size:11px}.service-ops-sidebar nav{gap:5px;display:grid}.service-ops-sidebar nav a{border-radius:9px;min-height:44px;padding:11px 13px;font-size:12px;display:block}.service-ops-sidebar nav a[aria-current=page]{background:var(--self-peach);color:var(--self-orange-dark);font-weight:650}.service-ops-sidebar nav a:hover{background:var(--self-ivory)}.service-ops-switch{color:var(--self-muted);margin:26px 12px 0;font-size:12px;display:block}.service-screen-desktop .service-summary-prominent{background:#fff;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;display:grid}.service-screen-desktop .service-summary-prominent>div{border:0;display:block}.service-screen-desktop .service-summary-prominent dd{text-align:left;color:var(--self-orange-dark);margin-top:10px;font-size:26px}.service-screen-desktop .service-screen-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.service-screen-desktop .service-screen-form{background:#fff;max-width:720px}.service-screen-desktop .service-screen-actions{max-width:440px}.service-table-panel{border:1px solid var(--self-line);background:#fff;border-radius:16px;margin:24px 0;overflow:hidden}.service-table-heading{justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.service-table-heading h3{margin:0;font-size:14px}.service-table-heading>span,.service-table-caption,.service-table-scope{color:var(--self-muted);font-size:12px}.service-table-scope{line-height:1.8}.service-screen-table-wrap{overflow-x:auto}.service-screen-table{border-collapse:collapse;text-align:left;width:100%;min-width:600px}.service-screen-table th{color:var(--self-muted);white-space:nowrap;background:#f7f4ef;padding:14px 22px;font-size:11px;font-weight:600}.service-screen-table td{border-bottom:1px solid var(--self-line);padding:20px 22px;font-size:12px;line-height:1.6}.service-screen-table tr:last-child td{border-bottom:0}.service-screen-table tr:hover td{background:#fffcf8}.service-table-caption{border-top:1px solid var(--self-line);margin:0;padding:14px 22px}.self-home-review.service-screen{min-height:640px}.self-home-review .service-screen-content{padding-bottom:35px}@media (max-width:800px){.service-detail-layout{grid-template-columns:1fr;gap:24px}.service-detail-photo{width:100%;max-width:500px;margin:auto}.service-screen-desktop .service-workspace{display:block}.service-ops-sidebar{border:0;border-bottom:1px solid var(--self-line);padding:10px 18px}.service-ops-sidebar>p{display:none}.service-ops-sidebar nav{gap:6px;display:flex;overflow:auto}.service-ops-sidebar nav a{white-space:nowrap;flex-shrink:0}.service-ops-switch{margin:8px 0;font-size:11px}}@media (max-width:600px){.service-screen-content,.service-screen-desktop .service-screen-content{padding:10px 18px 115px}.service-screen-desktop .service-screen-content{padding-bottom:40px}.service-screen-title{gap:12px;margin-bottom:22px}.service-screen-title :is(h1,h2){font-size:24px}.service-screen-title p{font-size:12px}.service-screen-state{font-size:11px}.service-catalog-controls{grid-template-columns:1fr 1fr;display:grid}.service-catalog-controls label{gap:6px;display:grid}.service-screen-card{gap:13px;padding:16px}.service-screen-card-top{display:block}.service-screen-card-top>span{margin-top:5px;display:inline-block}.service-screen-card h3{font-size:14px}.service-record-photo{width:78px}.service-screen-summary{padding:7px 16px}.service-screen-summary>div{gap:12px}.service-screen-summary dt{font-size:12px}.service-screen-summary dd{font-size:13px}.service-summary-prominent{padding:16px 20px}.service-screen-form{padding:20px 16px}.service-progress{padding:22px 18px}.service-screen-actions{flex-direction:column}.service-screen-primary,.service-screen-secondary{flex:auto}.service-gift-grid{gap:12px}.service-card-gift,.service-card-event{padding:0}.service-card-gift .service-screen-card-body{padding:14px}.service-card-gift .self-gift-art{aspect-ratio:1}.service-screen-desktop .service-summary-prominent{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 18px}.service-screen-desktop .service-screen-cards{grid-template-columns:1fr}}.service-screen-queue .service-screen-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.service-screen-queue .service-screen-card{padding:13px 16px}.service-screen-queue .service-screen-card h3{font-size:12px}.service-screen-queue .service-screen-card a{min-height:32px;font-size:11px}@media (max-width:600px){.service-screen-queue .service-screen-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.service-screen-form :is(input,textarea){transition:border-color .16s,box-shadow .16s}.service-screen-form :is(input,textarea):focus{border-color:var(--self-focus);outline:none;box-shadow:0 0 0 3px #8c807414}.service-screen-search:focus-within{border-color:var(--self-focus);box-shadow:0 0 0 3px #8c807414}.service-screen-search input:focus{outline:none}.service-catalog-controls{grid-template-columns:1fr 1fr;max-width:450px;display:grid}.self-select-field{gap:7px;display:grid}.self-select-field>span{color:var(--self-muted);font-size:12px}.self-select-trigger{border:1px solid var(--self-line);width:100%;min-height:45px;font:inherit;color:var(--self-ink);cursor:pointer;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:11px 14px;font-size:13px;display:flex}.self-select-trigger:hover{background:var(--self-surface)}.self-select-trigger[data-state=open]{border-color:var(--self-focus);box-shadow:0 0 0 3px #8c807414}.self-select-trigger svg{fill:none;width:16px;height:16px;stroke:var(--self-muted);stroke-width:1.5px;transition:transform .15s}.self-select-trigger[data-state=open] svg{transform:rotate(180deg)}.self-select-popup{width:var(--radix-select-trigger-width);max-height:min(300px, var(--radix-select-content-available-height));box-sizing:border-box;border:1px solid var(--self-line);color:var(--self-ink);z-index:var(--self-z-dropdown);font:13px var(--font-body);background:#fff;border-radius:12px;padding:5px;animation:.12s ease-out self-select-enter;overflow:hidden;box-shadow:0 10px 30px #332c2214,0 2px 5px #332c2208}.self-select-option{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:7px;outline:none;justify-content:space-between;align-items:center;gap:8px;min-height:42px;padding:10px 9px;display:flex}.self-select-option[data-highlighted]{background:#f4f1ec}.self-select-option[data-state=checked]{color:#5c5147;font-weight:650}.self-select-scroll{text-align:center;height:20px;color:var(--self-muted)}@keyframes self-select-enter{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.self-select-popup{animation:none}}.service-quick-links a{justify-content:space-between;align-items:center;min-height:54px;display:flex}.service-quick-links a:hover{background:var(--self-surface)}.self-category-trigger{border:1px solid var(--self-line);min-height:44px;color:var(--self-ink);font:inherit;cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:12px;margin:0 0 16px;padding:9px 13px;display:inline-flex}.self-category-trigger>span{color:var(--self-muted);font-size:12px}.self-category-trigger strong{font-size:13px}.self-category-trigger svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:16px;height:16px}.self-sheet-overlay{z-index:var(--self-z-backdrop);background:#28251f55;animation:.18s ease-out self-sheet-fade;position:fixed;inset:0}.self-category-sheet{z-index:var(--self-z-sheet);box-sizing:border-box;width:min(100%,560px);max-height:85dvh;padding:24px 22px calc(24px + env(safe-area-inset-bottom));color:var(--self-ink);font-family:var(--font-body);background:#fff;border-radius:24px 24px 0 0;animation:.22s cubic-bezier(.2,.7,.3,1) self-sheet-up;position:fixed;bottom:0;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 -8px 40px #28251f12}.self-category-sheet header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.self-category-sheet h2{margin:0;font-size:21px}.self-category-sheet p{color:var(--self-muted);margin:8px 0 0;font-size:13px}.self-category-sheet header button{width:44px;height:44px;color:var(--self-ink);cursor:pointer;background:0 0;border:0;margin:-8px -8px 0 0;font-size:26px}.self-category-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.self-category-options button{min-height:48px;color:var(--self-ink);font:inherit;cursor:pointer;background:#fff;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:4px;padding:12px;font-size:13px;display:flex}.self-category-options button:hover,.self-category-options button[aria-pressed=true]{background:var(--self-surface)}.self-category-options button[aria-pressed=true]{font-weight:700}.self-category-sheet button:focus-visible{outline:2px solid var(--self-focus);outline-offset:1px}.self-category-sheet[data-state=closed]{animation:.16s ease-in self-sheet-down}.self-sheet-overlay[data-state=closed]{animation:.16s ease-in reverse self-sheet-fade}@keyframes self-sheet-up{0%{opacity:0;transform:translate(-50%,40px)}to{opacity:1;transform:translate(-50%)}}@keyframes self-sheet-down{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,40px)}}@keyframes self-sheet-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.self-category-sheet,.self-sheet-overlay{animation:none!important}}.service-screen-primary:active:not(:disabled){transform:scale(.98)}