/* 생성 파일 — tools/build-css.php 가 dalshim.css 에서 주석만 뺐다. 직접 고치지 말 것. 원본 sha1 b21096a1b413cdf0b9038b1f75ca5748a32cdc68 */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
html{scrollbar-gutter:stable}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:"Pretendard","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",system-ui,sans-serif;
  font-size:16px; line-height:1.6; letter-spacing:0; -webkit-font-smoothing:antialiased;
}
body::before{
  content:""; position:fixed; inset:0; pointer-events:none; z-index:0; opacity:var(--grain);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  mix-blend-mode:multiply;
}
.mono{font-family:var(--mono)}
a{color:inherit; text-decoration:none}
button{font-family:inherit}
body,h1,h2,h3,p,li,td,th,summary,span,a,label{word-break:keep-all;overflow-wrap:break-word}
.toptape{height:12px; background:repeating-linear-gradient(-45deg,var(--tape-a) 0 14px,var(--tape-b) 14px 28px); position:relative; z-index:60}
nav{position:sticky; top:0; z-index:50; background:var(--navbg); backdrop-filter:blur(8px); border-bottom:2.5px solid var(--ink)}
.nav-in{max-width:1120px; margin:0 auto; display:flex; align-items:center; gap:12px; padding:12px 18px}
.logo{font-weight:900; letter-spacing:-.05em; font-size:26px; line-height:1; flex:none}
.logo b{color:var(--action)}
.logo-h1{margin:0; font-size:inherit; font-weight:inherit; line-height:1; flex:none; display:flex}
.menu{display:flex; gap:2px; flex:1; margin-left:20px; overflow-x:auto; scrollbar-width:none}
.menu::-webkit-scrollbar{display:none}
.menu a{font-size:14px; font-weight:700; padding:7px 8px; border-radius:3px; white-space:nowrap; color:var(--muted); transition:color .15s, background .15s}
.menu a.on{color:var(--ink); background:var(--bg-2)}
.menu a:hover{color:var(--action)}
@media(min-width:721px){
  .nav-in{gap:8px}
  .menu a{padding:7px 4px}
}
@media(min-width:721px) and (max-width:1100px){
  .logo{font-size:22px}
  .menu a{font-size:12px; padding:7px 3px}
  .navsearch{flex:0 1 110px}
}
.btn{font-weight:800; font-size:13px; padding:8px 14px; border-radius:3px; cursor:pointer; border:2px solid var(--ink); background:transparent; color:var(--ink); transition:transform .15s, box-shadow .15s}
.btn.solid{background:var(--action-bg); border-color:var(--action-bg); color:var(--cream); box-shadow:2px 2px 0 var(--shadow)}
@media (hover:hover){
  .btn:hover{transform:translate(-1px,-1px); box-shadow:3px 3px 0 var(--shadow)}
}
.btn:active:not(:disabled){transform:translate(2px,2px); box-shadow:none; transition-duration:50ms}
.btn.ghost{border-color:var(--card-line); color:var(--muted)}
@media (hover:hover){
  .btn.ghost:hover{border-color:var(--action); color:var(--action)}
}
.nav-icon{display:none}
@media(max-width:720px){
  .nav-in{position:relative}
  .nav-icon{
    display:flex; align-items:center; justify-content:center;
    width:44px; height:44px; flex:none;
    padding:0; border:none; background:transparent; color:var(--ink); cursor:pointer;
    margin-left:auto;
  }
  .nav-icon + .nav-icon{margin-left:0}
  .nav-icon:hover{color:var(--action)}
  .nav-icon[aria-expanded="true"]{color:var(--action); background:var(--bg-2); border-radius:3px}
  .nav-menu-toggle .ico-close{display:none}
  .nav-menu-toggle[aria-expanded="true"] .ico-burger{display:none}
  .nav-menu-toggle[aria-expanded="true"] .ico-close{display:block}
  .nav-scrim{position:fixed; inset:0; z-index:40; background:rgba(0,0,0,.4); animation:dalshim-fade .2s ease-out}
  body:has(.nav-scrim:not([hidden])) nav{background:var(--bg)}
  .menu.is-open{
    display:flex; flex-direction:column; gap:0; overflow:visible;
    position:absolute; top:calc(100% + 10px); left:0; right:0; z-index:60;
    background:var(--card); border:2px solid var(--ink); border-radius:5px;
    box-shadow:5px 5px 0 var(--shadow);
    padding:6px;
    animation:dalshim-drop .2s ease-out;
  }
  .menu.is-open a{
    display:flex; align-items:center; min-height:48px;
    font-size:16px; padding:0 12px; border-radius:3px;
  }
  .menu.is-open a + a{border-top:1px dashed var(--line)}
  .menu.is-open a.on{background:var(--bg-2); color:var(--ink)}
  .menu.is-open .nav-auth{
    display:flex; gap:8px; margin-top:6px; padding-top:10px;
    border-top:2px solid var(--ink);
  }
  .menu.is-open .nav-auth .btn{flex:1; justify-content:center}
  .menu.is-open .nav-auth .btn[hidden]{display:none}
  .nav-in .navsearch{display:none}
  .nav-in .navsearch.is-open{
    display:flex; position:absolute; top:calc(100% + 10px); left:0; right:0; z-index:60;
    flex:none;
  }
}
@keyframes dalshim-drop{from{opacity:0; transform:translateY(-8px)} to{opacity:1; transform:none}}
@keyframes dalshim-fade{from{opacity:0} to{opacity:1}}
@media (prefers-reduced-motion:reduce){
  .menu.is-open{animation-name:dalshim-fade}
}
@media (max-width:720px){
  input:not([type]),
  input[type="text"], input[type="search"], input[type="url"], input[type="email"],
  input[type="tel"], input[type="number"], input[type="password"], input[type="date"],
  select, textarea{font-size:16px !important}
}
main{position:relative; z-index:1; max-width:1120px; margin:0 auto; padding:24px 18px 70px}
[hidden]{display:none!important}
.phead{display:flex; align-items:flex-end; justify-content:space-between; gap:16px; border-bottom:3px solid var(--ink); padding-bottom:14px; margin-bottom:18px; flex-wrap:wrap}
.phead .stencil{font-family:var(--mono); font-size:11px; font-weight:800; letter-spacing:2px; padding:3px 9px; border-radius:2px; color:var(--cream); display:inline-block; margin-bottom:8px}
.st-log{background:var(--petrol)} .st-beong{background:var(--amber); color:var(--on-amber-ink)}
.phead h1{margin:0; font-weight:900; letter-spacing:-.04em; font-size:32px}
.phead .sub{margin:4px 0 0; font-size:14px; color:var(--muted)}
.tabs{display:flex; gap:6px; margin-bottom:18px; flex-wrap:wrap}
.tabs button, .tabs a{
  font-family:var(--mono); font-size:12px; font-weight:800; letter-spacing:1px;
  padding:7px 13px; border:2px solid var(--line); border-radius:3px; background:var(--bg-2); color:var(--muted); cursor:pointer; transition:all .15s;
  display:inline-block; text-decoration:none; line-height:1.4;
}
.tabs button[aria-selected="true"], .tabs a[aria-selected="true"], .tabs button[aria-checked="true"]{background:var(--ink); border-color:var(--ink); color:var(--bg)}
.tabs button:hover, .tabs a:hover{border-color:var(--action)}
.tabs .cnt{color:var(--action)}
.tabs button[aria-selected="true"] .cnt, .tabs a[aria-selected="true"] .cnt{color:var(--on-ink-accent)}
.feed{display:flex; flex-direction:column; gap:16px}
.post{background:var(--card); border:2px solid var(--ink); border-radius:5px; box-shadow:5px 5px 0 var(--shadow); overflow:hidden}
.p-top{display:flex; align-items:center; gap:11px; padding:13px 14px}
.ava{
  width:30px; height:30px; flex:none; border-radius:50%;
  background:var(--warmgrey); color:var(--cream);
  display:flex; align-items:center; justify-content:center; overflow:hidden;
  font-family:var(--mono); font-weight:800; font-size:13px;
}
.ava svg{width:22px; height:22px; display:block; margin-bottom:-2px}
.cb{flex:1; min-width:0; overflow-wrap:break-word; word-break:break-word}
.ava[data-tone="0"]{background:var(--violet)}
.ava[data-tone="1"]{background:var(--petrol)}
.ava[data-tone="2"]{background:var(--amber)}
.ava[data-tone="3"]{background:var(--warmgrey)}
.p-who b{display:block; font-size:14px; font-weight:800}
.p-who span{font-family:var(--mono); font-size:13px; color:var(--muted)}
.p-more{margin-left:auto; color:var(--muted); font-weight:800; letter-spacing:1px; background:none; border:none; cursor:pointer; font-size:16px}
.p-body{padding:0 14px 12px; font-size:15px; line-height:1.62}
.p-body .tags{margin-top:8px; display:flex; gap:6px; flex-wrap:wrap}
.p-body .tags span{font-family:var(--mono); font-size:11px; font-weight:700; color:var(--petrol-ink); border:1.5px solid var(--card-line); padding:2px 7px; border-radius:2px}
.shots{display:grid; gap:3px; border-top:2px solid var(--ink); border-bottom:2px solid var(--ink)}
.shots.g3{grid-template-columns:2fr 1fr; grid-template-rows:1fr 1fr}
.shots.g3 .s:first-child{grid-row:span 2}
.shots.g2{grid-template-columns:1fr 1fr}
.shots.g1{grid-template-columns:1fr}
.s{aspect-ratio:4/3; background-image:linear-gradient(150deg,var(--warmgrey),var(--oil)); background-size:cover; background-position:center; background-repeat:no-repeat; position:relative}
.shots.g3 .s:first-child{aspect-ratio:auto; min-height:230px}
.shots.g1 .s{aspect-ratio:16/10}
.s:nth-child(2){background-image:linear-gradient(150deg,var(--petrol),var(--oil))}
.s:nth-child(3){background-image:linear-gradient(150deg,var(--violet),var(--oil))}
.s .cap{position:absolute; left:8px; bottom:8px; font-family:var(--mono); font-size:10px; font-weight:800; color:var(--kraft); background:rgba(15,12,9,.7); padding:2px 6px; border-radius:2px}
.snslink{margin:0 14px 12px; display:flex; gap:12px; align-items:center; border:2px solid var(--card-line); border-radius:4px; padding:10px; background:var(--bg-2)}
.snslink .th{width:96px; aspect-ratio:16/9; flex:none; border-radius:3px; background:linear-gradient(135deg,var(--violet),var(--oil)); display:flex; align-items:center; justify-content:center}
.snslink .th .play{width:28px; height:28px; border-radius:50%; background:rgba(192,138,46,.95); display:flex; align-items:center; justify-content:center}
.snslink .info b{display:block; font-size:14px; font-weight:800; line-height:1.35}
.snslink .info span{font-family:var(--mono); font-size:11px; color:var(--muted); display:block; margin-top:4px}
.snslink .src{margin-left:auto; font-family:var(--mono); font-size:10px; font-weight:800; letter-spacing:1px; color:var(--action); border:1.5px solid var(--action); padding:3px 6px; border-radius:2px; flex:none}
.p-act{display:flex; align-items:center; gap:6px; padding:9px 10px; border-top:1px solid var(--line)}
.act{display:flex; align-items:center; gap:6px; font-family:var(--mono); font-weight:800; font-size:13px; color:var(--muted); background:none; border:2px solid transparent; border-radius:3px; padding:6px 10px; cursor:pointer; transition:all .15s; min-height:40px}
.act svg{width:18px; height:18px}
.act:hover{color:var(--action); border-color:var(--card-line)}
.act.liked{color:var(--action)}
.p-act .time{margin-left:auto; font-family:var(--mono); font-size:13px; color:var(--muted); padding-right:6px}
.log-actions{display:flex; align-items:center; gap:8px; margin-top:8px}
.log-actions-row{display:flex; align-items:center; gap:8px}
.log-actions-confirm-text{font-size:13px; font-weight:700; color:var(--muted)}
.log-actions .btn{line-height:1.2}
.pager{display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:6px; margin-top:24px}
.pager a,.pager span{
  font-family:var(--mono); font-weight:800; font-size:13px; min-width:40px; min-height:40px;
  display:flex; align-items:center; justify-content:center; border:2px solid var(--card-line); border-radius:3px; color:var(--muted); transition:all .15s;
}
.pager a:hover{border-color:var(--action); color:var(--action)}
.pager .cur{background:var(--ink); border-color:var(--ink); color:var(--bg)}
.adminnote{display:flex; align-items:center; gap:9px; background:var(--bg-2); border:2px dashed var(--line); border-radius:4px; padding:10px 13px; font-size:13px; color:var(--muted); margin-bottom:18px}
.adminnote b{color:var(--ink)}
.beong{background:var(--card); border:2.5px solid var(--ink); border-radius:5px; box-shadow:7px 7px 0 var(--shadow); overflow:hidden; position:relative; margin-bottom:18px}
.beong.past{opacity:.86; box-shadow:5px 5px 0 var(--shadow)}
.b-tape{height:14px; background:repeating-linear-gradient(-45deg,var(--tape-a) 0 12px,var(--tape-b) 12px 24px)}
.beong.past .b-tape{background:repeating-linear-gradient(-45deg,var(--warmgrey) 0 12px,var(--oil) 12px 24px)}
.b-in{padding:20px 18px}
.stamp{
  position:absolute; top:34px; right:14px; transform:rotate(9deg);
  border:3px solid var(--action); color:var(--action); font-family:var(--mono);
  font-weight:800; font-size:14px; letter-spacing:2px; padding:5px 11px; border-radius:5px; opacity:.92;
}
.stamp.closed{border-color:var(--muted); color:var(--muted)}
.b-head{display:flex; gap:14px; align-items:flex-start; margin-bottom:14px}
.datebox{
  flex:none; text-align:center; border:2.5px solid var(--ink); border-radius:5px; background:var(--plate-bg); padding:8px 12px; min-width:78px;
}
.datebox .m{font-family:var(--mono); font-size:11px; font-weight:800; color:var(--action); letter-spacing:1px}
.datebox .d{font-family:var(--mono); font-size:28px; font-weight:800; line-height:1.05; color:var(--plate-ink)}
.datebox .w{font-family:var(--mono); font-size:10px; font-weight:700; color:var(--muted); letter-spacing:2px}
.b-title h2{margin:0 0 6px; font-weight:900; letter-spacing:-.03em; font-size:26px; max-width:22ch}
.b-meta{display:flex; flex-direction:column; gap:3px; font-family:var(--mono); font-size:12.5px; color:var(--muted)}
.b-meta i{font-style:normal; color:var(--action); font-weight:800; margin-right:5px}
.b-desc{font-size:14.5px; line-height:1.65; color:var(--ink); border-top:1px dashed var(--line); border-bottom:1px dashed var(--line); padding:14px 0; margin-bottom:16px}
.rsvp{display:grid; grid-template-columns:1fr auto; gap:16px; align-items:center; margin-bottom:16px}
.gauge .lab{display:flex; justify-content:space-between; font-family:var(--mono); font-size:12px; font-weight:800; margin-bottom:6px}
.gauge .lab .now{color:var(--action)}
.bar{height:12px; border-radius:6px; background:var(--bg-2); border:2px solid var(--ink); overflow:hidden}
.bar i{display:block; height:100%; width:80%; background:repeating-linear-gradient(-45deg,var(--amber) 0 8px,var(--amber-deep) 8px 16px)}
.rsvp .acts{display:flex; gap:8px; flex:none}
.rsvp .btn{min-height:44px; padding:10px 18px}
.members{border-top:1px dashed var(--line); padding-top:14px}
.m-lbl{font-family:var(--mono); font-size:11px; font-weight:800; letter-spacing:1.5px; color:var(--action); margin-bottom:10px}
.m-grid{display:flex; flex-wrap:wrap; gap:7px}
.m{font-family:var(--mono); font-size:11px; font-weight:800; border:2px solid var(--card-line); border-radius:3px; padding:5px 8px; color:var(--muted); background:var(--bg-2)}
.m.host{border-color:var(--action); color:var(--action)}
.m.rest{border-style:dashed}
.cmts{background:var(--card); border:2px solid var(--ink); border-radius:5px; box-shadow:5px 5px 0 var(--shadow); overflow:hidden}
.c-head{font-family:var(--mono); font-weight:800; font-size:12px; letter-spacing:1.5px; padding:10px 14px; background:var(--oil); color:var(--amber-ink)}
.c-list{padding:4px 14px}
.c{display:flex; gap:11px; padding:12px 0; border-bottom:1px dashed var(--line)}
.c:last-child{border-bottom:none}
.c .ava{padding:5px 7px; font-size:11px}
.c .cb b{font-size:13px; font-weight:800; margin-right:7px}
.c .cb time{font-family:var(--mono); font-size:13px; color:var(--muted)}
.c .cb p{margin:3px 0 0; font-size:15px; line-height:1.5}
.c-write{display:flex; flex-wrap:wrap; gap:8px; padding:12px 14px; border-top:2px solid var(--ink); background:var(--bg-2)}
.c-write input{
  flex:1 1 140px; min-width:0;
  font-family:inherit; font-size:16px; padding:11px 12px; border:2px solid var(--card-line); border-radius:3px;
  background:var(--surface); color:var(--ink); min-height:44px;
}
.c-write select{flex:none}
.c-write input::placeholder{color:var(--muted)}
.c-write input:focus{outline:3px solid var(--action); outline-offset:1px; border-color:var(--action)}
.c-write .btn{min-height:44px; flex:none}
footer{position:relative; z-index:1; border-top:3px solid var(--ink); background:var(--bg-2); margin-top:44px}
.foot-in{max-width:1120px; margin:0 auto; padding:24px 18px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; align-items:center}
.foot-in .fl{font-weight:900; font-size:22px; letter-spacing:-.04em}
.foot-in .fl b{color:var(--action)}
.foot-in .fm{font-family:var(--mono); font-size:11px; color:var(--muted)}
:focus-visible{outline:3px solid var(--action); outline-offset:2px}
@media(max-width:720px){
  .menu{display:none}
  .phead h1{font-size:26px}
  .rsvp{grid-template-columns:1fr}
  .rsvp .acts{width:100%}
  .rsvp .acts .btn{flex:1}
  .b-head{flex-direction:column}
  .stamp{top:26px; right:10px; font-size:12px}
  .b-title h2{font-size:22px}
  .shots.g3{grid-template-columns:1fr 1fr; grid-template-rows:auto}
  .shots.g3 .s:first-child{grid-row:auto; grid-column:span 2; min-height:180px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.avatar{
  width:34px; height:34px; flex:none; border-radius:50%;
  background:var(--warmgrey); color:var(--cream);
  display:flex; align-items:center; justify-content:center; overflow:hidden;
  font-family:var(--mono); font-weight:800; font-size:13px;
}
.avatar svg{width:25px; height:25px; display:block; margin-bottom:-2px}
.avatar[data-tone="0"]{background:var(--violet)}
.avatar[data-tone="1"]{background:var(--petrol)}
.avatar[data-tone="2"]{background:var(--amber)}
.avatar[data-tone="3"]{background:var(--warmgrey)}
.composer{background:var(--surface); border:2px solid var(--ink); border-radius:5px; overflow:hidden; width:100%}
.composer .ctop{display:flex; align-items:center; gap:10px; padding:11px 13px; border-bottom:2px solid var(--line)}
.composer textarea{width:100%; border:none; background:transparent; color:var(--ink); font-family:inherit; font-size:14px; padding:13px; min-height:80px; resize:vertical}
.composer textarea:focus{outline:none}
.ctool{display:flex; align-items:center; gap:8px; padding:9px 13px; border-top:1px solid var(--line)}
.ctool .ic{width:34px; height:34px; border-radius:4px; border:2px solid var(--card-line); display:flex; align-items:center; justify-content:center; color:var(--muted); cursor:pointer}
.ctool .ct-r{margin-left:auto; display:flex; gap:8px; align-items:center}
.ctool .cnt{font-family:var(--mono); font-size:11px; color:var(--muted)}
.cinput{display:flex; gap:8px; padding:11px 13px; border-top:2px solid var(--ink); background:var(--bg-2)}
.cinput input{flex:1; font-family:inherit; font-size:16px; padding:10px 12px; border:2px solid var(--card-line); border-radius:3px; background:var(--surface); color:var(--ink); min-height:42px}
.cinput input::placeholder{color:var(--muted)}
.cinput input:focus{outline:3px solid var(--action); outline-offset:1px; border-color:var(--action)}
.cshots{display:flex; flex-wrap:wrap; gap:8px; padding:11px 13px; border-top:2px solid var(--ink); background:var(--bg-2)}
.cshots .cs{position:relative; width:76px; height:76px; flex:none; border-radius:4px; border:2px solid var(--card-line); background-size:cover; background-position:center}
.cshots .cs button{
  position:absolute; top:-7px; right:-7px; width:22px; height:22px; border-radius:50%;
  border:2px solid var(--ink); background:var(--action-bg); color:var(--cream); font-weight:800; font-size:13px; line-height:1;
  cursor:pointer; display:flex; align-items:center; justify-content:center; padding:0;
}
.cshots .cs .cs-cover{
  position:absolute; top:auto; right:auto; left:0; bottom:0; width:100%; height:auto; border-radius:0 0 2px 2px;
  border:none; padding:3px 0; font-size:11px; font-weight:800; line-height:1.2;
  background:rgba(20,19,26,.62); color:var(--cream);
}
.cshots .cs.is-cover{border-color:var(--action)}
.cshots .cs.is-cover .cs-cover{background:var(--action-bg); color:var(--cream); cursor:default}
.empty,.errbox,.perm{text-align:center; padding:34px 18px; border:2px dashed var(--line); border-radius:5px; background:var(--card); width:100%}
.empty .ico,.errbox .ico,.perm .ico{width:48px; height:48px; margin:0 auto 12px; display:flex; align-items:center; justify-content:center; border:2.5px solid var(--muted); border-radius:50%; color:var(--muted)}
.errbox .ico{border-color:var(--rust); color:var(--rust)}
.empty h4,.errbox h4,.perm h4{margin:0 0 5px; font-weight:900; font-size:16px}
.empty p,.errbox p,.perm p{margin:0 0 14px; font-size:13px; color:var(--muted)}
.write-err{margin:0 0 14px; font-size:13.5px; font-weight:700; color:var(--action)}
.noti{display:flex; gap:10px; align-items:center; padding:11px 12px; border:2px solid var(--card-line); border-radius:4px; background:var(--surface); width:100%}
.noti.unread{border-left:6px solid var(--action)}
.noti .ni{width:34px; height:34px; border-radius:4px; flex:none; display:flex; align-items:center; justify-content:center; background:var(--bg-2); color:var(--action)}
.noti .nt{flex:1; font-size:13px} .noti .nt b{font-weight:800} .noti time{font-family:var(--mono); font-size:10px; color:var(--muted)}
.noti-wrap{position:relative; display:flex; align-items:center; flex:none}
.noti-bell{position:relative; display:flex; align-items:center; justify-content:center; width:38px; height:38px; padding:0; border-radius:3px; border:2px solid var(--card-line); background:transparent; color:var(--ink); cursor:pointer; transition:border-color .15s, color .15s}
.noti-bell:hover{border-color:var(--action); color:var(--action)}
.noti-bell svg{width:20px; height:20px}
.noti-badge{position:absolute; top:-6px; right:-6px; min-width:16px; height:16px; padding:0 4px; border-radius:8px; background:var(--action-bg); color:var(--cream); font-family:var(--mono); font-weight:800; font-size:10px; line-height:16px; text-align:center}
.noti-dropdown{position:absolute; top:calc(100% + 8px); right:0; width:320px; max-width:calc(100vw - 32px); background:var(--card); border:2px solid var(--ink); border-radius:5px; box-shadow:5px 5px 0 var(--shadow); overflow:hidden; z-index:70}
.noti-dd-head{display:flex; align-items:center; justify-content:space-between; padding:10px 13px; border-bottom:2px solid var(--line); font-weight:800; font-size:13px}
.noti-dd-act{display:flex; align-items:center; gap:6px}
.noti-read-all{font-family:var(--mono); font-size:11px; font-weight:700; color:var(--muted); background:none; border:none; cursor:pointer; padding:4px 6px}
.noti-read-all:hover{color:var(--action)}
.noti-list{max-height:360px; overflow-y:auto; padding:8px; display:flex; flex-direction:column; gap:8px}
.noti-list .noti.is-clickable{cursor:pointer}
.noti-empty{margin:0; padding:26px 13px; text-align:center; color:var(--muted); font-size:13px}
.hero{display:grid; grid-template-columns:1fr; gap:22px; margin-bottom:28px}
.today{background:var(--card); border:1px solid var(--card-line); border-radius:8px; padding:22px 22px 20px}
.today .cap{font-family:var(--mono); font-size:11px; font-weight:800; letter-spacing:2px; color:var(--action)}
.today .greet{font-size:22px; font-weight:800; letter-spacing:-.02em; margin:10px 0 18px}
.today .greet b{color:var(--action)}
.ico{display:inline-block; vertical-align:-.125em; flex:none}
.today .greet .ico-wrench{color:var(--tape-a)}
#screen-checkin .streak .fire .ico{color:var(--tape-a)}
.stat-row{display:flex; border-top:1px dashed var(--line); padding-top:16px}
.stat{flex:1; text-align:center}
.stat + .stat{border-left:1px dashed var(--line)}
.stat .n{font-family:var(--mono); font-size:24px; font-weight:900; color:var(--ink); line-height:1.1}
.stat .k{font-size:13px; color:var(--muted); margin-top:4px}
.cols{display:grid; grid-template-columns:1fr 340px; gap:22px; align-items:start}
.cols section + section{margin-top:24px}
.sec-head{display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:14px; padding-bottom:0}
.sec-head h2{margin:0; font-size:19px; font-weight:900; letter-spacing:-.02em; display:flex; align-items:center}
.sec-head .stencil{font-family:var(--mono); font-size:11px; font-weight:800; letter-spacing:2px; padding:3px 9px; border-radius:2px; color:var(--cream); display:inline-block; margin-right:8px}
.st-spot{background:var(--action-bg)}
.sec-head .more{font-family:var(--mono); font-size:13px; font-weight:700; color:var(--muted); flex:none}
.sec-head .btn{flex:none}
.sec-head .more:hover{color:var(--action)}
.sec-title{min-width:0}
.sec-sub{margin:2px 0 0; font-size:13px; color:var(--muted)}
.sec-title ~ .more{align-self:flex-start; margin-top:4px}
.board{display:flex; flex-direction:column}
#screen-home .board,
#screen-log .board,
#screen-notice .board{background:var(--card); border:2.5px solid var(--ink); border-radius:5px; box-shadow:6px 6px 0 var(--shadow); padding:6px 14px}
.board .row{display:flex; align-items:center; gap:10px; padding:11px 4px; border-bottom:1px dashed var(--line); transition:background .15s}
.board .row:last-child{border-bottom:none}
.board .row:hover{background:var(--bg-2)}
#screen-log .board .row.notice{background:var(--notice-row)}
#screen-log .board .row.notice:hover{background:var(--notice-row-hover)}
#screen-log .board .row.notice .ttl{font-weight:900; color:var(--action)}
#screen-log .cols > div{min-width:0}
#screen-log .board-head{
  display:flex; align-items:center; gap:10px; padding:9px 4px;
  border-bottom:2px solid var(--ink);
  font-family:var(--mono); font-size:11px; font-weight:800;
  letter-spacing:.5px; color:var(--muted);
}
#screen-log .board .row .cat,
#screen-log .board-head .bh-cat{width:34px; flex:none; padding-left:0; padding-right:0; text-align:center}
#screen-log .board-head .bh-ttl{flex:1; min-width:0}
#screen-log .board .row .cmt,
#screen-log .board-head .bh-cmt{width:44px; flex:none; text-align:center}
#screen-log .board .row .meta,
#screen-log .board-head .bh-meta{width:250px; flex:none; display:flex; align-items:center; gap:8px}
#screen-log .board .row .meta .au,
#screen-log .board-head .bh-au{width:104px; flex:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  font-family:"Pretendard","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",system-ui,sans-serif;
  font-size:12px; letter-spacing:0}
#screen-log .board .row .meta .dt,
#screen-log .board-head .bh-dt{width:82px; flex:none; text-align:left}
#screen-log .board .row .meta .vw,
#screen-log .board-head .bh-vw{width:48px; flex:none; text-align:right}
@media(max-width:560px){
  #screen-log .board-head{gap:8px; font-size:10px; letter-spacing:0}
  #screen-log .board .row{gap:8px}
  #screen-log .board .row .cat,
  #screen-log .board-head .bh-cat{width:30px}
  #screen-log .board .row .cmt,
  #screen-log .board-head .bh-cmt{width:36px}
  #screen-log .board .row .meta,
  #screen-log .board-head .bh-meta{width:68px; gap:0}
  #screen-log .board .row .meta .dt,
  #screen-log .board-head .bh-dt{width:68px; font-size:10px}
  #screen-log .board .row .meta .au,
  #screen-log .board .row .meta .vw,
  #screen-log .board-head .bh-au,
  #screen-log .board-head .bh-vw{display:none}
}
.rank{font-family:var(--mono); font-weight:900; font-size:14px; color:var(--action); width:16px; flex:none; text-align:center}
.cat{font-family:var(--mono); font-size:12px; font-weight:800; letter-spacing:.5px; padding:2px 6px; border-radius:2px; color:var(--cream); flex:none}
.cat.log{background:var(--petrol)}
.cat.notice{background:var(--action-bg)}
.ttl{flex:1; min-width:0; font-size:15px; font-weight:700; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.row .cmt{font-family:var(--mono); font-size:13px; color:var(--muted); flex:none}
.meta{display:flex; align-items:center; gap:8px; font-family:var(--mono); font-size:13px; color:var(--muted); flex:none}
.meta .au{color:var(--ink); font-weight:700}
aside{display:flex; flex-direction:column; gap:20px}
.panel{background:var(--card); border:2px solid var(--ink); border-radius:5px; box-shadow:5px 5px 0 var(--shadow); overflow:hidden}
.p-head{font-weight:800; font-size:14px; padding:12px 14px; border-bottom:1px solid var(--card-line); background:var(--card-plain)}
.panel .p-body{padding:14px}
.mybeong{display:flex; gap:11px; align-items:center}
.mybeong .plate{font-family:var(--mono); font-weight:800; font-size:13px; letter-spacing:1px; border:2px solid var(--ink); border-radius:4px; padding:8px 9px; background:var(--plate-bg); color:var(--plate-ink); flex:none}
.mybeong .info b{display:block; font-size:14px; font-weight:800}
.mybeong .info span{font-size:12px; color:var(--muted)}
.mybeong .dday{margin-left:auto; font-family:var(--mono); font-weight:800; color:var(--action); flex:none}
.beong-card{padding:14px; position:relative}
.beong-card .stamp{position:static; display:inline-block; transform:none; font-size:11px; padding:3px 9px; margin-bottom:10px}
.beong-card h4{margin:0 0 8px; font-size:17px; font-weight:900; letter-spacing:-.02em; line-height:1.35}
.beong-card .when{font-size:12px; color:var(--muted); margin-bottom:12px}
.joinbar{display:flex; align-items:center; gap:10px; margin-bottom:14px}
.joinbar .bar{flex:1; height:8px}
.joinbar .cnt{font-family:var(--mono); font-weight:800; font-size:12px; color:var(--muted); flex:none}
.btn.full{display:block; width:100%; text-align:center}
@media(max-width:900px){
  .cols{grid-template-columns:1fr}
}
.ghead{background:var(--oil); color:var(--kraft); border-radius:0 0 6px 6px; padding:22px 20px; box-shadow:0 6px 0 var(--action); position:relative; overflow:hidden}
.ghead .row{display:flex; gap:16px; align-items:center; flex-wrap:wrap}
.bigplate{font-family:var(--mono); font-weight:800; font-size:22px; letter-spacing:3px; border:3px solid var(--amber-ink); border-radius:8px; padding:10px 16px; background:var(--plate-deep); color:var(--amber-ink); flex:none}
.ghead .who b{font-size:22px; font-weight:900; letter-spacing:-.03em; display:block}
.ghead .who span{font-family:var(--mono); font-size:12px; color:var(--oil-muted)}
.ghead .manage{margin-left:auto; display:flex; gap:8px}
.btn.lite{border-color:var(--oil-edge); color:var(--amber-ink); background:transparent}
.btn.sm{font-size:12px; padding:6px 11px; min-height:34px}
.cartabs{display:flex; gap:8px; margin:18px 0 20px; flex-wrap:wrap}
.cartab{display:flex; align-items:center; gap:8px; border:2px solid var(--card-line); border-radius:5px; padding:8px 12px; background:var(--card); cursor:pointer; box-shadow:2px 2px 0 var(--shadow); text-decoration:none; color:inherit}
.cartab[aria-selected="true"]{border-color:var(--ink); box-shadow:3px 3px 0 var(--action)}
.cartab .th{width:34px; height:26px; border-radius:3px; background-image:linear-gradient(135deg,var(--petrol),var(--oil)); background-size:cover; background-position:center; background-repeat:no-repeat; flex:none; border:1.5px solid var(--ink)}
.cartab b{font-size:13px; font-weight:800}
.cartab.add{border-style:dashed; color:var(--muted); font-weight:800; font-size:13px}
.st-car{background:var(--petrol)}
.profile{display:grid; grid-template-columns:1.4fr 1fr; gap:16px}
.cover{aspect-ratio:16/10; border:2.5px solid var(--ink); border-radius:5px; background-image:linear-gradient(150deg,var(--petrol),var(--oil)); background-size:cover; background-position:center; background-repeat:no-repeat; box-shadow:4px 4px 0 var(--shadow); position:relative}
.cover .heart{position:absolute; bottom:10px; right:10px; display:flex; align-items:center; gap:6px; font-family:var(--mono); font-weight:800; font-size:12px; background:rgba(15,12,9,.75); color:var(--amber-ink); padding:5px 9px; border-radius:3px}
.spec{background:var(--card); border:2px solid var(--ink); border-radius:5px; padding:15px; box-shadow:4px 4px 0 var(--shadow)}
.spec .nm{font-weight:900; font-size:18px; letter-spacing:-.02em; margin:0 0 8px}
.spec .r{display:flex; justify-content:space-between; font-size:13px; padding:5px 0; border-bottom:1px dashed var(--line)}
.spec .r span:first-child{font-family:var(--mono); font-size:11px; color:var(--muted)}
.spec .r span:last-child{font-weight:700}
.spec .intro{margin:10px 0 0; font-size:13.5px; color:var(--ink); font-style:italic}
.spec .tags{margin-top:10px; display:flex; gap:6px; flex-wrap:wrap}
.spec .tags span{font-family:var(--mono); font-size:11px; font-weight:700; color:var(--petrol-ink); border:1.5px solid var(--card-line); padding:2px 7px; border-radius:2px}
.st-album{background:var(--warmgrey); color:var(--oil)}
.album{display:grid; grid-template-columns:repeat(5,1fr); gap:7px}
.album .ph{aspect-ratio:1; border-radius:4px; border:2px solid var(--ink); background-image:linear-gradient(160deg,var(--warmgrey),var(--oil)); background-size:cover; background-position:center; background-repeat:no-repeat; box-shadow:2px 2px 0 var(--shadow)}
.album .cap{grid-column:1/-1; font-family:var(--mono); font-size:11px; color:var(--muted); margin-top:2px}
.recs{display:flex; flex-direction:column; gap:8px}
.rec{display:flex; align-items:center; gap:11px; border:2px solid var(--card-line); border-radius:4px; padding:11px 13px; background:var(--card)}
.rec.private{border-left:6px solid var(--priv); background:repeating-linear-gradient(-45deg,var(--card) 0 10px,var(--bg-2) 10px 20px)}
.rec .rtype{font-family:var(--mono); font-size:10px; font-weight:800; letter-spacing:.5px; padding:3px 7px; border-radius:2px; background:var(--oil); color:var(--amber-ink); flex:none; width:52px; text-align:center}
.rec .rbody{flex:1}
.rec .rbody b{font-size:14px; font-weight:800; display:block}
.rec .rbody span{font-family:var(--mono); font-size:11px; color:var(--muted)}
@media(max-width:560px){
  .rec .rbody span{font-size:13px; line-height:1.5}
  .rec{flex-wrap:wrap; align-items:flex-start}
  .rec .rbody{flex:1 1 100%; order:2}
  .rec .rtype{order:1}
  .rec .lock,
  .rec .rcost{order:1}
  .rec .rec-del{order:1; margin-left:auto}
  .rec .rbody .album{grid-template-columns:repeat(auto-fill,minmax(96px,1fr))}
}
.rec .lock{font-family:var(--mono); font-size:10px; font-weight:800; color:var(--priv); border:1.5px solid var(--priv); padding:2px 6px; border-radius:2px; flex:none; display:flex; align-items:center; gap:4px}
.rec .rcost{font-family:var(--mono); font-weight:800; font-size:13px; color:var(--action); flex:none}
.rec .rbody .album{margin-top:8px}
.hiddennote{font-family:var(--mono); font-size:11.5px; color:var(--muted); padding:11px 13px; border:2px dashed var(--line); border-radius:4px; text-align:center}
.st-talk{background:var(--violet)}
#comments .cmt{display:flex; gap:10px; padding:10px 14px; border-bottom:1px dashed var(--line)}
#comments .cmt:last-child{border-bottom:none}
#comments > .sub{padding:0 14px}
#comments .cmt .cb b{font-size:13px; margin-right:6px}
#comments .cmt .cb time{font-family:var(--mono); font-size:13px; color:var(--muted)}
#comments .cmt .cb p{margin:2px 0 0; font-size:14px}
@media(max-width:640px){
  .profile{grid-template-columns:1fr}
  .album{grid-template-columns:repeat(3,1fr)}
}
.album .ph{position:relative}
.ph-zoom{position:absolute; inset:0; display:block}
.ph-del{position:absolute; top:6px; right:6px; display:flex; align-items:center; gap:5px; z-index:1}
.ph-del button{
  width:22px; height:22px; border-radius:50%; border:2px solid var(--ink); background-color:var(--action);
  color:var(--cream); font-weight:800; font-size:13px; line-height:1; cursor:pointer; padding:0;
  display:flex; align-items:center; justify-content:center;
}
.ph-del-confirm{display:flex; gap:4px}
.ph-del-confirm button{
  width:auto; height:auto; border-radius:3px; font-family:var(--mono); font-size:10px;
  font-weight:800; padding:4px 7px;
}
.ph-del-confirm button:last-child{background-color:var(--card); color:var(--ink); border-color:var(--card-line)}
.rec-del{display:flex; align-items:center; gap:5px; flex:none}
.rec-del button{
  font-family:var(--mono); font-weight:800; cursor:pointer; border-radius:3px;
  border:2px solid var(--card-line); background-color:var(--card); color:var(--muted);
}
.rec-del > button{width:22px; height:22px; font-size:12px; padding:0; display:flex; align-items:center; justify-content:center}
.rec-del-confirm{display:flex; gap:4px}
.rec-del-confirm button{font-size:11px; padding:4px 8px}
.rec-del-confirm button:first-child{background-color:var(--action); border-color:var(--action); color:var(--cream)}
#screen-partner-detail .phead{
  display:block; background:var(--oil); color:var(--kraft); padding:0; border-radius:0 0 6px 6px;
  box-shadow:0 6px 0 var(--action); overflow:hidden; margin-bottom:18px;
  border-bottom:none; padding-bottom:0;
}
#screen-partner-detail .cover{
  aspect-ratio:21/7; background-image:linear-gradient(135deg,var(--petrol),var(--oil));
  background-size:cover; background-position:center; background-repeat:no-repeat;
  position:relative; display:flex; align-items:flex-end; padding:16px;
  border:none; border-radius:0; box-shadow:none;
}
#screen-partner-detail .cover .pick{position:absolute; top:12px; right:12px; font-family:var(--mono); font-weight:800; font-size:10px; letter-spacing:1px; background:var(--amber); color:var(--on-amber-ink); padding:4px 9px; border-radius:2px}
#screen-partner-detail .cover .cat{font-family:var(--mono); font-weight:800; font-size:11px; letter-spacing:1px; background:var(--violet); color:var(--cream); padding:4px 10px; border-radius:2px}
#screen-partner-detail .pinfo{padding:16px 18px; display:flex; gap:14px; align-items:center; flex-wrap:wrap}
#screen-partner-detail .pinfo .nm{font-size:24px; font-weight:900; letter-spacing:-.03em}
#screen-partner-detail .pinfo .stars{font-family:var(--mono); font-size:12px; color:var(--amber-ink)}
#screen-partner-detail .pinfo .cta{margin-left:auto; display:flex; gap:8px}
#screen-partner-detail .pinfo .cta .btn.ghost{color:var(--kraft); border-color:var(--kraft)}
#screen-partner-detail .pinfo .cta .btn.ghost:hover{background:var(--kraft); border-color:var(--kraft); color:var(--oil)}
#screen-partner-detail section{margin-bottom:24px}
#screen-partner-detail .about{background:var(--card); border:2px solid var(--ink); border-radius:5px; padding:15px; box-shadow:4px 4px 0 var(--shadow)}
#screen-partner-detail .about p{margin:0 0 12px; font-size:14px}
#screen-partner-detail .biz .r{display:flex; gap:8px; font-size:13px; padding:6px 0; border-bottom:1px dashed var(--line)}
#screen-partner-detail .biz .r:last-child{border-bottom:none}
#screen-partner-detail .biz .r .k{font-family:var(--mono); font-size:11px; color:var(--muted); width:56px; flex:none}
#screen-partner-detail .biz .r .v{font-weight:600}
#screen-partner-detail .biz .r .v.is-empty{font-weight:400; color:var(--muted)}
#screen-partner-detail .naver{display:flex; align-items:center; justify-content:center; gap:8px; margin-top:12px; background:#03C75A; color:#fff; font-weight:800; font-size:13px; padding:11px; border-radius:4px}
#screen-partner-detail .album{display:grid; grid-template-columns:repeat(4,1fr); gap:7px}
#screen-partner-detail .album .ph{aspect-ratio:1; border-radius:4px; border:2px solid var(--ink); background-image:linear-gradient(160deg,var(--warmgrey),var(--oil)); background-size:cover; background-position:center; background-repeat:no-repeat; box-shadow:2px 2px 0 var(--shadow)}
#screen-partner-detail .album .ph:nth-child(3n){background-image:linear-gradient(160deg,var(--petrol),var(--oil))}
#screen-partner-detail .album .ph:nth-child(2n){background-image:linear-gradient(160deg,var(--violet),var(--oil))}
#screen-partner-detail .album a.ph{display:block}
#screen-partner-detail .album a.ph:focus-visible{outline:3px solid var(--action); outline-offset:2px}
#screen-partner-detail .news{display:flex; flex-direction:column; gap:8px}
#screen-partner-detail .nrow{display:flex; gap:11px; align-items:center; border:2px solid var(--card-line); border-radius:4px; padding:10px 13px; background:var(--card)}
#screen-partner-detail .nrow .tag{font-family:var(--mono); font-size:9px; font-weight:800; padding:3px 7px; border-radius:2px; background:var(--amber); color:var(--on-amber-ink); flex:none}
#screen-partner-detail .nrow b{font-size:14px; font-weight:700; flex:1}
#screen-partner-detail .nrow time{font-family:var(--mono); font-size:11px; color:var(--muted)}
#screen-partner-detail .news-text{border:2px solid var(--card-line); border-radius:4px; padding:12px 14px; background:var(--card); font-size:14px; line-height:1.7}
#screen-partner-detail .news-text p{margin:0}
#screen-partner-detail .news-text p + p{margin-top:10px}
.st-partner{background:var(--petrol)}
#screen-partner-detail .rev{display:flex; gap:10px; padding:11px 0; border-bottom:1px dashed var(--line)}
#screen-partner-detail .rev .rb b{font-size:13px; margin-right:6px}
#screen-partner-detail .rev .rb .st{color:var(--action); font-size:12px}
#screen-partner-detail .rev .rb p{margin:3px 0 0; font-size:14px}
@media(max-width:640px){
  #screen-partner-detail .album{grid-template-columns:repeat(3,1fr)}
}
#dalshim-banner-slot{min-height:104px}
#dalshim-banner-slot .banner{
  border:2.5px solid var(--amber); border-radius:5px; overflow:hidden;
  background-image:linear-gradient(120deg,var(--violet),var(--oil)); background-size:cover; background-position:center; background-repeat:no-repeat;
  display:flex; align-items:center; gap:14px; padding:30px 18px 14px; position:relative;
}
#dalshim-banner-slot .banner .btag{position:absolute; top:6px; left:8px; font-family:var(--mono); font-size:8px; font-weight:800; letter-spacing:1px; background-color:rgba(15,12,9,.6); color:var(--amber-ink); padding:2px 6px; border-radius:2px}
#dalshim-banner-slot .banner .btx b{display:block; font-size:18px; font-weight:900; color:var(--cream); letter-spacing:-.02em}
#dalshim-banner-slot .banner .btx span{font-size:13px; color:rgba(232,222,200,.8)}
#dalshim-banner-slot .banner .bgo{margin-left:auto; font-weight:800; font-size:13px; color:var(--amber-ink); border:2px solid var(--amber-ink); padding:8px 14px; border-radius:3px; flex:none}
.gform{background-color:var(--card); border:2px solid var(--card-line); border-radius:5px; box-shadow:4px 4px 0 var(--shadow); padding:15px; margin-bottom:14px; display:flex; flex-direction:column; gap:12px}
.gform label{display:flex; flex-direction:column; gap:5px; font-size:12px; font-weight:700; color:var(--muted)}
.gform input,.gform select{
  font-family:inherit; font-size:14px; padding:10px 11px; border:2px solid var(--card-line); border-radius:3px;
  background-color:var(--surface); color:var(--ink); min-height:42px;
}
.gform input::placeholder{color:var(--muted)}
.gform input:focus,.gform select:focus{outline:3px solid var(--action); outline-offset:1px; border-color:var(--action)}
.gform .f-grid{display:grid; grid-template-columns:1fr 1fr; gap:12px}
.gform label.gform-check{flex-direction:row; align-items:center; gap:8px; font-size:13px; color:var(--ink)}
.gform label.gform-check input{min-height:auto; width:16px; height:16px; padding:0; flex:none}
.gform-err{margin:0; font-size:13.5px; font-weight:700; color:var(--action)}
.gform-actions{display:flex; gap:8px; justify-content:flex-end}
@media(max-width:640px){
  .gform .f-grid{grid-template-columns:1fr}
}
#screen-checkin h1{margin:0 0 4px; font-weight:900; letter-spacing:-.04em; font-size:30px}
#screen-checkin .lede{margin:0 0 22px; color:var(--muted); font-size:14px}
#screen-checkin .streak{background:var(--oil); color:var(--kraft); border-radius:6px; padding:22px 20px; box-shadow:7px 7px 0 var(--action); text-align:center; margin-bottom:18px}
#screen-checkin .streak .fire{font-size:44px; line-height:1}
#screen-checkin .streak .n{font-family:var(--mono); font-weight:800; font-size:52px; color:var(--amber-ink); line-height:1; letter-spacing:-2px}
#screen-checkin .streak .lbl{font-family:var(--mono); font-size:12px; letter-spacing:2px; color:var(--oil-muted); margin-top:4px}
#screen-checkin .streak .btn{margin-top:16px}
#screen-checkin .btn{
  font-weight:800; font-size:14px; padding:12px 20px; border-radius:3px; cursor:pointer;
  border:2px solid var(--action-bg); background:var(--action-bg); color:var(--cream); box-shadow:2px 2px 0 var(--shadow);
  min-height:46px; display:inline-flex; align-items:center; gap:8px;
}
#screen-checkin .btn.done{background:transparent; border-color:var(--oil-edge); color:var(--ok); box-shadow:none; cursor:default}
#screen-checkin .progress{background:var(--card); border:2.5px solid var(--ink); border-radius:6px; padding:18px; box-shadow:5px 5px 0 var(--shadow); margin-bottom:18px}
#screen-checkin .progress .top{display:flex; justify-content:space-between; align-items:baseline; margin-bottom:10px}
#screen-checkin .progress .top b{font-weight:900; font-size:16px}
#screen-checkin .progress .top .cnt{font-family:var(--mono); font-weight:800; color:var(--action)}
#screen-checkin .pbar{height:16px; border-radius:8px; background:var(--bg-2); border:2px solid var(--ink); overflow:hidden; position:relative}
#screen-checkin .pbar i{display:block; height:100%; width:0; background-image:repeating-linear-gradient(-45deg,var(--amber) 0 10px,var(--amber-deep) 10px 20px)}
#screen-checkin .pmsg{margin-top:10px; font-size:13px; color:var(--muted)}
#screen-checkin .pmsg b{color:var(--action)}
#screen-checkin .cal{background:var(--card); border:2px solid var(--ink); border-radius:6px; padding:16px; box-shadow:4px 4px 0 var(--shadow); margin-bottom:18px}
#screen-checkin .cal .ch{display:flex; justify-content:space-between; align-items:center; margin-bottom:12px}
#screen-checkin .cal .ch b{font-weight:900; font-size:15px}
#screen-checkin .cal .ch span{font-family:var(--mono); font-size:11px; color:var(--muted)}
#screen-checkin .cal .grid{display:grid; grid-template-columns:repeat(7,1fr); gap:5px}
#screen-checkin .cal .dow{font-family:var(--mono); font-size:10px; color:var(--muted); text-align:center; padding-bottom:3px}
#screen-checkin .day{aspect-ratio:1; border-radius:4px; border:2px solid var(--card-line); display:flex; align-items:center; justify-content:center; font-family:var(--mono); font-size:12px; font-weight:700; color:var(--muted); position:relative}
#screen-checkin .day.stamp{border-color:var(--action); background:var(--surface); color:var(--ink); top:auto; right:auto; transform:none; letter-spacing:normal; padding:0; opacity:1}
#screen-checkin .day.stamp::after{content:""; position:absolute; inset:3px; border:2px solid var(--action); border-radius:50%; opacity:.55}
#screen-checkin .day.today{border-color:var(--amber); border-width:3px; color:var(--ink); font-weight:900; padding:0; background:none; box-shadow:none}
#screen-checkin .day.empty{border:none; padding:0; width:auto; background:none; box-shadow:none}
#screen-checkin .coupons{margin-bottom:18px}
#screen-checkin .coupons .sec-h{margin-bottom:10px}
#screen-checkin .coupons .sec-h b{font-weight:900; font-size:15px}
#screen-checkin .coupon{display:flex; align-items:stretch; border:2.5px dashed var(--action); border-radius:6px; overflow:hidden; background-color:var(--surface); box-shadow:4px 4px 0 var(--shadow); margin-bottom:10px}
#screen-checkin .coupon .amt{background-color:var(--action); color:var(--cream); display:flex; flex-direction:column; align-items:center; justify-content:center; padding:0 18px; flex:none}
#screen-checkin .coupon .amt b{font-family:var(--mono); font-weight:800; font-size:26px; line-height:1}
#screen-checkin .coupon .amt span{font-size:10px}
#screen-checkin .coupon .cinfo{padding:12px 14px; flex:1}
#screen-checkin .coupon .cinfo b{font-size:15px; font-weight:800; display:block}
#screen-checkin .coupon .cinfo .code{font-family:var(--mono); font-size:17px; font-weight:800; letter-spacing:.02em; color:var(--action); margin-top:4px; display:block; user-select:all; word-break:break-all}
#screen-checkin .coupon .cinfo .exp{font-family:var(--mono); font-size:11px; color:var(--muted); margin-top:2px}
.phead .stencil.st-beong, .sec-head .stencil.st-beong{color:var(--on-amber-ink)}
.partner-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:8px}
.partner-card{display:flex; flex-direction:column}
.pc-link{color:inherit; text-decoration:none; display:flex; flex-direction:column; flex:1}
.pc-thumb{
  aspect-ratio:16/10; background-image:linear-gradient(150deg,var(--warmgrey),var(--oil));
  background-size:cover; background-position:center; background-repeat:no-repeat; position:relative;
}
.pc-thumb .pick{position:absolute; top:10px; right:10px; font-family:var(--mono); font-weight:800; font-size:10px; letter-spacing:1px; background:var(--amber); color:var(--on-amber-ink); padding:4px 9px; border-radius:2px}
.pc-body{padding:13px 14px; display:flex; flex-direction:column; gap:5px; flex:1}
.cat.partner{display:inline-block; background:transparent; color:var(--amber); border:none; padding:0; align-self:flex-start}
.pc-name{margin:2px 0 0; font-size:16px; font-weight:900; letter-spacing:-.02em}
.pc-addr{margin:0; font-size:12.5px; color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.pc-rating{margin:auto 0 0; font-family:var(--mono); font-size:12px; color:var(--muted)}
.pc-edit{margin:0 14px 13px; align-self:flex-start}
@media(max-width:900px){ .partner-grid{grid-template-columns:repeat(2,1fr)} }
@media(max-width:560px){ .partner-grid{grid-template-columns:1fr} }
.gform textarea{
  font-family:inherit; font-size:14px; padding:10px 11px; border:2px solid var(--card-line); border-radius:3px;
  background-color:var(--surface); color:var(--ink); resize:vertical; min-height:80px;
}
.gform textarea::placeholder{color:var(--muted)}
.gform textarea:focus{outline:3px solid var(--action); outline-offset:1px; border-color:var(--action)}
#screen-write .phead,
#screen-note-write .phead,
#screen-notice-write .phead,
#screen-video-write .phead,
#screen-photo-write .phead,
#screen-beong-write .phead,
#screen-garage-write .phead{border-bottom:none}
.composer .cinput{border-top:none; background:transparent; padding:15px 13px}
.composer .cinput input{
  border:none; border-radius:0; background:transparent; padding-left:0; padding-right:0;
  border-bottom:1px solid var(--line);
}
.composer .cinput input:focus{
  outline:none;
  border-bottom-width:2px; border-bottom-color:var(--action);
}
.wmodal .composer{border:none; border-radius:0; background:transparent}
.wmodal-overlay{
  position:fixed; inset:0; z-index:200; background:var(--shadow);
  display:flex; align-items:center; justify-content:center; padding:18px;
}
.wmodal{
  width:100%; max-width:520px; max-height:90vh; overflow-y:auto;
  background:var(--card-plain); border:none; border-radius:8px;
  box-shadow:0 16px 44px rgba(20,19,26,.28);
}
.wmodal:focus, .wmodal:focus-visible{outline:none}
.wmodal-head{
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  padding:16px 18px; border-bottom:2px solid var(--ink);
}
.wmodal-head h2{margin:0; font-weight:900; font-size:20px; letter-spacing:-.03em}
.wmodal-close{
  width:32px; height:32px; border-radius:4px; border:2px solid var(--card-line); background:transparent;
  color:var(--muted); cursor:pointer; display:flex; align-items:center; justify-content:center; flex:none;
}
.wmodal-close:hover{border-color:var(--action); color:var(--action)}
.wmodal-body{padding:16px 18px}
.wmodal-body .write-err{margin:0 0 12px}
@media(max-width:480px){
  .wmodal-overlay{padding:0; align-items:flex-end}
  .wmodal{max-width:none; max-height:92vh; border-radius:10px 10px 0 0}
}
.home-grid .home-main{min-width:0}
.home-grid .home-side{display:flex; flex-direction:column; gap:22px; min-width:0}
.home-grid .home-main > .dpick{margin-bottom:22px}
.home-grid .home-main > .notice-board{margin-bottom:24px}
@media(max-width:900px){
  .home-grid .home-side{display:contents}
  .home-grid .today{order:-1}
}
.notice-board{background:var(--card); border:2.5px solid var(--ink); border-radius:5px; overflow:hidden; box-shadow:6px 6px 0 var(--shadow)}
.nb-head{display:flex; align-items:center; gap:10px; padding:10px 14px; background:repeating-linear-gradient(-45deg,var(--tape-a) 0 16px,var(--tape-b) 16px 32px)}
.nb-head .lbl{font-family:var(--mono); font-weight:800; letter-spacing:2px; font-size:13px; color:var(--cream); background:var(--oil); padding:3px 9px; border-radius:2px}
.nb-list{padding:6px 0}
.nb-item{display:flex; align-items:center; gap:10px; padding:11px 16px; border-bottom:1px dashed var(--line)}
.nb-item:last-of-type{border-bottom:none}
.nb-item .pin{color:var(--action); font-weight:800; flex:none}
.nb-item .tx{flex:1; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.nb-item .dt{font-family:var(--mono); font-size:13px; color:var(--muted); flex:none}
.nb-head .nb-new{margin-left:auto}
.nb-item[role="button"]{cursor:pointer}
.nb-item[role="button"]:hover{background:var(--surface)}
.nb-item[role="button"]:focus-visible{outline:3px solid var(--action); outline-offset:-3px}
.nb-acts{display:flex; align-items:center; gap:6px; flex:none}
.nb-act{font-family:inherit; font-size:12px; font-weight:800; color:var(--muted); background:transparent; border:none; padding:3px 6px; border-radius:3px; cursor:pointer; white-space:nowrap}
.nb-act:hover{color:var(--ink); background:var(--surface)}
.nb-act.nb-del{color:var(--rust)}
.nb-act.is-busy{opacity:.55; cursor:default}
.nb-msg{font-size:12px; font-weight:700; color:var(--muted); white-space:nowrap}
.nb-empty{margin:0; padding:11px 16px; font-size:13px; color:var(--muted)}
.nb-hint{font-weight:400}
.nb-read-body{margin:0; white-space:pre-wrap; font-size:15px; line-height:1.7}
.panel.checkin-widget{border:1px solid var(--card-line); border-radius:8px; box-shadow:none}
.checkin-widget .p-head{background:var(--action-bg); color:var(--cream); border-bottom:none}
.checkin-widget .cw-row{display:flex; align-items:center; gap:12px}
.checkin-widget .cw-stats{display:flex; align-items:center; gap:12px; flex:1; min-width:0}
.checkin-widget .cw-streak{text-align:center; flex:none}
.checkin-widget .cw-n{font-family:var(--mono); font-weight:800; font-size:30px; line-height:1; color:var(--action)}
.checkin-widget .cw-lbl{font-family:var(--mono); font-size:13px; color:var(--muted); letter-spacing:1px; margin-top:3px}
.checkin-widget .cw-progress{flex:1; min-width:0}
.checkin-widget .cw-progress-top{font-family:var(--mono); font-size:13px; font-weight:800; margin-bottom:5px}
.checkin-widget .cw-remain{color:var(--action)}
.checkin-widget .cw-bar{height:9px; border-radius:5px; background:var(--bg-2); border:1.5px solid var(--line); overflow:hidden}
.checkin-widget .cw-bar i{display:block; height:100%; width:0; background:var(--amber)}
.checkin-widget .cw-btn{flex:none; min-height:40px}
.dalshim-in .checkin-widget .cw-row{min-height:48px}
.dalshim-in .checkin-widget .cw-stats{animation:cw-fade .2s ease}
@keyframes cw-fade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){ .dalshim-in .checkin-widget .cw-stats{animation:none} }
.partners{display:grid; grid-template-columns:1fr 1fr; gap:8px}
.partner{display:flex; align-items:center; gap:8px; padding:9px 10px; border:2px solid var(--card-line); border-radius:4px; font-size:13px; font-weight:700; transition:transform .15s, border-color .15s}
.partner:hover{transform:translate(-1px,-1px); border-color:var(--action)}
.partner .ic{width:22px; height:22px; flex:none; color:var(--action)}
#screen-checkin{max-width:560px; margin:0 auto}
@media(max-width:640px){ #screen-checkin{max-width:none; margin:0} }
#screen-about section + section{margin-top:32px}
#screen-about .board{gap:14px}
.wmodal .gform{border:none; box-shadow:none; background:transparent; padding:0; margin-bottom:0}
.bform-more{border-top:2px dashed var(--card-line); padding-top:12px}
.bform-more summary{cursor:pointer; font-size:13px; font-weight:800; color:var(--muted); list-style:none}
.bform-more summary::-webkit-details-marker{display:none}
.bform-more summary::before{content:"▸ "; font-weight:900}
.bform-more[open] summary::before{content:"▾ "}
.bform-more summary:hover{color:var(--action)}
.bform-more > label{margin-top:12px}
.bform-hint{margin:0; font-size:12.5px; font-weight:700; color:var(--muted)}
.primary-badge{display:inline-block; margin-left:6px; font-family:var(--mono); font-size:10px; font-weight:800; letter-spacing:.5px; color:var(--cream); background:var(--action-bg); padding:2px 6px; border-radius:2px; vertical-align:middle}
.sec-head-actions{display:flex; align-items:center; gap:8px}
.cover .heart{border:none; cursor:pointer; -webkit-appearance:none; appearance:none}
.cover .heart.liked{background:var(--action-bg); color:var(--cream)}
#screen-beong-apply{max-width:540px; margin:0 auto}
#screen-beong-apply h1{margin:0 0 4px; font-weight:900; letter-spacing:-.04em; font-size:26px}
#screen-beong-apply .lede{margin:0 0 20px; color:var(--muted); font-size:14px}
#screen-beong-apply .hint{font-family:var(--mono); font-size:11px; color:var(--muted); margin-top:6px}
#screen-beong-apply .bsum{background:var(--oil); color:var(--kraft); border-radius:6px; padding:14px 16px; box-shadow:5px 5px 0 var(--action); display:flex; gap:12px; align-items:center; margin-bottom:20px; position:relative}
#screen-beong-apply .bsum .dbox{text-align:center; border:2px solid var(--amber-ink); border-radius:5px; background:var(--plate-deep); padding:6px 10px; flex:none}
#screen-beong-apply .bsum .dbox .m{font-family:var(--mono); font-size:9px; font-weight:800; color:var(--amber-ink); border:none; border-radius:0; padding:0; background:none}
#screen-beong-apply .bsum .dbox .d{font-family:var(--mono); font-size:22px; font-weight:800; color:var(--amber-ink); line-height:1}
#screen-beong-apply .bsum .dbox .w{font-family:var(--mono); font-size:8px; color:var(--oil-muted)}
#screen-beong-apply .bsum .bi{min-width:0}
#screen-beong-apply .bsum .bi b{display:block; font-size:16px; font-weight:900}
#screen-beong-apply .bsum .bi span{font-family:var(--mono); font-size:11px; color:var(--oil-muted)}
#screen-beong-apply .bsum .cap{margin-left:auto; text-align:right; flex:none}
#screen-beong-apply .bsum .cap .n{font-family:var(--mono); font-weight:800; font-size:16px; color:var(--amber-ink)}
#screen-beong-apply .bsum .cap .k{font-size:9px; color:var(--oil-muted)}
#screen-beong-apply .field{margin-bottom:18px}
#screen-beong-apply .field label{display:block; font-weight:800; font-size:14px; margin-bottom:8px}
#screen-beong-apply .field label .req{color:var(--action); margin-left:3px}
#screen-beong-apply .cars{display:flex; flex-direction:column; gap:8px}
#screen-beong-apply .caropt{display:flex; align-items:center; gap:11px; border:2px solid var(--card-line); border-radius:5px; padding:11px 13px; background:var(--card); cursor:pointer}
#screen-beong-apply .caropt[aria-selected="true"]{border-color:var(--action); box-shadow:3px 3px 0 var(--shadow)}
#screen-beong-apply .caropt .th{width:40px; height:30px; border-radius:3px; background-image:linear-gradient(135deg,var(--petrol),var(--oil)); background-size:cover; background-position:center; background-repeat:no-repeat; border:1.5px solid var(--ink); flex:none}
#screen-beong-apply .caropt b{font-size:14px; font-weight:800; flex:1; min-width:0}
#screen-beong-apply .caropt .plate{font-family:var(--mono); font-size:11px; font-weight:800; border:2px solid var(--ink); border-radius:3px; padding:4px 7px; background:var(--plate-bg); color:var(--plate-ink); flex:none}
#screen-beong-apply .caropt .radio{width:18px; height:18px; border-radius:50%; border:2px solid var(--card-line); flex:none; display:flex; align-items:center; justify-content:center}
#screen-beong-apply .caropt[aria-selected="true"] .radio{border-color:var(--action)}
#screen-beong-apply .caropt[aria-selected="true"] .radio::after{content:""; width:9px; height:9px; border-radius:50%; background:var(--action-bg)}
#screen-beong-apply .garagelink{font-family:var(--mono); font-size:11px; color:var(--muted); margin-top:8px}
#screen-beong-apply textarea{width:100%; font-family:inherit; font-size:14px; padding:11px 12px; border:2px solid var(--card-line); border-radius:4px; background:var(--surface); color:var(--ink); min-height:70px; resize:vertical}
#screen-beong-apply textarea::placeholder{color:var(--muted)}
#screen-beong-apply textarea:focus{outline:3px solid var(--action); outline-offset:1px; border-color:var(--action)}
#screen-beong-apply .pledge{display:flex; gap:10px; align-items:flex-start; border:2px solid var(--action); border-radius:5px; padding:12px 13px; background-color:var(--card); background-image:repeating-linear-gradient(-45deg,var(--card) 0 12px,var(--bg-2) 12px 24px); cursor:pointer}
#screen-beong-apply .pledge .cbx{width:22px; height:22px; border:2.5px solid var(--action); border-radius:4px; flex:none; display:flex; align-items:center; justify-content:center; color:var(--cream); font-weight:800}
#screen-beong-apply .pledge.on .cbx{background:var(--action-bg)}
#screen-beong-apply .pledge .pt{font-size:13px; line-height:1.5}
#screen-beong-apply .pledge .pt b{font-weight:800}
#screen-beong-apply .btn{
  font-weight:800; font-size:15px; padding:14px; border-radius:4px; cursor:pointer;
  border:2px solid var(--action-bg); background:var(--action-bg); color:var(--cream);
  box-shadow:3px 3px 0 var(--shadow); width:100%; min-height:52px;
  display:flex; align-items:center; justify-content:center; gap:8px; margin-top:4px;
}
#screen-beong-apply .btn.ghost{background:transparent; border-color:var(--card-line); color:var(--muted); box-shadow:none}
#screen-beong-apply .btn:disabled{background:var(--bg-2); border-color:var(--card-line); color:var(--muted); cursor:not-allowed; box-shadow:none}
#screen-beong-apply .btn:disabled:hover{transform:none; box-shadow:none}
#screen-beong-apply .done{text-align:center; padding:10px 0}
#screen-beong-apply .done .stamp{
  position:static; top:auto; right:auto; display:inline-block;
  border:4px solid var(--ok); color:var(--ok); font-family:var(--mono);
  font-weight:800; font-size:22px; letter-spacing:3px; padding:12px 22px; border-radius:8px;
  transform:rotate(-7deg); opacity:1; margin:8px 0 20px;
}
#screen-beong-apply .done h2{margin:0 0 6px; font-weight:900; font-size:24px}
#screen-beong-apply .done p{margin:0 0 6px; color:var(--muted); font-size:14px}
#screen-beong-apply .rcpt{background:var(--card); border:2px solid var(--ink); border-radius:6px; padding:16px; box-shadow:4px 4px 0 var(--shadow); text-align:left; margin:20px 0}
#screen-beong-apply .rcpt .r{display:flex; justify-content:space-between; gap:12px; font-size:13px; padding:6px 0; border-bottom:1px dashed var(--line)}
#screen-beong-apply .rcpt .r:last-child{border-bottom:none}
#screen-beong-apply .rcpt .r .k{font-family:var(--mono); font-size:11px; color:var(--muted); flex:none}
#screen-beong-apply .rcpt .r .v{font-weight:700; text-align:right}
#screen-beong-apply .altk{display:flex; align-items:center; gap:8px; justify-content:center; font-family:var(--mono); font-size:12px; color:var(--petrol-ink); background:var(--bg-2); border:2px solid var(--card-line); border-radius:5px; padding:10px; margin-bottom:14px}
#screen-beong-apply .applynote{text-align:center; padding:20px 0}
#screen-beong-apply .applynote .lede{margin-bottom:22px}
#screen-beong-apply .applynote .btn + .btn{margin-top:10px}
.wmodal .gform .cshots{border-top:none; background:transparent; padding:0}
.wmodal .gform input[type="file"]{padding:9px 10px}
.garage-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:8px}
.garage-card{display:flex; flex-direction:column}
.gc-link{color:inherit; text-decoration:none; display:flex; flex-direction:column; flex:1}
.gc-thumb{
  aspect-ratio:16/10; background-image:linear-gradient(135deg,var(--petrol),var(--oil));
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
.gc-thumb.is-empty{display:flex; align-items:center; justify-content:center; color:var(--kraft)}
.gc-thumb.is-empty .mh-ico{width:52px; height:52px; opacity:.55}
.gc-body{padding:13px 14px; display:flex; flex-direction:column; gap:4px; flex:1}
.gc-name{margin:0; font-size:16px; font-weight:900; letter-spacing:-.02em}
.gc-who{margin:0; font-size:13px; font-weight:700; color:var(--ink)}
.gc-meta{margin:auto 0 0; font-family:var(--mono); font-size:12px; color:var(--muted)}
@media(max-width:900px){ .garage-grid{grid-template-columns:repeat(2,1fr)} }
@media(max-width:560px){ .garage-grid{grid-template-columns:1fr} }
#screen-beong,
#screen-beong-detail{max-width:1120px; margin:0 auto}
#screen-garage,
#screen-garage-detail{max-width:1120px; margin:0 auto}
#screen-partner,
#screen-partner-detail{max-width:1120px; margin:0 auto}
#screen-partner-form{max-width:880px; margin:0 auto}
#screen-garage-detail section{margin-bottom:26px}
#screen-garage-detail .gback{margin-bottom:12px}
#screen-partner-detail .banner-demo{
  background-color:var(--oil); color:var(--kraft); border-radius:6px; padding:18px;
  box-shadow:6px 6px 0 var(--action);
}
#screen-partner-detail .banner-demo h3{margin:0 0 4px; font-weight:900; font-size:16px; color:var(--cream)}
#screen-partner-detail .banner-demo .sub{font-family:var(--mono); font-size:11px; color:var(--oil-muted); margin:0 0 14px}
#screen-partner-detail .banner{
  border:2.5px solid var(--amber); border-radius:5px; overflow:hidden;
  background-image:linear-gradient(120deg,var(--violet),var(--oil)); background-size:cover; background-position:center; background-repeat:no-repeat;
  display:flex; align-items:center; gap:14px; padding:30px 18px 14px; position:relative;
}
#screen-partner-detail .banner .btag{position:absolute; top:6px; left:8px; font-family:var(--mono); font-size:8px; font-weight:800; letter-spacing:1px; background-color:rgba(15,12,9,.6); color:var(--amber-ink); padding:2px 6px; border-radius:2px}
#screen-partner-detail .banner .btx b{display:block; font-size:18px; font-weight:900; color:var(--cream); letter-spacing:-.02em}
#screen-partner-detail .banner .btx span{font-size:13px; color:rgba(232,222,200,.8)}
#screen-partner-detail .banner .bgo{margin-left:auto; font-weight:800; font-size:13px; color:var(--amber-ink); border:2px solid var(--amber-ink); padding:8px 14px; border-radius:3px; flex:none}
#screen-partner-detail .bstats{display:flex; gap:8px; margin-top:12px}
#screen-partner-detail .bstat{flex:1; background-color:var(--plate-deep); border:2px solid var(--oil-edge); border-radius:4px; padding:8px; text-align:center}
#screen-partner-detail .bstat .n{font-family:var(--mono); font-weight:800; font-size:17px; color:var(--amber-ink); min-height:20px}
#screen-partner-detail .bstat .k{font-size:10px; color:var(--oil-muted); margin-top:2px}
#screen-partner-detail .pmain{min-width:0}
#screen-partner-detail .pside{position:sticky; top:80px; min-width:0}
#screen-partner-detail .pcta .p-body{display:flex; flex-direction:column; gap:10px}
#screen-partner-detail .pcta .naver{margin-top:0}
#screen-partner-detail .pcta .is-off{background:var(--bg-2); border-color:var(--card-line); color:var(--muted); box-shadow:none; cursor:default}
#screen-partner-detail .pcta .is-off:hover{transform:none; box-shadow:none}
#screen-partner-detail .pbar{display:none}
@media(max-width:900px){
  #screen-partner-detail .pside{position:static}
  #screen-partner-detail .pbar{
    display:flex; gap:8px; align-items:stretch;
    position:fixed; left:0; right:0; bottom:0; z-index:40;
    background-color:var(--card); border-top:2.5px solid var(--ink);
    padding:10px 14px; padding-bottom:calc(10px + env(safe-area-inset-bottom, 0px));
  }
  #screen-partner-detail .pbar > *{flex:1; margin-top:0; justify-content:center}
  #screen-partner-detail .pbar .btn:hover{transform:none; box-shadow:2px 2px 0 var(--shadow)}
  body.single-dalshim_partner footer{padding-bottom:76px}
}
.foot-biz{
  max-width:1120px; margin:0 auto; padding:14px 18px 22px; border-top:1px solid var(--line);
  display:flex; flex-wrap:wrap; gap:6px 16px; font-size:12px; color:var(--muted);
}
.foot-biz a{color:var(--muted)}
.foot-biz a:hover{color:var(--action)}
.page-body, .legal-content{max-width:820px; color:var(--ink); line-height:1.75}
.page-body h2, .legal-content h2{
  margin:32px 0 12px; padding-bottom:10px; font-weight:800; font-size:20px;
  border-bottom:1px solid var(--line);
}
.page-body h2:first-child, .legal-content h2:first-child{margin-top:0}
.page-body p, .legal-content p,
.page-body li, .legal-content li{line-height:1.75; color:var(--ink)}
.page-body ol, .legal-content ol,
.page-body ul, .legal-content ul{padding-left:22px; margin:12px 0}
.page-body ol li, .legal-content ol li,
.page-body ul li, .legal-content ul li{margin-bottom:8px}
.page-body a, .legal-content a{color:var(--action)}
.page-body table, .legal-content table{
  width:100%; border-collapse:collapse; margin:16px 0; display:block; overflow-x:auto;
}
.page-body th, .page-body td,
.legal-content th, .legal-content td{
  border:1px solid var(--line); padding:8px 12px; text-align:left;
}
body.woocommerce-order-received .page-body table{display:table; overflow-x:visible}
.page-body .tkr-wrap{
  background-color:transparent; min-height:0; padding:0 0 8px; font-family:inherit; color:var(--ink);
}
.page-body .tkr-card{
  background-color:var(--card); border:2px solid var(--ink); border-radius:5px;
  box-shadow:5px 5px 0 var(--shadow); max-width:460px;
}
.page-body .tkr-site-name{color:var(--muted)}
.page-body .tkr-header h1{color:var(--ink)}
.page-body .tkr-header p{color:var(--muted)}
.page-body .tkr-field label{color:var(--ink)}
.page-body .tkr-badge-required{background-color:var(--rust); color:var(--cream)}
.page-body .tkr-field input[type="text"],
.page-body .tkr-field input[type="email"],
.page-body .tkr-field input[type="tel"],
.page-body .tkr-field input[type="password"]{
  border:2px solid var(--card-line); border-radius:3px;
  background-color:var(--surface); color:var(--ink);
}
.page-body .tkr-field input::placeholder{color:var(--muted)}
.page-body .tkr-field input:focus{
  outline:3px solid var(--action); outline-offset:1px;
  border-color:var(--action); background-color:var(--surface);
}
.page-body .tkr-field .tkr-hint{color:var(--muted)}
.page-body .tkr-consent-item{color:var(--ink)}
.page-body .tkr-consent-item a{color:var(--action)}
.page-body .tkr-consent-item input[type="checkbox"]{accent-color:var(--action)}
.page-body .tkr-submit{
  background-color:var(--action) !important; color:var(--cream) !important;
  border:2px solid var(--action); border-radius:3px;
  box-shadow:2px 2px 0 var(--shadow); transition:transform .15s, box-shadow .15s;
}
.page-body .tkr-submit:hover{
  background-color:var(--action) !important; color:var(--cream) !important;
  transform:translate(-1px,-1px); box-shadow:3px 3px 0 var(--shadow);
}
.page-body .tkr-footer{color:var(--muted)}
.page-body .tkr-footer a{color:var(--action)}
.page-body .tkr-error{
  background-color:var(--surface); border:2px solid var(--rust); color:var(--rust); border-radius:3px;
}
.page-body .tkr-logged-in h2{color:var(--ink)}
.page-body .tkr-logged-in p{color:var(--muted)}
.page-body .tkr-li-avatar img{border-color:var(--card-line)}
.page-body .tkr-li-btn-primary{
  background-color:var(--action); color:var(--cream) !important;
  border:2px solid var(--action); border-radius:3px; box-shadow:2px 2px 0 var(--shadow);
}
.page-body .tkr-li-btn-secondary{
  background-color:var(--bg-2); color:var(--ink) !important;
  border:2px solid var(--card-line); border-radius:3px;
}
.nav-auth{display:flex; align-items:center; gap:8px; flex:none}
body.dalshim-login-screen{display:flex; flex-direction:column; min-height:100vh}
body.dalshim-login-screen main{flex:1 0 auto; display:flex; padding-top:0; padding-bottom:0}
body.dalshim-login-screen #screen-login{flex:1; display:flex; align-items:center; justify-content:center; padding:48px 0}
body.dalshim-login-screen footer{margin-top:0}
.dlogin-col{width:100%; max-width:460px; background:var(--card-plain); border:none; border-radius:6px; box-shadow:0 10px 30px rgba(20,19,26,.10); padding:34px 28px; text-align:center}
.dlogin-head{margin-bottom:22px}
.dlogin-head h1{margin:12px 0 6px; font-weight:900; letter-spacing:-.04em; font-size:32px; line-height:1.2}
@media(max-width:640px){ .dlogin-head h1{font-size:26px} }
.dlogin-head .sub{margin:0; font-size:13.5px; color:var(--muted)}
.dlogin-logo{display:block; width:96px; height:96px; margin:0 auto; border-radius:50%; background:#fff; object-fit:contain}
.dlogin-card{text-align:center; background:transparent; border:none; box-shadow:none; padding:0; margin-bottom:0}
.dlogin-kakao{
  display:flex; align-items:center; justify-content:center; gap:8px;
  min-height:48px; padding:10px 14px;
  background:var(--kakao); color:var(--kakao-ink);
  border:2px solid var(--ink); border-radius:3px; box-shadow:2px 2px 0 var(--shadow);
  font-weight:800; font-size:14.5px; letter-spacing:-.2px;
  transition:transform .15s, box-shadow .15s;
}
.dlogin-kakao:hover{transform:translate(-1px,-1px); box-shadow:3px 3px 0 var(--shadow); color:var(--kakao-ink)}
.dlogin-kakao svg{flex:none}
.dlogin-legal{margin:0; font-size:12.5px; color:var(--muted); line-height:1.7}
.dlogin-legal a{font-weight:800; color:var(--action); text-decoration:underline}
.dlogin-links{display:flex; gap:8px; justify-content:center; margin-top:12px}
.st-out{background:var(--rust)}
.btn.danger{background:var(--rust); border-color:var(--rust); color:var(--cream); box-shadow:2px 2px 0 var(--shadow)}
.btn.danger:hover{filter:brightness(1.08)}
.withdraw-fold{margin-top:18px; text-align:right}
.withdraw-fold summary{cursor:pointer; display:inline-block; font-size:12px; font-weight:700; color:var(--muted); list-style:none}
.withdraw-fold summary::-webkit-details-marker{display:none}
.withdraw-fold summary::after{content:" ▾"; font-weight:900}
.withdraw-fold[open] summary::after{content:" ▴"}
.withdraw-fold summary:hover{color:var(--action)}
.withdraw-fold .withdraw-box{margin-top:10px; text-align:left}
.withdraw-box{gap:10px}
.withdraw-lead{margin:0; font-size:14px; color:var(--ink)}
.withdraw-list{margin:0; padding-left:18px; display:flex; flex-direction:column; gap:4px}
.withdraw-list li{font-size:13px; color:var(--muted); line-height:1.6}
#screen-withdraw .phead h1{display:flex; align-items:center; gap:8px}
.withdraw-step{margin-bottom:0}
.withdraw-reasons{display:flex; flex-direction:column; gap:2px}
.withdraw-reason-opt{
  display:flex; align-items:center; gap:10px; padding:10px 4px;
  font-size:14px; color:var(--ink); font-weight:400; cursor:pointer;
  border-bottom:1px dashed var(--card-line);
}
.withdraw-reason-opt:last-child{border-bottom:none}
.withdraw-reason-opt input[type="radio"]{min-height:auto; width:16px; height:16px; padding:0; flex:none; accent-color:var(--action)}
.withdraw-reason-opt input[type="radio"]:focus-visible{outline:2px solid var(--action); outline-offset:2px; border-radius:50%}
#dalshim-withdraw-reason-etc-wrap{margin-top:-4px}
#dalshim-withdraw-reason-etc-wrap textarea{width:100%}
.withdraw-retention{
  margin-top:4px; padding-top:12px; border-top:2px dashed var(--card-line);
  display:flex; flex-direction:column; gap:8px;
}
.withdraw-retention h3{margin:0; font-size:13px; font-weight:800; color:var(--ink)}
.withdraw-retention table{width:100%; border-collapse:collapse}
.withdraw-retention th, .withdraw-retention td{
  border:1px solid var(--card-line); padding:6px 8px; text-align:left; font-size:12px;
}
.withdraw-retention th{background:var(--bg-2); color:var(--muted); font-weight:700}
.withdraw-retention td{color:var(--ink)}
.withdraw-retention-note{margin:0; font-size:12px; color:var(--muted)}
.withdraw-retention-note a{color:var(--action)}
@media(max-width:560px){
  .withdraw-retention table, .withdraw-retention thead, .withdraw-retention tbody,
  .withdraw-retention th, .withdraw-retention td, .withdraw-retention tr{display:block}
  .withdraw-retention tr{border:1px solid var(--card-line); border-radius:5px; margin-bottom:6px; padding:4px}
  .withdraw-retention th{display:none}
  .withdraw-retention td{border:none; padding:3px 6px}
  .withdraw-retention td::before{content:attr(data-label) ": "; font-weight:700; color:var(--muted)}
}
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}
.pssol-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:8px}
.pssol-card{display:flex}
.pssol-link{display:block; width:100%; color:inherit; text-decoration:none}
.pssol-thumb{
  position:relative; aspect-ratio:4/5;
  background-image:linear-gradient(160deg,var(--warmgrey),var(--oil));
  background-size:cover; background-position:center; background-repeat:no-repeat;
  border:2px solid var(--ink); border-radius:4px; box-shadow:3px 3px 0 var(--shadow);
  transition:transform .15s, box-shadow .15s;
}
.pssol-link:hover .pssol-thumb{transform:translate(-2px,-2px); box-shadow:5px 5px 0 var(--shadow)}
.pssol-tag{
  position:absolute; left:8px; bottom:8px;
  font-family:var(--mono); font-size:10px; font-weight:800;
  color:var(--kraft); background:rgba(15,12,9,.7); padding:2px 6px; border-radius:2px;
  max-width:calc(100% - 16px); overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
#screen-photo-detail .pssol-stage{
  background:var(--oil); border-top:2px solid var(--ink); border-bottom:2px solid var(--ink);
  display:flex; align-items:center; justify-content:center; min-height:200px;
  padding:22px 18px;
}
#screen-photo-detail .pssol-img{
  display:block; max-width:100%; max-height:76vh; width:auto; height:auto; object-fit:contain;
}
@media(max-width:560px){ #screen-photo-detail .pssol-stage{padding:14px 10px} }
.pssol-count{
  position:absolute; right:8px; top:8px;
  display:inline-flex; align-items:center; gap:4px;
  font-family:var(--mono); font-size:10px; font-weight:800;
  color:var(--kraft); background:rgba(15,12,9,.7); padding:2px 6px; border-radius:2px;
}
.pssol-album{
  display:grid; grid-template-columns:repeat(3,1fr); gap:6px;
  padding:12px 14px; border-top:2px solid var(--ink); border-bottom:2px solid var(--ink);
}
.pssol-cell{
  display:block; position:relative; aspect-ratio:1/1; overflow:hidden;
  border:2px solid var(--card-line); border-radius:4px; background:var(--warmgrey);
  transition:transform .15s, box-shadow .15s;
}
.pssol-cell img{display:block; width:100%; height:100%; object-fit:cover}
.pssol-cell:hover{transform:translate(-2px,-2px); box-shadow:4px 4px 0 var(--shadow)}
.pssol-cell:focus-visible{outline:3px solid var(--action); outline-offset:2px}
@media(max-width:560px){ .pssol-album{gap:5px; padding:10px} }
.pssol-view{display:none}
.pssol-view:target{
  display:flex; align-items:center; justify-content:center;
  position:fixed; inset:0; z-index:100; padding:28px;
  background:rgba(15,12,9,.93);
}
.pssol-view-back{position:absolute; inset:0; display:block}
.pssol-view img{
  position:relative; z-index:1;
  display:block; max-width:100%; max-height:88vh; width:auto; height:auto; object-fit:contain;
  border:2px solid var(--ink);
  pointer-events:none;
}
.pssol-view-no{
  position:absolute; left:50%; transform:translateX(-50%); bottom:16px; z-index:2;
  font-family:var(--mono); font-size:11px; font-weight:800;
  color:var(--kraft); background:rgba(15,12,9,.7); padding:3px 9px; border-radius:2px;
}
.pssol-view-close{
  position:absolute; right:16px; top:16px; z-index:2;
  width:38px; height:38px; display:flex; align-items:center; justify-content:center;
  font-size:17px; font-weight:800; line-height:1; text-decoration:none;
  color:var(--cream); background:rgba(15,12,9,.7); border:2px solid var(--cream); border-radius:50%;
}
@media(max-width:560px){ .pssol-view:target{padding:12px} }
#screen-photo-detail .post{margin-bottom:18px}
#screen-photo-detail .log-actions{margin:0 0 18px}
#screen-photo-detail .cmts{margin-top:18px}
#screen-photo-detail .pback{display:inline-block; margin-bottom:12px}
#screen-photo,
#screen-photo-detail{max-width:1120px; margin:0 auto}
@media(max-width:900px){ .pssol-grid{grid-template-columns:repeat(3,1fr)} }
@media(max-width:560px){ .pssol-grid{grid-template-columns:repeat(2,1fr); gap:10px} }
.st-shop{background:var(--petrol)}
.shop-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-bottom:8px}
.shop-card{display:flex; flex-direction:column}
.shop-link{color:inherit; text-decoration:none; display:flex; flex-direction:column; flex:1}
.shop-thumb{
  position:relative; aspect-ratio:1/1;
  background-image:linear-gradient(135deg,var(--petrol),var(--oil));
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
.shop-badge{
  position:absolute; right:9px; top:9px;
  font-family:var(--mono); font-size:10px; font-weight:800; letter-spacing:1px;
  background:var(--action-bg); color:var(--cream); padding:3px 8px; border-radius:2px;
}
.shop-badge.out{background:var(--warmgrey); color:var(--oil)}
.shop-body{padding:13px 14px; display:flex; flex-direction:column; gap:5px; flex:1}
.shop-name{margin:0; font-size:15.5px; font-weight:900; letter-spacing:-.02em; line-height:1.4}
.shop-partner{margin:0 0 2px; font-size:13px; color:var(--muted); overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.shop-price{margin:auto 0 0; font-family:var(--mono); font-size:15px; font-weight:800; color:var(--ink)}
.shop-price del{color:var(--muted); font-weight:700; margin-right:6px}
.shop-price del .woocommerce-Price-amount{font-size:13px}
.shop-price ins{text-decoration:none; color:var(--action)}
.shop-price .woocommerce-Price-amount{font-family:var(--mono)}
.shop-act{padding:0 14px 14px}
.shop-act .btn{display:block; text-align:center}
@media(max-width:900px){ .shop-grid{grid-template-columns:repeat(2,1fr)} }
@media(max-width:560px){ .shop-grid{grid-template-columns:1fr} }
#screen-shop,
#screen-shop-detail,
#screen-commerce{max-width:1120px; margin:0 auto}
body.woocommerce-cart #screen-commerce > .page-body,
body.woocommerce-checkout #screen-commerce > .page-body{margin-left:auto; margin-right:auto}
#screen-commerce .woocommerce-checkout-review-order-table{overflow:hidden}
#screen-shop-detail .sback{display:inline-block; margin-bottom:12px}
.pdp{
  display:grid; grid-template-columns:minmax(0,1fr) 380px;
  gap:26px 28px; align-items:start;
}
.pdp-gallery{grid-column:1}
.pdp-sec{grid-column:1}
.pdp-wide{margin-top:26px}
.pdp-buy{grid-column:2; grid-row:1}
@media(max-width:900px){
  .pdp{grid-template-columns:1fr; gap:18px}
  .pdp-gallery,
  .pdp-buy,
  .pdp-sec{grid-column:1; grid-row:auto}
  .pdp-wide{margin-top:18px}
}
.pdp-stage{
  background:var(--oil); border:2px solid var(--ink); border-radius:5px; box-shadow:5px 5px 0 var(--shadow);
  display:flex; align-items:center; justify-content:center;
  aspect-ratio:4/3; padding:18px; overflow:hidden;
}
.pdp-shot{display:block; max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain}
.pdp-noshot{font-family:var(--mono); font-size:12px; letter-spacing:1px; color:var(--muted)}
.pdp-thumbs{display:flex; gap:8px; flex-wrap:wrap; margin-top:10px}
.pdp-thumb{
  width:60px; height:60px; flex:none; cursor:pointer; padding:0;
  border:2px solid var(--card-line); border-radius:4px;
  background-size:cover; background-position:center; background-repeat:no-repeat;
  transition:border-color .15s;
}
.pdp-thumb:hover{border-color:var(--action)}
.pdp-thumb.on{border-color:var(--ink); box-shadow:2px 2px 0 var(--shadow)}
.pdp-buy{
  display:flex; flex-direction:column; gap:14px;
  background:var(--card); border:2px solid var(--card-line); border-radius:5px;
  box-shadow:5px 5px 0 var(--shadow); padding:18px;
}
.pdp-name{margin:0; font-weight:900; letter-spacing:-.03em; font-size:26px; line-height:1.3}
.pdp-price{font-family:var(--mono); font-weight:800; font-size:24px; color:var(--ink)}
.pdp-price del{color:var(--muted); font-weight:700; margin-right:8px; font-size:17px}
.pdp-price ins{text-decoration:none; color:var(--action)}
.pdp-soldout{margin:0; font-size:13.5px; font-weight:800; color:var(--rust)}
.pdp-cart{
  border-top:1px dashed var(--line); padding-top:14px;
}
.pdp-cart form{margin:0}
.pdp-cart .quantity{display:inline-block; margin:0 8px 10px 0}
#dalshim-pdp .pdp-qty{
  display:inline-flex; align-items:stretch; overflow:hidden;
  border:2px solid var(--card-line); border-radius:3px; background:var(--surface);
}
#dalshim-pdp .pdp-qty-btn{
  display:flex; align-items:center; justify-content:center;
  width:42px; min-width:42px; min-height:44px; flex:none; cursor:pointer; padding:0;
  border:none; border-radius:0; background:var(--bg-2); color:var(--ink); box-shadow:none;
  font-family:inherit; font-size:17px; font-weight:800; line-height:1;
  transition:background .15s, color .15s;
}
#dalshim-pdp .pdp-qty-btn:hover{background:var(--action-bg); color:var(--cream)}
#dalshim-pdp .pdp-cart input[type="number"],
#dalshim-pdp .pdp-cart .qty{
  font-family:var(--mono); font-size:15px; font-weight:800; text-align:center;
  padding:9px 6px; min-height:44px; width:62px;
  border:none; border-radius:0; background:var(--surface); color:var(--ink);
  -moz-appearance:textfield; appearance:textfield;
}
#dalshim-pdp .pdp-cart .qty::-webkit-outer-spin-button,
#dalshim-pdp .pdp-cart .qty::-webkit-inner-spin-button,
#dalshim-pdp .pdp-cart input[type="number"]::-webkit-outer-spin-button,
#dalshim-pdp .pdp-cart input[type="number"]::-webkit-inner-spin-button{-webkit-appearance:none; margin:0}
#dalshim-pdp .pdp-cart button:not(.pdp-qty-btn),
#dalshim-pdp .pdp-cart .button:not(.pdp-qty-btn){
  font-family:inherit; font-weight:800; font-size:14px; padding:12px 18px; min-height:46px;
  border-radius:3px; cursor:pointer; width:100%;
  background:var(--action-bg); color:var(--cream); border:2px solid var(--action-bg);
  box-shadow:2px 2px 0 var(--shadow); transition:transform .15s, box-shadow .15s;
}
#dalshim-pdp .pdp-cart button:not(.pdp-qty-btn):hover,
#dalshim-pdp .pdp-cart .button:not(.pdp-qty-btn):hover{transform:translate(-1px,-1px); box-shadow:3px 3px 0 var(--shadow); color:var(--cream)}
.pdp-desc{font-size:15px; line-height:1.75}
.pdp-desc p{margin:0 0 12px}
.pdp-desc img{max-width:100%; height:auto; border-radius:4px}
.pdp-sec #reviews,
.pdp-sec .woocommerce-Reviews{font-size:14px}
.pdp-sec .comment-form{display:flex; flex-direction:column; gap:10px}
.pdp-sec .comment-form input[type="text"],
.pdp-sec .comment-form input[type="email"],
.pdp-sec .comment-form textarea{
  font-family:inherit; font-size:14px; padding:10px 12px;
  border:2px solid var(--card-line); border-radius:3px; background:var(--surface); color:var(--ink);
}
.pdp-sec .comment-form .submit{
  align-self:flex-start; width:auto; font-weight:800; font-size:13px; padding:10px 18px;
  border-radius:3px; cursor:pointer; background:var(--action-bg); color:var(--cream);
  border:2px solid var(--action); box-shadow:2px 2px 0 var(--shadow);
}
#screen-shop-detail{--pdp-read:100%}
#dalshim-pdp .pdp-cart button:not(.pdp-qty-btn),
#dalshim-pdp .pdp-cart .button:not(.pdp-qty-btn){
  background-image:none !important;
  background-color:var(--action) !important;
  color:var(--cream) !important;
  border:2px solid var(--ink) !important;
  border-radius:3px !important;
  box-shadow:2px 2px 0 var(--shadow) !important;
}
#dalshim-pdp .pdp-cart button:not(.pdp-qty-btn):hover,
#dalshim-pdp .pdp-cart .button:not(.pdp-qty-btn):hover{
  background-image:none !important;
  background-color:var(--ink) !important;
  color:var(--cream) !important;
  transform:translate(-1px,-1px);
  box-shadow:3px 3px 0 var(--shadow) !important;
}
#dalshim-pdp .pdp-cart .stock{
  display:inline-block; margin:0 0 12px;
  font-family:var(--mono); font-size:11px; font-weight:800; letter-spacing:.5px;
  padding:3px 9px; border-radius:2px; background:var(--bg-2); color:var(--muted);
}
#dalshim-pdp .pdp-cart .stock.in-stock{color:var(--petrol-ink)}
#dalshim-pdp .pdp-cart .stock.out-of-stock{color:var(--rust)}
#dalshim-pdp .pdp-qty{margin-bottom:12px}
#screen-shop-detail .woocommerce-Reviews-title{display:none}
#screen-shop-detail .comment-form>p,
#screen-shop-detail .comment-form .comment-form-rating{margin:0}
#screen-shop-detail .comment-form label{
  display:block; margin-bottom:5px; font-size:13px; font-weight:800; color:var(--ink);
}
#screen-shop-detail .comment-form-cookies-consent{display:flex; align-items:center; gap:7px}
#screen-shop-detail .comment-form-cookies-consent label{display:inline; margin:0; font-weight:400; font-size:13px; color:var(--muted)}
#screen-shop-detail .comment-form input[type="text"],
#screen-shop-detail .comment-form input[type="email"],
#screen-shop-detail .comment-form textarea,
#screen-shop-detail .comment-form select{
  display:block; width:100%; max-width:var(--pdp-read); box-sizing:border-box;
  font-family:inherit; font-size:14px; padding:10px 12px;
  border:2px solid var(--card-line); border-radius:3px; background:var(--surface); color:var(--ink);
}
#screen-shop-detail .comment-form textarea{min-height:110px; resize:vertical}
#screen-shop-detail .comment-form input:focus,
#screen-shop-detail .comment-form textarea:focus,
#screen-shop-detail .comment-form select:focus{outline:none; border-color:var(--action)}
#screen-shop-detail .comment-form-rating .stars{margin:0 0 4px; font-size:19px; line-height:1}
#screen-shop-detail .comment-form-rating select{max-width:200px}
#screen-shop-detail .comment-form-rating .stars a{color:var(--muted)}
#screen-shop-detail .comment-form-rating .stars:hover a,
#screen-shop-detail .comment-form-rating .stars.selected a.active,
#screen-shop-detail .comment-form-rating .stars.selected a:not(.active){color:var(--action)}
#screen-shop-detail #respond input#submit{
  background-image:none !important;
  background-color:var(--action) !important;
  color:var(--cream) !important;
  border:2px solid var(--ink) !important;
  border-radius:3px !important;
  box-shadow:2px 2px 0 var(--shadow) !important;
  font-weight:800 !important;
  padding:11px 20px !important;
}
#screen-shop-detail #respond input#submit:hover{
  background-image:none !important;
  background-color:var(--ink) !important;
  color:var(--cream) !important;
  box-shadow:3px 3px 0 var(--shadow) !important;
  transform:translate(-1px,-1px);
}
#screen-shop-detail .comment-notes,
#screen-shop-detail .woocommerce-noreviews{margin:0 0 14px; font-size:13px; color:var(--muted)}
#screen-shop-detail .comment-reply-title{display:block; margin-bottom:12px; font-size:15px; font-weight:900}
#screen-shop-detail .woocommerce-verification-required{
  margin:0; padding:14px 16px; max-width:var(--pdp-read); box-sizing:border-box;
  border:2px dashed var(--line); border-radius:4px; background:var(--bg-2);
  font-size:13.5px; line-height:1.7; color:var(--muted);
}
#screen-shop-detail .pdp-desc{max-width:var(--pdp-read)}
.wmodal.lmodal{max-height:88vh; display:flex; flex-direction:column}
.wmodal.lmodal .wmodal-body{overflow-y:auto}
.lmodal-head-act{display:flex; align-items:center; gap:6px}
.lmodal-share{display:inline-flex; align-items:center; gap:5px; font-family:inherit; font-size:12px; font-weight:800; color:var(--muted); background:transparent; border:2px solid var(--card-line); border-radius:3px; padding:5px 9px; cursor:pointer}
.lmodal-share:hover{color:var(--action); border-color:var(--action)}
.lmodal-msg{margin:18px 0; text-align:center; font-size:14px; color:var(--muted)}
.lmodal-main .p-body{margin-top:12px}
.lmodal-main .shots{margin-top:12px}
.lmodal-main .shots .s{background-image:none; background-color:var(--oil); overflow:hidden}
.lmodal-main .shots .s img{position:absolute; inset:0; width:100%; height:100%; object-fit:contain; display:block}
.lmodal-video{display:inline-block; margin-top:12px; font-size:13px; font-weight:700; color:var(--action); word-break:break-all}
.lmodal-garage{display:inline-block; margin-top:12px}
.lmodal-counts{display:flex; gap:14px; margin-top:14px; padding-top:12px; border-top:1px dashed var(--line); font-family:var(--mono); font-size:12px; color:var(--muted)}
.lmodal .cmts{margin-top:18px}
.lgate-wrap{position:relative}
.lgate-fade{}
.lgate{display:flex; flex-direction:column; align-items:center; gap:10px; margin-top:20px; padding:0 16px 4px; text-align:center}
.lgate-anchor{position:relative}
.lgate.lgate-over{position:absolute; left:0; right:0; bottom:0; margin-top:0; padding:86px 16px 16px;
  background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, var(--surface) 44%)}
.lgate-over .lgate-msg{font-size:15px; font-weight:900; letter-spacing:-.01em}
.lgate-msg{margin:0; font-size:14px; font-weight:800; color:var(--ink)}
.lgate-sub{margin:0; font-size:12px; color:var(--muted)}
.lgate-btn{display:inline-flex; align-items:center; justify-content:center; background-color:#FEE500; color:#191600; font-weight:800; font-size:14px; padding:11px 22px; border-radius:4px; border:2px solid var(--ink); box-shadow:3px 3px 0 var(--shadow)}
.lgate-btn:hover{transform:translate(-1px,-1px); box-shadow:4px 4px 0 var(--shadow)}
.dalshim-toast{position:fixed; left:50%; bottom:28px; transform:translateX(-50%); z-index:260; background-color:var(--oil); color:var(--cream); font-size:13px; font-weight:700; padding:11px 18px; border-radius:4px; box-shadow:4px 4px 0 var(--shadow); pointer-events:none}
@media(max-width:640px){
  .wmodal.lmodal{max-height:92vh}
  .lmodal-share span{display:none}
}
.post{border-width:1px; border-color:var(--card-line); box-shadow:none}
.card-menu-wrap{position:relative; margin-left:auto}
.card-menu-btn{font-family:inherit; font-size:17px; line-height:1; font-weight:800; color:var(--muted); background:transparent; border:none; padding:4px 7px; border-radius:3px; cursor:pointer}
.card-menu-btn:hover{color:var(--ink); background:var(--surface)}
.card-menu{position:absolute; top:100%; right:0; z-index:30; min-width:132px; margin-top:4px; padding:4px; background:var(--card); border:2px solid var(--ink); border-radius:4px; box-shadow:4px 4px 0 var(--shadow); display:flex; flex-direction:column}
.card-menu-item{font-family:inherit; font-size:13px; font-weight:700; text-align:left; color:var(--ink); background:transparent; border:none; padding:8px 10px; border-radius:3px; cursor:pointer; white-space:nowrap}
.card-menu-item:hover{background:var(--surface)}
.card-menu-item.is-busy{opacity:.55; cursor:default}
.card-menu-del{color:var(--rust)}
.card-menu-msg{margin:0; padding:8px 10px 4px; font-size:12px; color:var(--muted)}
.wmodal .composer textarea,
.wmodal .composer .composer-body{min-height:220px; max-height:46vh}
.p-body .more-in{margin-left:6px; font-size:13px; font-weight:700; color:var(--petrol-ink); white-space:nowrap}
.post.notice{border-width:2px; border-color:var(--ink); box-shadow:5px 5px 0 var(--shadow)}
.shots{border-top:none; border-bottom:none; padding:0 20px 14px}
.partner-card.panel{border:none; background-color:var(--card-plain)}
.garage-card.panel{border:none; background-color:var(--card-plain)}
.shop-card.panel{border:none; background-color:var(--card-plain)}
.wmodal.lmodal{border:none; background-color:var(--card-plain)}
.lmodal .wmodal-head{border-bottom:1px solid var(--card-line)}
.lmodal .cmts{border:none; box-shadow:none; background-color:transparent}
.lmodal .c-head{background-color:transparent; color:var(--muted); padding:0 0 8px; border-bottom:1px solid var(--card-line)}
.lmodal .c-list{padding:0}
.lmodal .c:last-child{border-bottom:none}
.lmodal .c-write{border-top:1px solid var(--card-line); background-color:transparent; padding:12px 0 0}
.lmodal-owner{display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:14px}
.lmodal-owner .lmodal-del:hover{border-color:var(--rust); color:var(--rust)}
.lmodal-confirm{flex-basis:100%; display:flex; flex-wrap:wrap; align-items:center; gap:8px; margin-top:4px; padding:10px 12px; border:1px solid var(--card-line); border-radius:4px; font-size:13px; color:var(--muted)}
.p-body > a{white-space:pre-line}
.lmodal .lmodal-main .p-body p{white-space:pre-line}
.vgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px}
@media(max-width:900px){ .vgrid{grid-template-columns:repeat(2,1fr); gap:10px} }
@media(max-width:520px){ .vgrid .vtitle{font-size:13px} .vgrid .vmeta{padding:8px 9px 10px} }
.vcard{background:var(--card); border:1px solid var(--card-line); border-radius:5px; overflow:hidden; display:flex; flex-direction:column}
.vthumb{position:relative; display:block; aspect-ratio:9/16; background-color:var(--surface); background-size:cover; background-position:center; background-repeat:no-repeat}
.vplay{position:absolute; inset:0; margin:auto; width:54px; height:54px; display:flex; align-items:center; justify-content:center; border-radius:50%; background:rgba(20,19,26,.62); color:#fff}
.vplay svg{width:26px; height:26px; margin-left:3px}
.vthumb:hover .vplay{background:var(--action-bg)}
.vframe{width:100%; aspect-ratio:9/16; border:0; display:block; background:#000}
.vmeta{display:flex; align-items:flex-start; gap:8px; padding:10px 12px 12px}
.vtitle{margin:0; font-size:14px; font-weight:800; line-height:1.4; color:var(--ink); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.vsub{margin:4px 0 0; font-size:12px; color:var(--muted)}
.vmeta > div:first-child{min-width:0}
.gform-hint{margin:0; font-size:12.5px; color:var(--muted); line-height:1.6}
.my-owner{margin-left:10px; font-size:18px; font-weight:800; letter-spacing:-.02em; color:var(--muted)}
.my-owner:empty{display:none}
.my-owner::before{content:"· "}
.my-panel{
  background:var(--card); border:2.5px solid var(--ink); border-radius:5px;
  box-shadow:6px 6px 0 var(--shadow); padding:14px 16px;
  display:flex; flex-direction:column;
}
.my-panel .sec-head{margin-bottom:8px}
.my-panel .board{flex:1 1 auto}
.my-panel .order-list{flex:1 1 auto}
.my-panel .order-list:empty{flex:0 0 auto}
.my-panel .order-list:empty + .sub:not([hidden]){
  flex:1 1 auto; display:flex; align-items:center; justify-content:center; text-align:center;
}
.my-panel .board > .sub:only-child{margin-top:auto; margin-bottom:auto; text-align:center}
.my-cols{display:grid; grid-template-columns:1fr 1fr; gap:24px}
@media(max-width:1024px){ .my-cols{grid-template-columns:1fr} }
.my-cols > *{min-width:0}
.my-cols .row{min-width:0}
.my-cols .row .ttl{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0}
.my-garage-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
@media(max-width:900px){ .my-garage-grid{grid-template-columns:repeat(2,1fr)} }
@media(max-width:560px){ .my-garage-grid{grid-template-columns:1fr} }
.my-car{display:flex; flex-direction:column; background:var(--card-plain); border:1px solid var(--card-line); border-radius:5px; box-shadow:4px 4px 0 var(--shadow); overflow:hidden; color:inherit; text-decoration:none}
.my-car:hover{transform:translate(-1px,-1px); box-shadow:5px 5px 0 var(--shadow)}
.my-car-thumb{display:block; aspect-ratio:4/3; background-color:var(--surface);
  background-image:linear-gradient(135deg,var(--petrol),var(--oil));
  background-size:cover; background-position:center; background-repeat:no-repeat}
.my-car-body{display:flex; flex-direction:column; gap:4px; padding:12px 14px}
.my-car-name{font-size:15px; font-weight:900; letter-spacing:-.02em}
.my-car-plate{align-self:flex-start; font-family:var(--mono); font-size:12px; font-weight:800; letter-spacing:1px;
  background:var(--plate-bg); color:var(--plate-ink); border:2px solid var(--ink); border-radius:3px; padding:2px 7px}
.my-car-recs{display:flex; flex-direction:column; gap:7px; padding:10px 13px;
  border-top:1px dashed var(--card-line)}
.my-car-rec{display:flex; align-items:center; gap:8px; font-size:12.5px; min-width:0}
.my-car-rec .rt{font-family:var(--mono); font-size:10px; font-weight:800; letter-spacing:.5px;
  padding:2px 6px; border-radius:2px; background:var(--oil); color:var(--amber-ink);
  flex:none; white-space:nowrap}
.my-car-rec .rn{flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.my-car-rec .rl{flex:none; font-size:10px; line-height:1}
.my-car-rec .rc{font-family:var(--mono); font-size:11px; font-weight:800; color:var(--action);
  flex:none; white-space:nowrap}
.my-car-more{font-size:11.5px; color:var(--muted); text-align:right}
.order-list{display:flex; flex-direction:column; gap:14px}
.order-row{padding:14px; background:var(--card-plain); border:1px solid var(--card-line); border-radius:5px; box-shadow:4px 4px 0 var(--shadow)}
.order-body{display:flex; flex-direction:column; gap:4px}
.order-title{font-size:15px; font-weight:800; color:inherit; text-decoration:none}
.order-title:hover{color:var(--action)}
.order-meta{font-family:var(--mono); font-size:11.5px; color:var(--muted)}
.order-actions{display:flex; flex-wrap:wrap; gap:8px; align-items:flex-start; margin-top:4px}
.order-actions .order-review:has(.order-review-form),
.order-actions .order-refund:has(.order-refund-form){flex:1 1 100%}
.order-review-done{display:flex; flex-direction:column; align-items:flex-start; gap:4px}
.order-refund-done{font-size:12.5px}
.order-review-form,
.order-refund-form{width:100%; display:flex; flex-direction:column; gap:8px}
.order-refund-form{padding:10px; background:var(--bg-2); border-radius:4px}
.order-refund-form .sub{margin:0; font-size:12.5px}
.order-stars{color:var(--amber-ink); font-size:14px; letter-spacing:1px}
.order-review-done p{margin:0; font-size:13.5px; line-height:1.5}
.order-star-pick{display:flex; gap:2px}
.order-star-btn{background:none; border:none; padding:0; font-size:20px; line-height:1; color:var(--amber-ink); cursor:pointer}
.order-review-input{width:100%; min-height:110px; padding:8px 10px; font-family:inherit; font-size:13.5px;
  border:2px solid var(--card-line); border-radius:3px; background:var(--surface); color:var(--ink); resize:vertical}
.order-review-input:focus{outline:3px solid var(--action); outline-offset:1px; border-color:var(--action)}
.order-review-actions{display:flex; gap:8px; justify-content:flex-end}
#screen-beong .phead,
#screen-my .phead{
  background:var(--action-bg); color:var(--cream); border-bottom:none;
  border-radius:5px; padding:20px 22px; margin-bottom:18px;
}
#screen-beong .phead h1,
#screen-my .phead h1{color:var(--cream)}
#screen-beong .phead .sub,
#screen-my .phead .sub{color:rgba(255,255,255,.72)}
#screen-beong .phead .stencil,
#screen-my .phead .stencil{background:var(--cream); color:var(--action)}
#screen-beong .phead .btn.solid,
#screen-my .phead .btn.solid{background:var(--cream); color:var(--action); border-color:var(--cream)}
#screen-beong .phead .btn.solid:hover,
#screen-my .phead .btn.solid:hover{background:#fff; color:var(--action)}
#screen-my .phead .my-owner{color:rgba(255,255,255,.72)}
.nm-list{display:flex; flex-direction:column}
.nm-item{display:flex; align-items:center; gap:10px; padding:9px 2px; border-bottom:1px solid var(--card-line)}
.nm-item:last-child{border-bottom:none}
a.nm-item{transition:transform .15s}
a.nm-item:hover{transform:translateX(2px)}
a.nm-item:hover .nm-name{color:var(--action)}
.nm-ava{
  width:30px; height:30px; flex:none; border-radius:50%;
  background:var(--warmgrey); color:var(--cream);
  display:flex; align-items:center; justify-content:center; overflow:hidden;
}
.nm-ava svg{width:22px; height:22px; display:block; margin-bottom:-2px}
.nm-ava[data-tone="0"]{background:var(--violet)}
.nm-ava[data-tone="1"]{background:var(--petrol)}
.nm-ava[data-tone="2"]{background:var(--amber)}
.nm-ava[data-tone="3"]{background:var(--warmgrey)}
.nm-name{flex:1; min-width:0; font-size:13px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.nm-date{flex:none; font-family:var(--mono); font-size:11px; color:var(--muted)}
.dpick{
  background:var(--card); border:2.5px solid var(--ink); border-radius:5px;
  box-shadow:6px 6px 0 var(--shadow); overflow:hidden;
}
.dpick-shot{display:block; position:relative; width:100%; aspect-ratio:16/9; max-height:260px; background:var(--oil)}
.dpick-shot img{display:block; width:100%; height:100%; object-fit:cover}
.dpick-body{padding:14px 16px}
.dpick-body .sec-head{margin-bottom:8px}
.dpick-title{
  display:block; font-size:17px; font-weight:900; letter-spacing:-.02em; color:var(--ink);
  text-decoration:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.dpick-title:hover{color:var(--action)}
.dpick-by{display:block; margin-top:4px; font-size:12.5px; font-weight:700; color:var(--muted)}
.dpick-tags{display:flex; flex-wrap:wrap; gap:6px 10px; white-space:normal; overflow:visible}
.dpick-tag{font-size:14.5px; font-weight:800; letter-spacing:-.01em; color:var(--action)}
.dpick-by::before{content:"by "}
@media(max-width:560px){
  .dpick-shot{aspect-ratio:4/3}
  .dpick-body{padding:12px 13px}
  .dpick-title{font-size:15px}
}
.dpick-mark{
  position:absolute; left:6px; bottom:6px; z-index:2;
  font-family:var(--mono); font-size:10px; font-weight:800; letter-spacing:.5px;
  color:var(--cream); background:rgba(20,19,26,.78); border:1px solid var(--cream);
  border-radius:3px; padding:4px 8px; cursor:pointer; line-height:1.2;
}
.dpick-mark:hover{background:var(--action-bg); border-color:var(--action-bg)}
.dpick-mark.picked{background:var(--action-bg); border-color:var(--cream)}
.dpick-mark:disabled{opacity:.6; cursor:default}
.dpick-mark:focus-visible{outline:3px solid var(--action); outline-offset:2px}
.pssol-cellwrap{position:relative}
#screen-photo-detail .pssol-stage{position:relative}
.dpick-row{display:flex; align-items:center; flex-wrap:wrap; gap:8px; padding:10px 14px}
.dpick-row-cap{font-family:var(--mono); font-size:11px; font-weight:800; letter-spacing:1px; color:var(--muted)}
.dpick-mark-inline{
  position:static; color:var(--ink); background:transparent; border-color:var(--card-line);
  font-family:inherit; font-size:13px; letter-spacing:0;
}
.dpick-mark-inline:hover,
.dpick-mark-inline.picked{color:var(--cream)}
.dpick-row-err{flex-basis:100%; margin:0}
.navsearch{position:relative; display:flex; align-items:center; flex:0 1 150px; min-width:92px; margin-left:auto}
.navsearch input[type="search"]{
  width:100%; min-width:0; font-family:inherit; font-size:13px; font-weight:600;
  padding:7px 34px 7px 11px; min-height:38px;
  border:2px solid var(--card-line); border-radius:3px;
  background:var(--surface); color:var(--ink); -webkit-appearance:none; appearance:none;
}
.navsearch input[type="search"]::placeholder{color:var(--muted)}
.navsearch input[type="search"]:focus{outline:3px solid var(--action); outline-offset:1px; border-color:var(--action)}
.navsearch button{
  position:absolute; right:3px; top:50%; transform:translateY(-50%);
  display:flex; align-items:center; justify-content:center; width:28px; height:28px; padding:0;
  border:none; background:transparent; color:var(--muted); cursor:pointer;
}
.navsearch button:hover{color:var(--action)}
.nsug{
  position:absolute; top:calc(100% + 6px); right:0; z-index:60;
  width:max(320px, 100%); max-height:min(60vh, 420px); overflow-y:auto;
  background:var(--card); border:2px solid var(--ink); border-radius:5px;
  box-shadow:5px 5px 0 var(--shadow);
}
.nsug[hidden]{display:none}
.nsug-row{
  display:flex; align-items:flex-start; gap:9px; padding:10px 12px;
  border-bottom:1px dashed var(--line); text-decoration:none; color:var(--ink);
}
.nsug-row:last-of-type{border-bottom:none}
.nsug-row:hover,
.nsug-row.is-on{background:var(--bg-2)}
.nsug-badge{
  flex:none; font-family:var(--mono); font-size:10px; font-weight:800; letter-spacing:.5px;
  padding:3px 6px; border-radius:2px; background:var(--oil); color:var(--amber-ink);
}
.nsug-body{display:flex; flex-direction:column; gap:2px; min-width:0}
.nsug-body b{
  font-size:13px; font-weight:800; line-height:1.4;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.nsug-meta{font-family:var(--mono); font-size:10px; color:var(--muted)}
.nsug-more{
  display:block; padding:10px 12px; text-align:center;
  font-family:var(--mono); font-size:11px; font-weight:800; letter-spacing:.5px;
  text-decoration:none; color:var(--action); background:var(--bg-2);
  border-top:2px solid var(--ink);
}
.nsug-more:hover,
.nsug-more.is-on{background:var(--oil); color:var(--amber-ink)}
.nsug-none{margin:0; padding:14px 12px; text-align:center; font-size:12px; color:var(--muted)}
@media(max-width:720px){
  .nsug{width:100%}
}
@media(min-width:721px){
  .menu{flex:1 1 auto; min-width:0}
  .navsearch{flex-shrink:100}
}
@media(max-width:900px){ .navsearch{flex-basis:120px} }
@media(max-width:720px){
  .navsearch{flex:1; min-width:0}
}
@media(max-width:420px){
  .nav-in{gap:10px; padding:12px 12px}
  .navsearch input[type="search"]{padding:6px 30px 6px 9px; min-height:36px}
}
#screen-search .srch-sec{margin-bottom:26px}
#screen-search .srch-sec:last-child{margin-bottom:0}
#screen-search .board{
  background:var(--card); border:2.5px solid var(--ink); border-radius:5px;
  box-shadow:6px 6px 0 var(--shadow); padding:6px 14px;
}
#screen-search .srch-n{margin-left:8px; font-family:var(--mono); font-size:12px; font-weight:700; color:var(--muted)}
#screen-search .board .row .th{
  width:44px; height:33px; flex:none; border-radius:3px; border:1.5px solid var(--ink);
  background-size:cover; background-position:center; background-repeat:no-repeat;
}
@media(max-width:560px){
  #screen-search .board{padding:6px 11px}
  #screen-search .board .row{flex-wrap:wrap}
  #screen-search .board .row .ttl{white-space:normal}
  #screen-search .board .row .meta{flex:1 1 100%}
}
.member-rank .p-head{display:flex; align-items:center; justify-content:space-between; gap:8px}
.mr-since{font-family:var(--mono); font-size:11px; font-weight:700; color:var(--muted)}
.mr-tabs{display:grid; grid-template-columns:repeat(4,1fr); gap:4px; margin-bottom:10px}
.mr-tab{
  font-family:inherit; font-size:12px; font-weight:700; padding:6px 2px;
  border:2px solid var(--card-line); border-radius:3px;
  background:transparent; color:var(--muted); cursor:pointer; white-space:nowrap;
  transition:color .15s, border-color .15s, background .15s;
}
.mr-tab:hover{color:var(--action); border-color:var(--action)}
.mr-tab.on{background:var(--action-bg); border-color:var(--action-bg); color:var(--cream)}
.mr-list{display:flex; flex-direction:column}
.skel-rows{display:none; flex-direction:column; gap:9px; padding:2px 0}
.is-skel .skel-rows{display:flex}
.is-skel .mr-list,
.is-skel .nm-list{display:none}
.skel-row{display:block; height:15px; border-radius:4px;
  background:linear-gradient(90deg,var(--bg-2) 25%,var(--line) 37%,var(--bg-2) 63%);
  background-size:400% 100%; animation:skel-shimmer 1.4s ease-in-out infinite}
.skel-row:nth-child(2){width:88%}
.skel-row:nth-child(3){width:72%}
.skel-row:nth-child(4){width:80%}
.skel-row:nth-child(5){width:64%}
@keyframes skel-shimmer{0%{background-position:100% 0}100%{background-position:0 0}}
@media(prefers-reduced-motion:reduce){ .skel-row{animation:none; background:var(--bg-2)} }
.skel-rows-list{gap:0; padding:0}
.skel-item .mr-rank,
.skel-item .nm-ava{background:var(--bg-2); color:transparent; border-color:transparent}
.skel-item .skel-row{display:inline-block; vertical-align:middle; width:72%}
.skel-item:nth-child(2n) .skel-row{width:58%}
.skel-item:nth-child(3n) .skel-row{width:66%}
.mr-list, .nm-list, #dalshim-checkin-widget-stats{animation:side-fade .25s ease-out}
@keyframes side-fade{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){ .mr-list, .nm-list, #dalshim-checkin-widget-stats{animation:none} }
.mr-item{display:flex; align-items:center; gap:9px; padding:8px 2px; border-bottom:1px solid var(--card-line)}
.mr-item:last-child{border-bottom:none}
a.mr-item{transition:transform .15s}
a.mr-item:hover{transform:translateX(2px)}
a.mr-item:hover .mr-name{color:var(--action)}
.mr-rank{
  flex:none; width:18px; height:18px; border-radius:3px;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--mono); font-size:11px; font-weight:800; line-height:1;
  background:var(--bg-2); color:var(--muted);
}
.mr-rank.top{background:var(--action-bg); color:var(--cream)}
.mr-name{flex:1; min-width:0; font-size:13px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.mr-score{flex:none; font-family:var(--mono); font-size:11.5px; font-weight:700; color:var(--action)}
.mr-empty{margin:10px 2px 2px; font-size:12.5px; color:var(--muted)}
.csurvey{padding:11px 13px}
.wmodal .csurvey{padding-left:0; padding-right:0}
.csvy-add{
  font-family:inherit; font-size:12.5px; font-weight:700; padding:7px 12px;
  border:2px solid var(--card-line); border-radius:4px;
  background:transparent; color:var(--muted); cursor:pointer;
  transition:color .15s, border-color .15s;
}
.csvy-add:hover{color:var(--action); border-color:var(--action)}
.csvy-box{border:2px solid var(--card-line); border-radius:5px; padding:11px 12px; background:var(--bg-2)}
.csvy-head{display:flex; align-items:center; gap:8px; margin-bottom:9px}
.csvy-ttl{font-size:12.5px; font-weight:800; letter-spacing:-.01em}
.csvy-drop{
  margin-left:auto; font-family:inherit; font-size:12px; font-weight:700;
  border:none; background:transparent; color:var(--muted); cursor:pointer; padding:2px 0;
}
.csvy-drop:hover{color:var(--action)}
.csvy-q, .csvy-opt{
  display:block; width:100%; font-family:inherit; color:var(--ink);
  border:none; border-bottom:1px solid var(--line); border-radius:0;
  background:transparent; padding:8px 0; min-height:38px;
}
.csvy-q::placeholder, .csvy-opt::placeholder{color:var(--muted)}
.csvy-q:focus, .csvy-opt:focus{outline:3px solid var(--action); outline-offset:1px; border-color:var(--action)}
.csvy-q[readonly], .csvy-opt[readonly]{color:var(--muted); cursor:default}
.csvy-q{font-size:14px; font-weight:700}
.csvy-opts{display:flex; flex-direction:column; gap:2px; margin-top:4px}
.csvy-opt{font-size:13.5px}
.csvy-more{
  margin-top:9px; font-family:inherit; font-size:12px; font-weight:700;
  border:none; background:transparent; color:var(--action); cursor:pointer; padding:2px 0;
}
.csvy-hint{margin:8px 0 0; font-size:11.5px; color:var(--muted)}
.svy{margin-top:14px; border:2px solid var(--card-line); border-radius:5px; padding:12px 13px; background:var(--bg-2)}
.svy-q{margin:0 0 10px; font-size:14.5px; font-weight:800; letter-spacing:-.01em; white-space:pre-line}
.svy-ballot .svy-opts{display:flex; flex-direction:column; gap:7px}
.svy-pick{
  display:block; width:100%; text-align:left; font-family:inherit; font-size:13.5px; font-weight:700;
  padding:10px 12px; border:2px solid var(--card-line); border-radius:4px;
  background:var(--card); color:var(--ink); cursor:pointer;
  transition:border-color .15s, color .15s;
}
.svy-pick:hover{border-color:var(--action); color:var(--action)}
.svy-pick.on{background:var(--action-bg); border-color:var(--action-bg); color:var(--cream)}
.svy-go{margin-top:10px}
.svy-err{margin:8px 0 0; font-size:12.5px; font-weight:700; color:var(--action)}
.svy-res{display:flex; flex-direction:column; gap:9px}
.svy-rh{display:flex; align-items:baseline; gap:8px}
.svy-lb{flex:1; min-width:0; font-size:13.5px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.svy-n{flex:none; font-family:var(--mono); font-size:11.5px; font-weight:700; color:var(--muted)}
.svy-bar{margin-top:4px; height:8px; border-radius:4px; background:var(--surface); border:1px solid var(--card-line); overflow:hidden}
.svy-bar i{display:block; height:100%; background:var(--warmgrey)}
.svy-row.mine .svy-lb{color:var(--action)}
.svy-row.mine .svy-n{color:var(--action)}
.svy-row.mine .svy-bar i{background:var(--action-bg)}
.svy-foot{display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; margin-top:11px; padding-top:9px; border-top:1px dashed var(--line)}
.svy-total{font-family:var(--mono); font-size:11.5px; font-weight:700; color:var(--muted)}
.svy-note{font-size:11.5px; color:var(--muted)}
.c.is-reply{margin-left:26px; padding-left:12px; border-left:2px solid var(--card-line)}
#comments .cmt.is-reply{margin-left:26px; padding-left:12px; border-left:2px solid var(--card-line)}
@media(max-width:480px){
  .c.is-reply,
  #comments .cmt.is-reply{margin-left:12px; padding-left:9px}
}
.c-acts{display:flex; flex-wrap:wrap; gap:10px; margin-top:6px}
.c-act{
  font-family:var(--mono); font-size:13px; font-weight:700; letter-spacing:.5px;
  padding:0; border:none; background:transparent; color:var(--muted); cursor:pointer;
}
.c-act:hover{color:var(--action)}
.c-act:not(:first-child):hover{color:var(--rust)}
.c-edited{font-size:11px; color:var(--muted); margin-left:6px}
.c-edit{display:flex; flex-wrap:wrap; align-items:center; gap:6px; margin:4px 0 2px}
.c-edit input{
  flex:1; min-width:160px;
  font-family:inherit; font-size:13.5px; padding:7px 10px;
  border:2px solid var(--card-line); border-radius:3px; background:var(--surface); color:var(--ink);
}
.c-edit input:focus{outline:2px solid var(--action); outline-offset:1px; border-color:var(--action)}
.c-err{flex-basis:100%; margin:2px 0 0; font-size:12px; color:var(--rust)}
.c-blocked .cb p{color:var(--muted); font-style:italic}
.c-blocked .ava{opacity:.5}
.mod-actions{display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:12px}
.mod-btn{
  font-family:var(--mono); font-size:13px; font-weight:700; letter-spacing:.5px;
  padding:0; border:none; background:transparent; color:var(--muted); cursor:pointer;
}
.mod-btn:hover{color:var(--rust)}
.mod-panel{
  flex:1 1 100%; display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  margin-top:8px; padding:10px 12px;
  border:2px solid var(--card-line); border-radius:4px; background:var(--bg-2);
}
.mod-msg{flex:1 1 100%; margin:0; font-size:12.5px; line-height:1.5; color:var(--muted)}
.mod-select,
.mod-detail{
  font-family:inherit; font-size:13px; padding:7px 9px; min-height:36px;
  border:2px solid var(--card-line); border-radius:3px;
  background:var(--surface); color:var(--ink);
}
.mod-select{flex:0 0 auto}
.mod-detail{flex:1 1 180px; min-width:0}
.mod-detail::placeholder{color:var(--muted)}
.mod-select:focus,
.mod-detail:focus{outline:3px solid var(--action); outline-offset:1px; border-color:var(--action)}
.mod-acts{display:flex; gap:8px; margin-left:auto}
.card-menu .mod-panel{flex-direction:column; align-items:stretch; margin:6px 0 0; padding:8px}
.card-menu .mod-acts{margin-left:0}
.blocklist .row .ttl{flex:1; min-width:0; font-size:14px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.blocklist .row .meta{font-family:var(--mono); font-size:11px; color:var(--muted)}
.blocklist .row .btn{margin-left:auto; flex:none}
.op-find{display:flex; gap:8px; margin:14px 0 6px}
.op-find input{
  flex:1 1 200px; min-width:0; font-family:inherit; font-size:13px; padding:7px 9px; min-height:36px;
  border:2px solid var(--card-line); border-radius:3px; background:var(--surface); color:var(--ink);
}
.op-find input::placeholder{color:var(--muted)}
.op-find input:focus{outline:3px solid var(--action); outline-offset:1px; border-color:var(--action)}
.op-find .btn{flex:none}
.ops-links{display:flex; flex-wrap:wrap; gap:8px}
@media (max-width:600px){
  #dalshim-operators .row{flex-wrap:wrap; row-gap:2px}
  #dalshim-operators .row .meta{order:3; flex-basis:100%; padding-left:44px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
}
#screen-checkin .coupon.is-used{border-style:solid; border-color:var(--ok)}
#screen-checkin .coupon.is-expired{border-color:var(--rust); opacity:.75}
#screen-checkin .cp-flow{margin-top:12px; display:flex; flex-direction:column; gap:8px}
#screen-checkin .cp-q{font-size:14px; font-weight:800; color:var(--muted)}
#screen-checkin .cp-err{font-size:13.5px; font-weight:700; color:var(--rust)}
#screen-checkin .cp-warn{
  background:var(--rust); color:var(--cream); border-radius:4px;
  padding:9px 11px; font-size:13.5px; font-weight:800; line-height:1.5; margin:0;
}
#screen-checkin .cp-hint{font-size:12.5px; font-weight:700; color:var(--muted); line-height:1.55; margin:0}
.cp-btn{
  width:100%; min-height:52px; padding:14px 16px;
  border:2px solid var(--action); border-radius:4px;
  background:var(--action-bg); color:var(--cream);
  font-family:inherit; font-size:16px; font-weight:800; cursor:pointer;
}
.cp-btn:disabled{opacity:.55; cursor:default}
.cp-store{background:transparent; color:var(--action)}
.cp-store:hover{background:var(--action-bg); color:var(--cream)}
.cp-link{
  border:none; background:none; padding:10px; cursor:pointer;
  font-family:inherit; font-size:13.5px; font-weight:700; color:var(--muted); text-decoration:underline;
}
.cp-link:hover{color:var(--action)}
#screen-checkin .cp-amt{font-size:30px; font-weight:900; color:var(--action); line-height:1.15}
#screen-checkin .cp-who{font-size:17px; font-weight:800}
#screen-checkin .cp-store-name{font-size:15px; font-weight:800; color:var(--muted)}
#screen-checkin .cp-check{font-size:26px; font-weight:900; color:var(--ok)}
#screen-checkin .cp-clock{font-family:var(--mono); font-size:34px; font-weight:800; letter-spacing:.02em}
#screen-store{max-width:520px; margin:0 auto; padding:18px 16px 40px}
#screen-store .st-top{display:flex; align-items:baseline; justify-content:space-between; gap:10px; margin-bottom:14px}
#screen-store .st-top h1{font-size:22px; font-weight:900}
#screen-store .st-where{
  font-family:var(--mono); font-size:12px; font-weight:800;
  padding:4px 9px; border-radius:3px; background:var(--action-bg); color:var(--cream); white-space:nowrap;
}
#screen-store .st-loading{color:var(--muted); font-size:14px}
#screen-store .st-err{
  margin-bottom:12px; padding:10px 12px; border:2px solid var(--rust); border-radius:4px;
  font-size:14px; font-weight:700; color:var(--rust);
}
#screen-store .st-guide{
  border:2px solid var(--card-line); border-radius:5px; background:var(--card);
  box-shadow:4px 4px 0 var(--shadow); padding:20px 18px; text-align:center;
}
#screen-store .st-guide h1,
#screen-store .st-guide h2{font-size:19px; font-weight:900; margin-bottom:8px}
#screen-store .st-guide p{font-size:14.5px; color:var(--muted); line-height:1.6; margin-bottom:14px}
#screen-store .st-flow{
  border:2px solid var(--card-line); border-radius:5px; background:var(--card);
  box-shadow:4px 4px 0 var(--shadow); padding:20px 18px; text-align:center;
}
#screen-store .st-q{font-size:14px; font-weight:800; color:var(--muted); margin-bottom:10px}
#screen-store .st-confirm,
#screen-store .st-done{display:flex; flex-direction:column; gap:10px; align-items:center}
#screen-store .st-amt{font-size:34px; font-weight:900; color:var(--action); line-height:1.1}
#screen-store .st-who{font-size:18px; font-weight:800}
#screen-store .st-store-name{font-size:15px; font-weight:800; color:var(--muted)}
#screen-store .st-check{font-size:30px; font-weight:900; color:var(--ok)}
#screen-store .st-clock{font-family:var(--mono); font-size:38px; font-weight:800; letter-spacing:.02em}
#screen-store .st-note{font-size:13px; color:var(--muted); line-height:1.5}
#screen-store .st-btn{
  display:block; width:100%; box-sizing:border-box; min-height:52px; padding:15px 16px;
  border:2px solid var(--action); border-radius:4px;
  background:var(--action-bg); color:var(--cream);
  font-family:inherit; font-size:17px; font-weight:800; cursor:pointer; text-align:center;
}
#screen-store a.st-btn{text-decoration:none}
#screen-store .st-btn:disabled{opacity:.55; cursor:default}
#screen-store .st-pick{background:transparent; color:var(--action); margin-bottom:8px}
#screen-store .st-pick:hover{background:var(--action-bg); color:var(--cream)}
#screen-store .st-link{
  border:none; background:none; padding:10px; cursor:pointer;
  font-family:inherit; font-size:13.5px; font-weight:700; color:var(--muted); text-decoration:underline;
}
#screen-store .st-link:hover{color:var(--action)}
@media(max-width:720px){
  .act{min-height:44px}
  .mr-tab{min-height:44px; display:inline-flex; align-items:center; justify-content:center}
  .mr-item{min-height:44px}
  .btn{min-height:44px; display:inline-flex; align-items:center; justify-content:center}
  .more{min-height:44px; display:inline-flex; align-items:center}
  .navsearch button, .noti-bell{min-width:44px; min-height:44px}
  .logo{min-height:44px; display:inline-flex; align-items:center}
  .dpick-title{min-height:44px; display:inline-flex; align-items:center}
  .tabs a{min-height:44px; display:inline-flex; align-items:center}
  .pager a, .pager span{min-height:44px; display:inline-flex; align-items:center; justify-content:center}
  .checkin-widget .cw-btn{min-height:44px}
  .nav-icon{width:44px; height:44px}
}
#screen-my .phead{ --nick-h:36px }
#screen-my .phead .nick-inline{
  flex:0 1 auto; min-width:0; margin-left:auto;
  display:flex; align-items:center; gap:8px; flex-wrap:wrap;
}
#screen-my .phead .nick-inline input,
#screen-my .phead .nick-inline .btn,
#screen-my .phead #dalshim-my-add-car{
  height:var(--nick-h); padding-top:0; padding-bottom:0;
}
#screen-my .phead #dalshim-my-add-car{flex:none; display:inline-flex; align-items:center}
#screen-my .phead .nick-inline .btn{display:inline-flex; align-items:center; justify-content:center}
#screen-my .phead .nick-inline-label{
  font-family:var(--mono); font-size:11px; font-weight:800; letter-spacing:2px;
  color:rgba(255,255,255,.72); flex:none; white-space:nowrap;
}
#screen-my .phead .nick-inline input{
  flex:none; width:260px; padding:8px 11px;
  border:2px solid rgba(255,255,255,.28); border-radius:4px;
  background:rgba(255,255,255,.08); color:var(--cream);
  font-family:inherit; font-size:14px; font-weight:700;
}
#screen-my .phead .nick-inline input::placeholder{color:rgba(255,255,255,.45); font-weight:600}
#screen-my .phead .nick-inline input:focus{outline:none; border-color:var(--cream); background:rgba(255,255,255,.14)}
#screen-my .phead .nick-inline .btn{
  flex:none; padding:8px 14px; font-size:13px;
  background:transparent; color:var(--cream); border:2px solid rgba(255,255,255,.45);
}
#screen-my .phead .nick-inline .btn:hover{background:var(--cream); color:var(--action); border-color:var(--cream)}
#screen-my .phead .nick-inline .nick-msg{width:100%; margin:2px 0 0; color:#b6f0c8}
#screen-my .phead .nick-inline .nick-msg.is-error{color:#ffc9bd}
@media (max-width:820px){
  #screen-my .phead #dalshim-my-add-car{order:1}
  #screen-my .phead .nick-inline{
    order:2; flex-basis:100%; margin-left:0; margin-top:12px; padding-top:12px;
    border-top:1px solid rgba(255,255,255,.18);
  }
  #screen-my .phead .nick-inline input{flex:1 1 0; width:auto; min-width:0}
}
.nick-lede{font-size:13.5px; color:var(--muted); line-height:1.65; margin:0 0 12px}
.nick-msg{margin:10px 0 0; font-size:13px; font-weight:700; color:var(--ok)}
.nick-msg.is-error{color:var(--rust)}
.nick-input{
  width:100%; padding:11px 12px;
  border:2px solid var(--card-line); border-radius:4px; background:var(--surface);
  font-family:inherit; font-size:15px; font-weight:700; color:var(--ink);
}
.nick-input:focus{outline:none; border-color:var(--action)}
.nick-modal{max-width:420px}
.nick-modal .wmodal-body{display:flex; flex-direction:column; gap:10px}
.nick-modal .nick-now{
  display:flex; flex-direction:column; gap:4px; align-items:center;
  padding:14px; border:2px dashed var(--card-line); border-radius:5px; background:var(--bg-2);
}
.nick-modal .nick-now-label{
  font-family:var(--mono); font-size:11px; font-weight:800; letter-spacing:2px; color:var(--muted);
}
.nick-modal .nick-now-name{font-size:22px; font-weight:900; letter-spacing:-.02em; word-break:break-all}
.nick-modal .nick-lede{margin:0; text-align:center}
.nick-modal .nick-hint{margin:0; font-size:12.5px; color:var(--muted); line-height:1.55; text-align:center}
.nick-modal .nick-save{width:100%; margin-top:2px}
.nick-modal .nick-later{align-self:center}
#screen-note{max-width:1120px; margin:0 auto; padding:18px}
#screen-note .pssol-thumb{position:relative; display:block; overflow:hidden}
#screen-note .pssol-thumb::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:58%;
  background:linear-gradient(to top, rgba(0,0,0,.75), rgba(0,0,0,0));
  pointer-events:none;
}
#screen-note .note-card-title{
  position:absolute; left:11px; right:11px; bottom:26px; z-index:1;
  color:#fff; font-size:15px; font-weight:900; line-height:1.35;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
#screen-note .note-card-date{
  position:absolute; left:11px; bottom:9px; z-index:1;
  color:rgba(255,255,255,.85); font-family:var(--mono); font-size:11px; font-weight:700;
}
#screen-note .note-thumb-empty{
  background-image:
    repeating-linear-gradient(-45deg, rgba(0,0,0,.045) 0 7px, transparent 7px 14px),
    linear-gradient(160deg, var(--card), var(--bg-2));
}
#screen-note .note-thumb-empty::after{display:none}
#screen-note .note-thumb-empty .note-card-title{color:var(--ink)}
#screen-note .note-thumb-empty .note-card-date{color:var(--muted)}
#screen-note .note-thumb-empty::before{
  content:"✎"; position:absolute; top:50%; left:50%; transform:translate(-50%,-60%);
  font-size:40px; color:rgba(0,0,0,.13); line-height:1; pointer-events:none;
}
#screen-note-detail{max-width:760px; margin:0 auto; padding:18px}
#screen-note-detail .pback{display:inline-block; margin-bottom:12px}
#screen-note-detail .post{margin-bottom:18px}
#screen-note-detail .cmts{margin-top:18px}
#screen-note-detail .note-cover{margin:0; border-bottom:2px solid var(--ink)}
#screen-note-detail .note-cover img{display:block; width:100%; height:auto}
#screen-note-detail .note-title{
  margin:0; padding:16px 14px 0;
  font-size:24px; font-weight:900; line-height:1.35; letter-spacing:-.02em;
}
#screen-note-detail .p-top{padding-top:10px}
#screen-note-detail .note-body{
  padding:4px 14px 16px; font-size:16px; line-height:1.85;
  border-top:1px dashed var(--line); margin-top:4px; padding-top:14px;
}
#screen-note-detail .note-body > *:first-child{margin-top:0}
#screen-note-detail .note-body p{margin:0 0 14px}
#screen-note-detail .note-body p:last-child{margin-bottom:0}
#screen-note-detail .note-body img{max-width:100%; height:auto; border-radius:4px}
#screen-note-detail .note-body h2,
#screen-note-detail .note-body h3{margin:20px 0 8px; font-weight:900; line-height:1.4}
#screen-note-detail .note-body ul,
#screen-note-detail .note-body ol{margin:0 0 14px; padding-left:20px}
@media (max-width:560px){
  #screen-note-detail{padding:14px 12px 32px}
  #screen-note-detail .note-title{font-size:20px; padding:14px 12px 0}
  #screen-note-detail .note-body{padding-left:12px; padding-right:12px}
}
.home-start{
  text-align:center; padding:44px 24px;
  border:2px dashed var(--line); border-radius:6px; background:var(--card);
}
.home-start .stencil{
  font-family:var(--mono); font-size:11px; font-weight:800; letter-spacing:2px;
  padding:3px 9px; border-radius:2px; color:var(--cream);
  display:inline-block; margin-bottom:12px;
}
.home-start h2{margin:0 0 10px; font-size:22px; font-weight:900; letter-spacing:-.03em}
.home-start p{margin:0 0 20px; font-size:14.5px; line-height:1.75; color:var(--muted)}
.home-start-act{display:flex; gap:8px; justify-content:center; flex-wrap:wrap}
@media(max-width:560px){
  .home-start{padding:32px 18px}
  .home-start h2{font-size:19px}
  .home-start-act .btn{flex:1 1 100%}
}
br.pc-br{display:inline}
@media(max-width:560px){ br.pc-br{display:none} }
#screen-log-detail .pback{display:inline-block; margin-bottom:12px}
#screen-log-detail .log-detail-text{margin:0; white-space:pre-line}
#screen-log-detail .shots .s{background-image:none; background-color:var(--oil); overflow:hidden}
#screen-log-detail .shots .s img{position:absolute; inset:0; width:100%; height:100%; object-fit:contain; display:block}
#screen-log-detail .lmodal-garage,
#screen-log-detail .lmodal-video{margin-left:14px}
#screen-log-detail .p-top .lmodal-share{margin-left:auto}
#screen-log-detail .cmts{margin-top:18px}
#screen-garage-detail .cmts{margin-top:18px}
#screen-log-detail .log-detail-head{display:flex; align-items:flex-start; gap:6px}
#screen-log-detail .log-detail-head .log-detail-title{flex:1; min-width:0}
#screen-log-detail .log-more{position:relative; flex:none; margin:12px 10px 0 0}
#screen-log-detail .log-more-btn{
  display:flex; align-items:center; justify-content:center; width:36px; height:36px; padding:0;
  border:none; border-radius:50%; background:var(--bg-2); color:var(--muted); cursor:pointer;
}
#screen-log-detail .log-more-btn:hover,
#screen-log-detail .log-more-btn[aria-expanded="true"]{color:var(--ink)}
#screen-log-detail .log-more-menu{
  position:absolute; top:calc(100% + 6px); right:0; z-index:30; min-width:170px; padding:6px;
  background:var(--card); border:1px solid var(--card-line); border-radius:10px;
  box-shadow:0 8px 24px rgba(0,0,0,.14);
}
#screen-log-detail .log-more-menu .log-actions{margin:0; display:block}
#screen-log-detail .log-more-menu .log-actions-row{flex-direction:column; align-items:stretch; gap:0}
#screen-log-detail .log-more-menu .log-actions-row[hidden]{display:none}
#screen-log-detail .log-more-menu .btn{
  display:flex; align-items:center; justify-content:flex-start; gap:10px; width:100%; padding:10px 12px; border:none; border-radius:6px;
  background:transparent; box-shadow:none; color:var(--ink); font-size:15px; font-weight:700; text-align:left;
}
#screen-log-detail .log-more-menu .btn:hover{background:var(--bg-2); transform:none}
#screen-log-detail .log-more-menu #dalshim-log-delete,
#screen-log-detail .log-more-menu #dalshim-log-delete-confirm{color:var(--rust)}
#screen-log-detail .log-more-menu .log-actions-confirm-text{padding:8px 12px 4px; font-size:13px}
#screen-log-detail .log-detail-title{
  margin:0; padding:16px 14px 0;
  font-size:24px; font-weight:900; line-height:1.35; letter-spacing:-.02em;
}
#screen-log-detail .p-top{padding-top:10px}
@media(max-width:560px){
  #screen-log-detail .log-detail-title{font-size:20px; padding-top:14px}
}
.rte-toolbar{
  display:flex; align-items:center; flex-wrap:wrap; gap:4px;
  padding:7px 13px; border-bottom:2px solid var(--line);
}
.rte-btn{
  font-family:var(--mono); font-size:11px; font-weight:800;
  color:var(--muted); background:transparent;
  border:1.5px solid var(--card-line); border-radius:2px;
  padding:4px 8px; cursor:pointer; transition:all .15s;
  min-height:28px;
}
.rte-btn:hover{color:var(--action); border-color:var(--action)}
.rte-btn.on{color:var(--cream); background:var(--action-bg); border-color:var(--action-bg)}
.rte-sep{width:1px; height:16px; background:var(--card-line); margin:0 4px}
.composer .composer-body{
  width:100%; border:none; background:transparent; color:var(--ink);
  font-family:inherit; font-size:16px; padding:13px; min-height:80px;
  overflow-wrap:break-word; word-break:break-word;
  white-space:pre-wrap;
  overflow-y:auto;
}
.composer .composer-body:focus{outline:none}
.composer .composer-body.is-empty::before{
  content:attr(data-placeholder); color:var(--muted); pointer-events:none;
}
.log-font-small{font-size:13px}
.log-font-large{font-size:17px}
.log-detail-text.log-font-small{font-size:13px}
.log-detail-text.log-font-large{font-size:17px}
.composer .composer-body.log-font-small{font-size:13px}
.composer .composer-body.log-font-large{font-size:17px}
.log-detail-text strong, .log-detail-text b,
.composer .composer-body strong, .composer .composer-body b{font-weight:800}
.composer .ctitle{padding-left:13px; padding-right:13px}
.composer .ctitle input{font-size:17px; font-weight:800; min-height:46px}
.composer .ctitle-hint{margin:4px 0 0; padding:0 13px; font-size:11.5px; color:var(--muted)}
.composer .ctitle-hint.is-error{margin-top:6px; font-size:13px; font-weight:700; color:var(--rust); display:flex; align-items:center; gap:6px}
.composer .ctitle-hint.is-error::before{content:"!"; flex:none; width:15px; height:15px; border:1.5px solid currentColor; border-radius:50%; font-size:10px; line-height:12px; text-align:center}
.composer .ctitle input[aria-invalid="true"]{border-bottom:2px solid var(--rust)}
.btn.is-busy{opacity:.6; cursor:progress; display:inline-flex; align-items:center; gap:7px}
.btn.is-busy::before{content:""; width:12px; height:12px; border:2px solid currentColor; border-right-color:transparent; border-radius:50%; animation:dalshim-spin .7s linear infinite}
@keyframes dalshim-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){ .btn.is-busy::before{animation-duration:2s} }
#screen-log .pssol-thumb{position:relative; display:block; overflow:hidden}
#screen-log .pssol-thumb::after{
  content:""; position:absolute; left:0; right:0; bottom:0; height:58%;
  background:linear-gradient(to top, rgba(0,0,0,.75), rgba(0,0,0,0));
  pointer-events:none;
}
#screen-log .log-card-title{
  position:absolute; left:10px; right:10px; bottom:26px; z-index:1;
  color:#fff; font-size:13.5px; font-weight:900; line-height:1.35;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
#screen-log .log-card-meta{
  position:absolute; left:10px; right:10px; bottom:7px; z-index:1;
  display:flex; align-items:baseline; gap:5px;
  font-family:var(--mono); font-size:10.5px; font-weight:700;
}
#screen-log .log-card-au{
  flex:1 1 auto; min-width:0;
  overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
  color:rgba(255,255,255,.95);
}
#screen-log .log-card-date{
  flex:none;
  color:rgba(255,255,255,.72);
}
#screen-log .pssol-card.notice .pssol-thumb{border-color:var(--action)}
#screen-log .log-card-notice{
  position:absolute; left:8px; top:8px; z-index:1;
  font-family:var(--mono); font-size:10px; font-weight:800;
  color:var(--kraft); background:var(--action-bg); padding:2px 6px; border-radius:2px;
}
#screen-home .board-head{
  display:flex; align-items:center; gap:10px; padding:9px 4px;
  border-bottom:2px solid var(--ink);
  font-family:var(--mono); font-size:12px; font-weight:800;
  letter-spacing:1px; color:var(--muted);
}
#screen-home .board .row .rank,
#screen-home .board-head .bh-rank{width:16px; flex:none; text-align:center}
#screen-home .board .row .cat,
#screen-home .board-head .bh-cat{width:40px; flex:none; padding-left:0; padding-right:0; text-align:center}
#screen-home .board-head .bh-ttl{flex:1; min-width:0}
#screen-home .board .row .cmt,
#screen-home .board-head .bh-cmt{width:40px; flex:none; text-align:center}
#screen-home .board .row .meta,
#screen-home .board-head .bh-meta{width:112px; flex:none; display:flex; align-items:center; gap:8px}
#screen-home .board .row .meta .au,
#screen-home .board-head .bh-au{width:64px; flex:none; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  text-align:right;
  font-family:"Pretendard","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",system-ui,sans-serif;
  font-size:12px; letter-spacing:0}
#screen-home .board .row .meta .vw,
#screen-home .board-head .bh-vw{width:40px; flex:none; text-align:right; white-space:nowrap}
@media(max-width:560px){
  #screen-home .board-head{gap:8px; font-size:12px; letter-spacing:0}
  #screen-home .board .row .meta,
  #screen-home .board-head .bh-meta{display:none}
}
.my-pager{margin-top:auto; padding-top:14px; display:flex; align-items:center; justify-content:center; gap:10px}
.my-pager-now{font-family:var(--mono); font-size:12px; font-weight:700; color:var(--muted); min-width:44px; text-align:center}
.my-pager .btn[disabled]{opacity:.38; cursor:default}
html body.woocommerce a:not(.btn),
html body.woocommerce a:not(.btn):link,
html body.woocommerce a:not(.btn):visited,
html body.woocommerce-page a:not(.btn),
html body.woocommerce-page a:not(.btn):link,
html body.woocommerce-page a:not(.btn):visited{color:inherit}
html body.woocommerce a:not(.btn):hover,
html body.woocommerce a:not(.btn):focus,
html body.woocommerce-page a:not(.btn):hover,
html body.woocommerce-page a:not(.btn):focus{color:var(--action)}
body.woocommerce .shop-price,
body.woocommerce .shop-price .woocommerce-Price-amount,
body.woocommerce-page .shop-price,
body.woocommerce-page .shop-price .woocommerce-Price-amount,
body.woocommerce-page .pdp-price,
body.woocommerce-page .pdp-price .tosspay-recurring-price,
body.woocommerce-page .shop-price .tosspay-recurring-price,
body.woocommerce .shop-price .tosspay-recurring-price,
body.woocommerce-page .pdp-price .woocommerce-Price-amount{color:var(--ink) !important}
body.woocommerce .shop-price del,
body.woocommerce .shop-price del .woocommerce-Price-amount,
body.woocommerce .shop-price small,
body.woocommerce-page .shop-price del,
body.woocommerce-page .shop-price del .woocommerce-Price-amount,
body.woocommerce-page .shop-price small,
body.woocommerce-page .pdp-price small{color:var(--muted) !important}
body.woocommerce .shop-price del + .woocommerce-Price-amount,
body.woocommerce-page .shop-price del + .woocommerce-Price-amount,
body.woocommerce-page .pdp-price del + .woocommerce-Price-amount{color:var(--action) !important}
body.woocommerce-page .quantity{background:transparent !important}
body.woocommerce-page .pdp-qty-btn{background:var(--card) !important; color:var(--ink) !important; border-color:var(--card-line) !important}
body.woocommerce-checkout{
  --toss-blue: var(--violet);
  --toss-blue-light: var(--amber);
  --toss-blue-dark: var(--amber-deep);
  --toss-blue-bg: rgba(58,42,99,.06);
}
body.woocommerce-checkout #billing_address_1_field button.tosspay-address-search-btn{
  color: var(--violet) !important;
  border-color: var(--violet) !important;
}
body.woocommerce-checkout #billing_address_1_field button.tosspay-address-search-btn:hover{
  background: var(--violet) !important;
  color: #fff !important;
}
body.woocommerce-page .woocommerce button,
body.woocommerce-page .woocommerce input[type="submit"],
body.woocommerce-cart .woocommerce button,
body.woocommerce-cart .woocommerce input[type="submit"],
body.woocommerce-checkout .woocommerce button,
body.woocommerce-checkout .woocommerce input[type="submit"],
body.woocommerce-account .woocommerce button,
body.woocommerce-account .woocommerce input[type="submit"]{
  background-color: var(--violet) !important;
  border-color: var(--violet) !important;
  color: #fff !important;
}
body.woocommerce-page .woocommerce button:hover,
body.woocommerce-page .woocommerce input[type="submit"]:hover,
body.woocommerce-cart .woocommerce button:hover,
body.woocommerce-cart .woocommerce input[type="submit"]:hover,
body.woocommerce-checkout .woocommerce button:hover,
body.woocommerce-checkout .woocommerce input[type="submit"]:hover,
body.woocommerce-account .woocommerce button:hover,
body.woocommerce-account .woocommerce input[type="submit"]:hover{
  background-color: var(--amber-deep) !important;
  border-color: var(--amber-deep) !important;
  color: #fff !important;
}
.woocommerce a.button,
.woocommerce a.button.alt,
.woocommerce button.button,
.woocommerce button.button.alt,
.woocommerce input.button,
.woocommerce input.button.alt,
.woocommerce #respond input#submit,
.woocommerce #respond input#submit.alt,
.woocommerce .cart .button,
.woocommerce .checkout-button,
.woocommerce a.checkout-button,
.wc-proceed-to-checkout a.checkout-button,
.woocommerce #place_order,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button{
  background-color: var(--violet) !important;
  background: linear-gradient(135deg, var(--violet) 0%, var(--amber-deep) 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
}
.woocommerce a.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button:hover,
.woocommerce input.button.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .cart .button:hover,
.woocommerce .checkout-button:hover,
.woocommerce a.checkout-button:hover,
.wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce #place_order:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover{
  background-color: var(--amber-deep) !important;
  background: linear-gradient(135deg, var(--amber-deep) 0%, #2A1E48 100%) !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(58,42,99,.3) !important;
}
body.woocommerce-checkout .toptape,
body.woocommerce-checkout nav{display:none !important}
html body.woocommerce-order-received .woocommerce-thankyou-order-received,
html body.woocommerce-order-received .wc-block-order-confirmation-status,
html body.woocommerce-order-received .wp-block-woocommerce-order-confirmation-status{
  background: linear-gradient(135deg, var(--violet) 0%, var(--amber-deep) 100%) !important;
  box-shadow: 0 20px 40px rgba(58,42,99,.2) !important;
}
html body.woocommerce-order-received .woocommerce-order-overview li:first-child,
html body.woocommerce-order-received .wc-block-order-confirmation-summary-list-item:first-child{
  background: linear-gradient(135deg, rgba(58,42,99,.06) 0%, rgba(82,69,107,.08) 100%) !important;
  border-color: rgba(58,42,99,.12) !important;
}
html body.woocommerce-order-received .woocommerce-order-overview li:first-child strong,
html body.woocommerce-order-received .wc-block-order-confirmation-summary-list-item:first-child .wc-block-order-confirmation-summary-list-item__value{
  color: var(--violet) !important;
}
html body.woocommerce-order-received .woocommerce-order-details .order-again .button,
html body.woocommerce-order-received .wc-block-order-confirmation-status-description a.button{
  background: var(--violet) !important;
}
html body.woocommerce-order-received .woocommerce-order-details .order-again .button:hover,
html body.woocommerce-order-received .wc-block-order-confirmation-status-description a.button:hover{
  background: var(--amber-deep) !important;
  box-shadow: 0 8px 20px rgba(58,42,99,.25) !important;
}
.dalshim-thankyou-nav{display:flex; flex-wrap:wrap; gap:10px; margin-top:20px}
.dalshim-thankyou-nav a{
  flex:1 1 auto; min-width:140px; text-align:center; padding:14px 20px;
  border-radius:12px; font-weight:700; font-size:15px; text-decoration:none !important;
  transition:background .2s ease;
}
.dalshim-thankyou-nav a.is-primary{background:var(--violet)}
.dalshim-thankyou-nav a.is-primary:hover{background:var(--amber-deep)}
.dalshim-thankyou-nav a.is-secondary{background:#fff; border:1.5px solid var(--violet)}
.dalshim-thankyou-nav a.is-secondary:hover{background:rgba(58,42,99,.06)}
html body.woocommerce-order-received.woocommerce-checkout .dalshim-thankyou-nav a.is-primary,
html body.woocommerce-order-received.woocommerce-checkout .dalshim-thankyou-nav a.is-primary:hover,
html body.woocommerce-order-received.woocommerce-checkout .dalshim-thankyou-nav a.is-primary:focus{
  color: #fff !important;
}
html body.woocommerce-order-received.woocommerce-checkout .dalshim-thankyou-nav a.is-secondary,
html body.woocommerce-order-received.woocommerce-checkout .dalshim-thankyou-nav a.is-secondary:hover,
html body.woocommerce-order-received.woocommerce-checkout .dalshim-thankyou-nav a.is-secondary:focus{
  color: var(--violet) !important;
}
#screen-log .cols{grid-template-columns:1fr}
#screen-log .phead{align-items:flex-start}
.log-head-widget{width:340px; margin-left:auto; margin-right:18px; min-width:0}
.log-head-widget .panel{margin:0}
@media(max-width:900px){
  #screen-log .phead{flex-wrap:wrap}
  .log-head-widget{width:100%; margin:14px 0 0; order:3}
}
.log-adrow{display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:0 0 20px}
.log-adrow > *{margin:0; height:100%}
.log-adrow #dalshim-banner-slot{display:flex}
.log-adrow #dalshim-banner-slot .banner{flex:1; align-items:center}
@media(max-width:760px){ .log-adrow{grid-template-columns:1fr} }
.log-botrow{display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:16px; margin:24px 0 0}
.log-botrow > *{margin:0; height:100%; display:flex; flex-direction:column}
.log-botrow > * > .p-body,
.log-botrow > * > .mr-body,
.log-botrow > * > .nm-body{flex:1}
.log-tabs{align-items:center}
.log-tabs .log-write{margin-left:auto}
@media(max-width:560px){
  .log-tabs .log-write{width:100%; margin-left:0; text-align:center}
}
.st-market{background:var(--amber)}
.mk-notice{
  margin:0 0 14px; padding:10px 13px;
  border-left:3px solid var(--card-line); background:var(--bg-2); border-radius:3px;
  font-size:12.5px; line-height:1.65; color:var(--muted);
}
.mk-notice b{color:var(--ink)}
.mk-state{
  display:inline-block;
  font-family:var(--mono); font-size:10px; font-weight:800;
  color:var(--kraft); padding:2px 6px; border-radius:2px;
}
.mk-state.on{background:var(--action-bg)}
.mk-state.done{background:var(--oil)}
#screen-log .mk-sec{margin:26px 0 0}
#screen-log .mk-tabs{margin-bottom:14px}
.mk-head-act{display:flex; align-items:center; gap:10px; flex:none}
#screen-log .mk-price{
  position:absolute; left:10px; right:10px; bottom:48px; z-index:1;
  color:#fff; font-family:var(--mono); font-size:15px; font-weight:900; letter-spacing:-.01em;
}
#screen-log .mk-card .mk-state{position:absolute; left:8px; top:8px; z-index:1}
#screen-log .mk-card .log-card-title{bottom:28px; -webkit-line-clamp:1}
#screen-log .mk-card .log-card-meta{bottom:9px}
#screen-log .mk-loc{flex:none; color:rgba(255,255,255,.72)}
#screen-log .mk-cmt{flex:none; color:rgba(255,255,255,.95)}
#screen-log .mk-card.done .pssol-thumb{filter:grayscale(1); opacity:.62}
#screen-log .mk-card.done .pssol-link:hover .pssol-thumb{opacity:.8}
#screen-log .mk-sec .pager{margin-top:16px}
#screen-log .mk-empty{margin:0; padding:22px 0; text-align:center}
#screen-market-detail{max-width:760px; margin:0 auto; padding:18px}
#screen-market-detail .pback{display:inline-block; margin-bottom:12px}
#screen-market-detail .post{margin-bottom:18px}
#screen-market-detail .cmts{margin-top:18px}
#screen-market-detail .note-title{
  margin:0; padding:16px 14px 10px;
  font-size:24px; font-weight:900; line-height:1.35; letter-spacing:-.02em;
}
#screen-market-detail .mk-detail,
#screen-market-detail .mk-notice{margin-left:14px; margin-right:14px}
#screen-market-detail .p-top{padding-top:10px}
#screen-market-detail .note-body{
  padding:14px 14px 18px; font-size:16px; line-height:1.85;
  border-top:1px dashed var(--line); margin-top:4px;
}
.mk-detail{
  display:flex; align-items:center; gap:12px; flex-wrap:wrap;
  border:2px solid var(--ink); border-radius:4px; background:var(--card);
  padding:14px 16px; margin:0 0 14px; box-shadow:3px 3px 0 var(--shadow);
}
.mk-detail .amt{font-family:var(--mono); font-size:24px; font-weight:900; letter-spacing:-.02em}
.mk-detail .mk-where{font-size:13px; color:var(--muted)}
.mk-detail .sp{flex:1}
.mk-phone{
  display:flex; align-items:baseline; gap:8px; flex-wrap:wrap;
  margin:0 0 14px; padding:10px 13px;
  border:2px solid var(--card-line); border-radius:3px; background:var(--surface);
  font-size:13.5px; line-height:1.65;
}
.mk-phone .k{flex:none; font-size:12px; font-weight:800; color:var(--muted)}
.mk-phone .v{color:var(--muted)}
.mk-phone .v a{font-family:var(--mono); font-size:16px; font-weight:900; color:var(--action); text-decoration:none}
.mk-phone .v a:hover{text-decoration:underline}
.mk-phone-mine{font-size:12px; color:var(--muted)}
.mk-cmt-warn{margin:10px 14px 14px; font-size:12.5px; line-height:1.6; color:var(--muted)}
#screen-market-write{max-width:760px; margin:0 auto; padding:18px}
#screen-market-write .pback,
#screen-write .pback,
#screen-note-write .pback,
#screen-notice-write .pback,
#screen-video-write .pback,
#screen-photo-write .pback,
#screen-beong-write .pback,
#screen-garage-write .pback,
#screen-ops .pback{display:inline-block; margin-bottom:18px}
#screen-market-write .composer{margin-bottom:18px}
.mk-lab{
  flex:none; width:58px; align-self:center;
  font-size:13px; font-weight:800; color:var(--ink);
}
.mk-pub{display:flex; align-items:center; gap:8px; font-size:13.5px; font-weight:700; color:var(--ink); cursor:pointer}
.mk-pub input[type="checkbox"]{width:16px; height:16px; flex:none; accent-color:var(--action); cursor:pointer}
.mk-pub input[type="checkbox"]:focus-visible{outline:2px solid var(--action); outline-offset:2px}
.mk-del{color:var(--rust)}
.mk-del:hover{border-color:var(--rust)}
.mk-del[data-armed="1"]{background:var(--rust); border-color:var(--rust); color:var(--kraft)}
.mk-owner{
  display:inline-block; font-size:11px; font-weight:800; line-height:1.4;
  padding:1px 6px; border:1px solid var(--card-line); border-radius:2px; color:var(--muted);
}
#screen-log .mk-card .mk-owner{color:#fff; border-color:rgba(255,255,255,.55)}
.mk-owner-row .mk-owner-pick{margin-bottom:0}
.mk-cat-row .mk-cat-pick{margin-bottom:0}
.mk-hint{
  margin:-6px 13px 0; padding:0 0 4px;
  font-size:12px; line-height:1.6; color:var(--muted);
}
.mk-hint b{color:var(--ink)}
.mk-amt-field{position:relative; flex:1; max-width:260px}
.composer .cinput .mk-amt-field input,
.mk-amt-field input{
  width:100%; padding-right:34px; text-align:right;
  font-family:var(--mono); font-weight:800;
}
.mk-amt-field .won{
  position:absolute; right:11px; top:50%; transform:translateY(-50%);
  font-size:13px; font-weight:800; color:var(--muted); pointer-events:none;
}
@media(max-width:900px){
  #screen-log .mk-sec .pssol-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  #screen-log .mk-price{font-size:13.5px; bottom:44px}
  #screen-market-detail{padding:14px 12px 32px}
  #screen-market-detail .note-title{font-size:20px; padding:14px 12px 10px}
  #screen-market-detail .mk-detail,
  #screen-market-detail .mk-notice{margin-left:12px; margin-right:12px}
  #screen-market-detail .note-body{padding-left:12px; padding-right:12px}
  .mk-detail .amt{font-size:20px}
  #screen-market-write{padding:14px 12px 32px}
  .cinput .mk-lab{width:100%; margin-bottom:6px}
  .cinput:has(.mk-lab){flex-wrap:wrap}
}
#screen-notice .board .row{color:var(--ink); text-decoration:none}
#screen-notice .board .row .row-link{flex:1; min-width:0; display:flex; align-items:center; gap:10px; color:inherit; text-decoration:none}
#screen-notice .phead .btn{flex:none; align-self:flex-end}
#screen-notice .board .row .pin{flex:none; color:var(--action); font-size:12px}
#screen-notice .board .row .ttl{flex:1; min-width:0; font-size:15px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#screen-notice .board .row .meta{flex:none; font-family:var(--mono); font-size:12px; color:var(--muted)}
#screen-notice .notice-back{margin:0 0 10px; font-size:14px}
#screen-notice .notice-back a{color:var(--muted)}
#screen-notice .notice-body{background:var(--card); border:2.5px solid var(--ink); border-radius:5px; box-shadow:6px 6px 0 var(--shadow);
  padding:22px 24px; font-size:16px; line-height:1.8; color:var(--ink); overflow-wrap:anywhere}
#screen-notice .notice-body p{margin:0 0 12px}
#screen-notice .notice-body p:last-child{margin-bottom:0}
@media (max-width:600px){
  #screen-notice .notice-body{padding:16px}
  #screen-notice .board .row .ttl{white-space:normal}
}
.nb-head .nb-more{margin-left:auto; font-family:var(--mono); font-size:12px; font-weight:800; color:var(--cream); background:var(--oil); padding:3px 9px; border-radius:2px; text-decoration:none}
.nb-head .nb-more:hover{color:#fff}
.nb-head .nb-more ~ .nb-new{margin-left:0}
.shop-card[data-product-id]{position:relative}
.shop-card .shop-edit{position:absolute; top:8px; right:8px; z-index:2; background:var(--card)}
#screen-shop .phead .btn#dalshim-shop-new{align-self:flex-end}
#screen-garage-write .gform .cshots{border-top:none; background:transparent; padding:0}
#screen-garage-write .gform input[type="file"]{padding:9px 10px}
.gform fieldset.pf-banner{border:2px solid var(--action); border-radius:6px; padding:12px 14px 14px; margin:4px 0 0;
  display:flex; flex-direction:column; gap:10px; min-width:0}
.gform fieldset.pf-banner legend{padding:0 6px; font-weight:900; font-size:15px; color:var(--action)}
.gform .pf-banner-d{margin:0; font-size:12.5px; color:var(--muted); line-height:1.5}
.gform label.gform-check.pf-banner-on{font-size:15px; font-weight:800}
.gform label.gform-check.pf-banner-on input{width:20px; height:20px}
#screen-partner-detail .pbanner-staff{border-color:var(--action)}
#screen-partner-detail .pbanner-staff .p-head{display:flex; align-items:center; gap:8px}
#screen-partner-detail .pbt-tag{font-family:var(--mono); font-size:10.5px; font-weight:800; color:var(--action);
  border:1.5px solid var(--action); border-radius:3px; padding:1px 6px}
#screen-partner-detail .pbt-state{margin:0 0 10px; font-size:14px; font-weight:700}
#screen-partner-detail .pbt-acts{display:flex; gap:8px; flex-wrap:wrap}
#screen-partner-detail .pbanner-staff .write-err{margin:10px 0 0}
#dalshim-banner-slot{position:relative}
#dalshim-banner-slot .bdots{position:absolute; top:9px; right:12px; display:flex; gap:6px; z-index:1}
#dalshim-banner-slot .bdot{width:9px; height:9px; padding:0; border-radius:50%; border:1.5px solid var(--cream);
  background:transparent; cursor:pointer; opacity:.85}
#dalshim-banner-slot .bdot[aria-current="true"]{background:var(--cream); opacity:1}
#dalshim-banner-slot .bdot:focus-visible{outline:2px solid var(--action); outline-offset:2px}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.16s}
nav{view-transition-name:dalshim-nav}
@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
}