
:root{--soil:#f3efe9;--board:#faf7f2;--ink:#2a2320;--faint:#8b8078;--rule:#ded5c9;
 --seal:#a53d54;--sea:#2a5a66;--sand:#a89272}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;height:100dvh;overflow:hidden;display:flex;flex-direction:column;background:var(--soil);color:var(--ink);
 font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",YuGothic,sans-serif;line-height:1.9}
header{flex:0 0 auto;padding:12px 20px;border-bottom:1px solid var(--rule);
 display:flex;flex-wrap:wrap;align-items:center;gap:4px 22px}
#hdbar{display:none;flex:0 0 auto;align-items:center;gap:8px;width:100%;height:30px;margin:0;padding:0 14px;
 border:0;border-bottom:1px solid var(--rule);background:var(--soil);color:var(--seal);font:inherit;font-size:12px;
 letter-spacing:.2em;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
#hdbar img{width:20px;height:20px;border-radius:50%;display:block}
#hdbar .hdv{margin-left:auto;font-size:11px;letter-spacing:0}
h1{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-weight:400;
 font-size:20px;letter-spacing:.14em;margin:0}
.areasw{display:inline-flex;align-items:center;flex:0 0 auto;gap:2px;
 border:1.5px solid var(--rule);border-radius:999px;padding:2px}
.aw{background:none;border:0;margin:0;padding:5px 14px;font:inherit;font-size:13px;letter-spacing:.06em;
 font-weight:600;color:var(--faint);cursor:pointer;border-radius:999px;
 -webkit-tap-highlight-color:transparent;touch-action:manipulation}
.aw:hover{color:var(--seal)}
.aw[aria-current="true"]{color:#fff;background:var(--seal);font-weight:700}
.awhint{margin-top:8px;padding:6px 14px;border:1.5px solid var(--seal);border-radius:999px;background:#fff;color:var(--seal);
 font-size:13px;font-weight:700;letter-spacing:.04em;cursor:pointer;box-shadow:0 1px 4px rgba(0,0,0,.25);
 -webkit-tap-highlight-color:transparent;touch-action:manipulation}
.awhint[hidden]{display:none}
.mark{font-size:10.5px;letter-spacing:.4em;color:var(--seal);font-weight:600;margin:0;
 flex:0 0 auto}
.mark .wm{height:20px;width:auto;display:inline-block;vertical-align:middle}
@media (max-width:640px){.mark .wm{height:17px}}
.mark .siglink{display:inline-flex;align-items:center;gap:11px;line-height:0;
 vertical-align:middle}
.mark .sig{width:46px;height:auto;border-radius:50%;display:block}
.mark .siglink:hover{opacity:.78}
@media (max-width:640px){.mark .sig{width:40px}.mark .siglink{gap:9px}}
.mark .igfollow{display:inline-flex;align-items:center;gap:5px;vertical-align:middle;margin-left:12px;font-size:12px;line-height:1.2;
 letter-spacing:.06em;font-weight:600;color:var(--seal);border:1.5px solid var(--seal);border-radius:999px;
 padding:4px 12px 4px 8px;text-decoration:none;white-space:nowrap;background:#fff}
.mark .igfollow .igf{display:block;flex:0 0 auto}
.mark .igfollow:hover{opacity:.78}
@media (max-width:640px){.mark .igfollow{margin-left:8px;font-size:11.5px;padding:4px 10px}.mark .igfollow .igl{display:none}}
.hnav{margin:0;font-size:12.5px;display:flex;gap:0 16px;flex-wrap:wrap}
.oshif{margin:0;display:flex;flex-direction:row;align-items:center;gap:8px;
 flex:1 1 300px;flex-wrap:wrap;min-width:0}
.oshifield{flex:1 1 auto;min-width:0;display:flex;align-items:center;
 background:var(--board);border:1px solid var(--rule);padding-left:8px;cursor:text}
.oshifield .igm{width:22px;height:22px;flex:none}
.oshifield:focus-within{border-color:var(--ink)}
.oshifield:focus-within .oshil{display:none}
.oshifield:focus-within input::placeholder{opacity:0}
.oshil{color:var(--seal);font-weight:600;font-size:12.5px;flex:none;white-space:nowrap;
 letter-spacing:.02em;align-self:center}
.oshifield .oshil{color:var(--seal);font-size:11.5px;font-weight:400;flex:none;
 white-space:nowrap;margin:0 7px 0 5px;animation:oshiblink 2.4s ease-in-out infinite}
@keyframes oshiblink{0%,100%{opacity:1}50%{opacity:.45}}
@media (prefers-reduced-motion:reduce){ .oshifield .oshil{animation:none} }
.oshifield input::placeholder{color:var(--ink);opacity:.62;font-weight:500}
.oshil .igm{width:22px;height:22px;flex:none;margin:0 6.5px 0 5px;vertical-align:-5px}
.oshirow{display:flex;gap:8px;align-items:stretch;max-width:520px;flex:1 1 220px;min-width:0}
.oshif input{flex:1 1 auto;min-width:0;font:inherit;font-size:14px;color:var(--ink);
 background:transparent;border:0;padding:7px 10px 7px 7px}
.oshif input:focus{outline:none}
.oshif button{font:inherit;font-size:13px;letter-spacing:.08em;cursor:pointer;flex:none;
 white-space:nowrap;color:var(--board);background:var(--ink);border:1px solid var(--ink);
 padding:7px 16px}
.oshif button:hover{opacity:.86}
.oshimsg{font-size:12px;color:var(--seal);min-height:0;flex:1 1 100%}
.oshimsg:empty{display:none}
@media (max-width:640px){.oshif input{font-size:16px}}
.hnav .minor{margin-left:auto;display:inline-flex;gap:0 12px;font-size:10px;letter-spacing:.06em}
.hnav .minor a{color:var(--sand);padding-bottom:1px}
.hnav .minor a:hover{color:var(--seal)}
.hnav a{color:var(--seal);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px}
.hnav a:hover,.hnav a:focus-visible{border-bottom-color:var(--seal)}
.swwrap{margin:10px;font-size:12px;width:238px;user-select:none;
 max-width:calc(100% - 20px);display:flex;flex-direction:column;min-height:0}
.swbtn,.here{font:inherit;color:var(--ink);cursor:pointer;letter-spacing:.06em;
 background:rgba(251,250,248,.82);border:1px solid rgba(217,212,205,.95);
 -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
 box-shadow:2px 3px 0 rgba(35,46,53,.20);padding:6px 12px}
.swbtn{text-align:left}
.swbtn:hover,.here:hover{border-color:var(--ink)}
.here{margin:10px;padding:7px 13px}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:88px;z-index:60;
 max-width:min(88vw,330px);margin:0;padding:8px 13px;font-size:13px;line-height:1.6;
 text-align:center;
 color:var(--ink);background:rgba(251,250,248,.97);border:1px solid var(--ink);
 -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
 box-shadow:3px 4px 0 rgba(35,46,53,.22);cursor:pointer}
.toast[hidden]{display:none}
.sw{margin-top:6px;padding:9px 11px 2px;overflow-y:auto;overflow-x:hidden;min-height:0;
 max-height:calc(100vh - 150px);overscroll-behavior:contain;
 background:rgba(251,250,248,.72);
 -webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
 border:1px solid rgba(217,212,205,.95);box-shadow:2px 3px 0 rgba(35,46,53,.20)}
.sw .grp{display:flex;flex-direction:column;align-items:stretch;gap:4px;margin-bottom:9px}
.sw .gl{font-size:9.5px;letter-spacing:.22em;color:var(--sand);min-width:0;margin-bottom:1px}
.sw .lg{font-size:11px;color:var(--faint);display:flex;align-items:center;gap:5px;padding:1px 0}
.sw .pi{vertical-align:-2px;margin-right:1px}
.sw .sub{font-size:10px;color:var(--sand);margin-left:5px;font-weight:400}
.sw .gn{font-size:9.5px;line-height:1.5;color:var(--sand);display:block;padding:1px 0 2px 18px}
.sw .gn a{color:inherit}
.sw label{display:flex;align-items:center;gap:6px;border:1px solid rgba(217,212,205,.8);
 background:rgba(251,250,248,.55);padding:3px 8px;cursor:pointer;color:var(--faint);
 border-radius:0;font-size:11.5px}
.sw label:hover{border-color:var(--ink);color:var(--ink)}
.sw label b{margin-left:auto}
.sw label input{margin:0}
.sw .dot{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}
.sw .ic{flex:none;display:block}
.mc .ic{vertical-align:-2px;margin-right:3px}
.mc .ci{width:14px;height:14px;vertical-align:-3px;margin-right:4px;display:inline-block}
.mc.sub .ci{width:11px;height:11px;vertical-align:-2px;margin-right:3px}
@media (max-width:640px){ .mc .ci{width:16px;height:16px} }
.sw b{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600}
.mc{position:absolute;--dx:0px;--dy:0px;
 transform:translate(calc(-50% + var(--dx)),calc(-100% - 9px + var(--dy)));
 background:var(--board);border:1px solid var(--rule);border-left-width:3px;
 box-shadow:2px 3px 0 rgba(35,46,53,.22);padding:3px 8px 4px;
 max-width:152px;cursor:pointer;font-size:11.5px;line-height:1.4;color:var(--ink)}
.mc:hover{border-color:var(--ink);box-shadow:3px 5px 0 rgba(35,46,53,.34);z-index:9}
.mc.hot{border-color:var(--seal);z-index:12;
 box-shadow:0 0 0 2px var(--seal),3px 5px 0 rgba(35,46,53,.34)}
.mc .n{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;display:block;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc .x{font-size:10px;color:var(--faint);display:block;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mc.mem{border-left-color:#a53d54}
.mc.ig{border-left-color:#a53d54}
.mc.twn{border:1px dashed #a53d54;border-left:3px solid #a53d54;background:#fffaf8}
.mc.sub{font-size:10px;padding:2px 6px 3px;border-left-color:var(--sand);
 max-width:132px;box-shadow:1px 2px 0 rgba(35,46,53,.16)}
.mc.sub .n{font-family:inherit}
.mc.full{width:236px;max-width:236px;padding:8px 10px 9px;font-size:12px;
 display:flex;flex-direction:column}
.mc.full .n{font-size:14.5px;white-space:normal;line-height:1.35;
 display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
 min-height:2.7em}
.mc.full .x{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mc.full.sub{width:auto;max-width:132px;display:block}
.mc.full.sub .n{min-height:0;-webkit-line-clamp:1}
.mc.full .media{height:300px;margin:7px 0 2px;border:1px solid var(--rule);
 background:var(--board);overflow:hidden;position:relative}
.mc.full .media iframe.ce{position:absolute;left:0;top:0;width:320px;height:406px;border:0;
 transform:scale(.7375);transform-origin:top left}
.mc.full .media .none{position:absolute;inset:0;display:flex;align-items:center;
 justify-content:center;text-align:center;padding:12px;font-size:10.5px;
 color:var(--sand);line-height:1.7}
.mc.full .hint{display:block;font-size:10px;color:var(--sand);margin-top:5px}
.mc.below{transform:translate(calc(-50% + var(--dx)),calc(9px + var(--dy)))}
.mc.below::after{top:-9px;bottom:auto}
#map.air ~ * .mc,#map.air .mc{box-shadow:2px 3px 0 rgba(0,0,0,.45)}
.mc::after{content:"";position:absolute;left:50%;bottom:-9px;width:1px;
 height:var(--len,9px);background:var(--rule);
 transform-origin:top center;transform:rotate(var(--ang,0deg))}
body.mapping #feed{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}
@media (prefers-reduced-motion:reduce){header,#sheet{transition:none}}
#map{flex:1 1 auto;min-height:0;height:auto;margin:0;border-bottom:3px solid var(--seal);background:var(--board)}
@supports (height:1dvh){ #map{height:min(86dvh,900px)} }
#sheet{position:relative;flex:0 0 auto;z-index:40;touch-action:pan-x;
 background:rgba(251,250,248,.80);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);
 border-top:3px solid var(--seal);box-shadow:0 -4px 18px rgba(35,46,53,.20);
 max-height:min(42vh,300px);overflow:hidden;
 transition:max-height .18s ease,border-width .18s ease}
#sheet.open{max-height:66vh;overflow:auto;touch-action:pan-x;
 background:rgba(251,250,248,.84);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
@media (max-width:640px){
  header{padding:9px 14px 7px;gap:2px 12px;
    transition:max-height .18s ease,padding .18s ease,border-width .18s ease}
  body.mapping header{max-height:0;min-height:0;padding-top:0;padding-bottom:0;
    border-bottom-width:0;overflow:hidden}
  body.hdoff header{max-height:0;min-height:0;padding-top:0;padding-bottom:0;
    border-bottom-width:0;overflow:hidden}
  body.hdoff #hdbar{display:flex}
  .mark{font-size:9px;letter-spacing:.3em;flex:0 0 auto}
  h1{font-size:16px;letter-spacing:.1em}
  .aw{font-size:12px;padding:4px 11px;letter-spacing:.06em}
  .oshif{gap:6px}
  .oshirow{flex:1 1 110px;gap:6px}
  .oshifield{padding-left:6px}
  .oshifield .igm{width:18px;height:18px}
  .oshif input{padding:6px 8px 6px 6px}
  .oshif button{padding:6px 12px;font-size:12px;letter-spacing:.04em}
  #map{margin:0 8px}
  .mc{font-size:11px;padding:2px 6px 3px}
  .mc .n{font-size:11.5px}
  #sheet{max-height:20vh;-webkit-backdrop-filter:none;backdrop-filter:none;
    background:rgba(251,250,248,.90);transition:none}
  #sheet,#sheet.open,#sheet.pinned{max-height:none;height:min(32dvh,252px);
    overflow:hidden;display:flex;flex-direction:column;transition:none;
    -webkit-backdrop-filter:none;backdrop-filter:none;background:rgba(251,250,248,.94)}
  #sheetbar{flex:0 0 auto;position:static;background:var(--board)}
  #feed,#sheet.pinned .pinp{flex:1 1 auto;min-height:0}
  body.mapping #sheet,body.mapping #sheet.open,body.mapping #sheet.pinned{height:auto}
  body.mapping #sheet.pinned .pinp{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}
  #feed .fc{width:150px;padding:6px 8px 7px}
  #feed .fc .n{font-size:12px;-webkit-line-clamp:1;min-height:0;line-height:1.3}
  #feed .fc .x{font-size:9.5px}
  #feed .fc .media{height:132px;margin:5px 0 0}
  #feed .fc .media iframe.ce{transform:scale(.42)}
  #feed .fc:empty{min-height:190px}
  #sheet #feed:not(.plain){overflow-y:hidden;overscroll-behavior:contain;touch-action:pan-x;
    padding:4px 12px 6px;gap:8px;align-items:stretch}
  body.mapping #sheet #feed:not(.plain){padding-top:0;padding-bottom:0}
  #sheet #feed:not(.plain) .fc{display:flex;flex-direction:column;overflow:hidden}
  #sheet #feed:not(.plain) .fc>*{flex:0 0 auto}
  #sheet #feed:not(.plain) .fc .media{flex:1 1 0;height:auto;min-height:0}
  #sheet #feed:not(.plain) .fc:empty{min-height:0}
  #map .mc{pointer-events:none}
}
@media (max-width:640px){ .oshirow{flex-wrap:nowrap} .oshifield .oshil{font-size:11px;margin:0 5px 0 4px}
 .oshifield input{min-width:0;flex:1 1 40px} }
@media (max-width:640px){ .oshifield .oshil{white-space:nowrap;font-size:9.5px;letter-spacing:0;margin:0 4px 0 3px} }
#sheetbar{display:flex;align-items:center;justify-content:space-between;
 padding:8px 20px;cursor:pointer;position:sticky;top:0;
 background:linear-gradient(rgba(251,250,248,.985),rgba(251,250,248,.94))}
.sbtns{display:flex;align-items:center;gap:10px}
.shead{display:flex;align-items:center;gap:14px;min-width:0}
#feedh,.tolist{display:inline-block;font:inherit;font-size:12.5px;font-weight:600;
 letter-spacing:.04em;color:var(--seal);text-decoration:none;cursor:pointer;
 border:1px solid var(--seal);padding:2px 11px 3px;flex:none;line-height:1.5;
 background:var(--board)}
#feedh:hover,.tolist:hover,#feedh:focus-visible,.tolist:focus-visible{color:var(--board);background:var(--seal)}
.tonews{display:inline-block;font:inherit;font-size:12.5px;font-weight:600;letter-spacing:.04em;color:var(--seal);
 text-decoration:none;border:1px solid var(--seal);padding:2px 11px 3px;flex:none;line-height:1.5;background:var(--board)}
.tonews:hover,.tonews:focus-visible{color:var(--board);background:var(--seal)}
@media (max-width:640px){.shead{gap:8px}#feedh,.tolist,.tonews{padding:2px 8px 3px}.tonews .igl{display:none}}
.hnav{display:flex;align-items:center;gap:10px;margin-left:auto;flex:0 0 auto}
.hnav a.tolist,.hnav a.tonews{border-bottom-color:var(--seal)}
@media (max-width:640px){.hnav{flex:0 0 100%;margin:4px 0 2px;gap:8px;flex-wrap:wrap}.hnav .tolist,.hnav .tonews{padding:2px 8px 3px}}
.picknew{margin:10px;cursor:pointer}
header > .picknew{display:none}
.picknew .pnh{display:flex;flex-wrap:wrap;align-items:center;gap:4px 3px;margin:0 0 5px;font-size:12.5px;font-weight:600;
 letter-spacing:.04em;color:var(--seal);text-decoration:none}
.picknew .pnh b{color:var(--board);background:var(--seal);padding:1px 6px;font-weight:700;
 animation:oshiblink 2.4s ease-in-out infinite}
.picknew .n a{color:var(--ink);text-decoration:none}
@media (prefers-reduced-motion:reduce){ .picknew .pnh b{animation:none} }
.picknew .pnt{word-break:keep-all;overflow-wrap:normal}
.picknew.pnnone .n,.picknew.pnnone .x,.picknew.pnnone .media{display:none}
.picknew .pnmsg{margin:2px 0 0;font-size:11.5px;line-height:1.5;color:var(--ink);opacity:.72}
@media (max-width:640px){ .picknew .pnmsg{font-size:10px} }
@media (max-width:640px){ .picknew .pnh{font-size:10px;letter-spacing:0;margin:0 0 3px} .picknew .pnh b{padding:0 4px} }
@media (max-width:640px){ .picknew.fc{width:120px;padding:5px 7px 6px;margin:8px}
 .picknew.fc .n{font-size:11px;min-height:0;-webkit-line-clamp:1}
 .picknew.fc .x{display:none}
 .picknew.fc .media{height:100px;margin:4px 0 0}
 .picknew.fc .media iframe.ce{transform:scale(.33)} }
@media (max-width:640px){ .picknew.fc{width:80px;padding:4px 5px 5px;margin:8px}
 .picknew.fc .n{font-size:10px}
 .picknew.fc .media{height:67px;margin:3px 0 0}
 .picknew.fc .media iframe.ce{transform:scale(.22)}
 .picknew .pnh{font-size:13px;line-height:1.25;justify-content:center;gap:2px 4px;margin:0 0 4px;padding:5px 2px;
   border:1px solid var(--seal);background:var(--board)}
 .picknew .pnh b{padding:0 4px} }
@media (max-width:640px){
  .picknew{pointer-events:none}
  .picknew .pnh{pointer-events:auto}
}
#feed.plain{display:block;overflow-x:hidden;overflow-y:auto;scroll-snap-type:none;
 columns:230px;column-gap:18px;padding:2px 20px 16px}
#feed.plain .cg{break-inside:avoid;-webkit-column-break-inside:avoid;margin:0 0 14px}
#feed.plain .cg h4{font-size:10.5px;letter-spacing:.2em;color:var(--sand);font-weight:600;
 margin:0 0 4px;padding-bottom:3px;border-bottom:1px solid var(--rule)}
#feed.plain .cg h4 b{color:var(--faint);font-weight:400;letter-spacing:0}
#feed.plain .fc{width:auto;padding:5px 8px 6px;margin:0 0 4px;box-shadow:none;
 border-left-width:2px;font-size:11.5px}
#feed.plain .fc .n{-webkit-line-clamp:2;min-height:0;font-size:13px}
#feed.plain .fc .x{font-size:9.5px}
#sheet.open #feed.plain{padding-bottom:16px}
#sheetx{display:none;font:inherit;font-size:15px;line-height:1;color:var(--ink);
 cursor:pointer;background:none;border:0;padding:4px 6px}
#sheet.open #sheetx,#sheet.pinned #sheetx{display:block}
@media (min-width:641px){
 #sheetx{font-size:12.5px;font-weight:600;letter-spacing:.04em;color:var(--seal);border:1px solid var(--seal);
  padding:2px 11px 3px;background:var(--board);line-height:1.5}
 #sheetx:hover,#sheetx:focus-visible{color:var(--board);background:var(--seal)}
}
#sheet.pinned{touch-action:auto}
.pinp{padding:2px 20px 20px;overflow-y:auto;-webkit-overflow-scrolling:touch}
.pinp .iw{max-width:100%}
.pinp{max-width:620px;margin:0 auto;width:100%;box-sizing:border-box}
#sheet.pinned #feed{display:none}
#sheet.pinned{max-height:min(78vh,760px);overflow:hidden;display:flex;flex-direction:column}
#sheet.pinned #sheetbar{flex:0 0 auto;position:static;background:var(--board)}
#sheet.pinned .pinp{flex:1 1 auto;min-height:0}
@media (max-width:640px){ #sheet.pinned{max-height:78vh} .pinp{padding:2px 12px 16px} }
@media (min-width:641px){
  #sheet,#sheet.open,#sheet.pinned{max-height:none;height:min(46vh,440px);overflow:hidden;
    display:flex;flex-direction:column;transition:none}
  #sheet #sheetbar{flex:0 0 auto;position:static}
  #sheet #feed{flex:1 1 auto;min-height:0}
  #sheet #feed:not(.plain){overflow-y:hidden;align-items:stretch;padding-bottom:12px}
  #sheet #feed:not(.plain) .fc{display:flex;flex-direction:column;overflow:hidden}
  #sheet #feed:not(.plain) .fc>*{flex:0 0 auto}
  #sheet #feed:not(.plain) .fc .media{flex:1 1 0;height:auto;min-height:0}
  #sheet #feed:not(.plain) .fc:empty{min-height:0}
  body.mhover #sheet:not(.pinned){height:calc(min(46vh,440px) / 3)}
  body.mapping #sheet:not(.pinned){height:auto}
  body.mapping #sheet #feed:not(.plain){padding-top:0;padding-bottom:0}
}
#feed{display:flex;gap:12px;overflow-x:auto;padding:0 20px 20px;
 scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;
 transition:max-height .18s ease,padding .18s ease}
#feed>*{scroll-snap-align:start;flex:none}
.fc .media:has(iframe.ce)::after{content:"";position:absolute;inset:0}
@media (hover:hover) and (pointer:fine){
  .fc .media:has(iframe.ce)::after{cursor:grab}
  #feed{cursor:grab}
  #feed.drag{cursor:grabbing;user-select:none;scroll-snap-type:none}
  #feed.drag .fc,#feed.drag .fc .media::after{cursor:grabbing}
}
#sheet.open #feed{gap:14px;padding-bottom:14px}
.fc{background:var(--board);border:1px solid var(--rule);border-left:3px solid #a53d54;
 box-shadow:2px 3px 0 rgba(35,46,53,.22);padding:8px 10px 9px;font-size:12px;
 line-height:1.4;color:var(--ink);cursor:pointer;width:236px}
.fc:hover{border-color:var(--ink);box-shadow:3px 5px 0 rgba(35,46,53,.34)}
.fc.hot{border-color:var(--seal);
 box-shadow:0 0 0 2px var(--seal),3px 5px 0 rgba(35,46,53,.34)}
.fc:empty{min-height:360px}
.fc .n{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:14.5px;
 display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
 line-height:1.35;min-height:2.7em}
.fc .x{font-size:10px;color:var(--faint);display:block;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fc .media{height:300px;margin:7px 0 2px;border:1px solid var(--rule);
 background:var(--board);overflow:hidden;position:relative}
.fc .media iframe.ce{position:absolute;left:0;top:0;width:320px;height:406px;border:0;
 transform:scale(.7375);transform-origin:top left}
#allv{position:fixed;left:0;top:0;right:0;bottom:0;z-index:2147483000;background:rgba(243,239,233,.84);
 display:flex;flex-direction:column;touch-action:pan-y}
#avg,#avg .fc{touch-action:pan-y}
#avg iframe{pointer-events:none}
#allv[hidden]{display:none}
#allv .avh{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;
 padding:8px 14px;border-bottom:1px solid var(--rule);background:var(--board);font-size:14px;color:var(--seal);letter-spacing:.08em}
#allv .avh{cursor:pointer}
#avx,.avend button{font:inherit;font-size:13.5px;font-weight:600;line-height:1;padding:9px 16px;border:1px solid var(--seal);
 background:var(--seal);color:#fff;cursor:pointer;letter-spacing:.08em;white-space:nowrap;border-radius:999px;
 box-shadow:0 1px 3px rgba(0,0,0,.18)}
#avx:hover,.avend button:hover{opacity:.85}
.avl{margin-left:6px}
.avend{grid-column:1/-1;display:flex;justify-content:center;padding:16px 0 6px}
@media (max-width:640px){
 #avx{font-size:18px;font-weight:400;padding:6px 10px;border:1px solid var(--rule);background:var(--soil);
  color:var(--ink);letter-spacing:0;border-radius:0;box-shadow:none}
 .avl{display:none}
 .avend{display:none}
}
#avg{flex:1 1 auto;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;
 display:grid;grid-template-columns:repeat(var(--cols,2),minmax(0,1fr));gap:8px;align-content:start;
 width:100%;max-width:760px;margin:0 auto;padding:10px 12px 28px;box-sizing:border-box}
#avg .fc{width:auto;min-width:0;padding:6px 7px 7px;box-sizing:border-box}
#avg .fc:empty{min-height:var(--eh,220px)}
#avg .fc .n{font-size:12.5px;-webkit-line-clamp:1;min-height:0}
#avg .fc .x{font-size:9.5px}
#avg .fc .media{height:auto;aspect-ratio:320/406;margin:5px 0 0}
#avg .fc .media iframe.ce{transform:scale(var(--sc,.5))}
#avg[data-cols="1"] .fc{padding:9px 12px 10px}
#avg[data-cols="1"] .fc .n{font-size:17px}
#avg[data-cols="1"] .fc .x{font-size:12px}
.fc .media img.cc,.mc.full .media img.cc{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;display:block}
.fc .media .cn,.mc.full .media .cn{position:absolute;right:6px;bottom:6px;font-size:10px;padding:1px 6px;background:rgba(255,255,255,.85);border-radius:3px}
.iw img.igcopy.sm{display:block;width:100%;max-width:300px;height:auto;border:1px solid #ddd;margin:4px 0}
.fc .media .none{position:absolute;inset:0;display:flex;align-items:center;
 justify-content:center;text-align:center;padding:12px;font-size:10.5px;
 color:var(--sand);line-height:1.7}
.fc a{color:var(--seal)}
.fc .x a{color:var(--seal);text-decoration:underline;text-decoration-color:rgba(156,47,39,.35)}
.fc .io{display:block;font-size:10.5px;margin-top:5px;color:var(--seal)}
.mc .x a{color:inherit;text-decoration:none}
.fnote{display:none;padding:4px 20px 20px;font-size:11px;line-height:1.9;color:var(--faint);margin:0}
#sheet.open .fnote{display:block}
.src{flex:0 0 auto;padding:6px 16px 7px;font-size:10px;line-height:1.55;color:var(--faint);background:var(--board);border-top:1px solid var(--rule);white-space:nowrap;overflow:hidden}
@media (max-width:640px){ .src{font-size:9px;padding:5px 10px 6px;letter-spacing:0} }
@media (max-width:380px){ .src{font-size:8.5px;padding:5px 8px 6px} }
.iw{font-family:inherit;max-width:250px;line-height:1.8}
.iw .k{font-size:10px;letter-spacing:.2em;color:var(--sand);display:block}
.iw .n{font-size:15px;font-family:"Hiragino Mincho ProN","Yu Mincho",serif}
.iw .o{font-size:12.5px;margin-top:6px;padding-top:6px;border-top:1px dotted var(--rule)}
.iw .s{font-size:11px;color:var(--faint);margin-top:2px}
.iw .samept{font-size:11.5px;color:var(--faint);line-height:1.8}
.iw .samept b{color:var(--ink)}
.iw .samept a{display:inline-block;margin:2px 0;color:var(--sea)}
.iw .n{display:block}
.iw .hd{font-size:11.5px;color:var(--faint);padding-bottom:7px;margin-bottom:8px;
 border-bottom:1px solid var(--rule)}
.iw hr.sp{border:0;border-top:1px dotted var(--rule);margin:11px 0 8px}
.iw iframe.igembed{width:100%;min-width:260px;height:420px;border:1px solid var(--rule);
 background:var(--board);display:block}
.iw a{color:var(--seal)}
.iw .gpd gmp-place-details-compact{display:block;width:230px;max-width:100%}

header .swwrap{margin:10px 0 0;width:auto;max-width:none;display:block}
header .swbtn{background:none;border:0;box-shadow:none;padding:2px 0;color:var(--seal);
 font-size:11px;letter-spacing:.14em}
header .swbtn:hover{border:0;text-decoration:underline}
header .sw{margin-top:6px;padding:9px 0 2px;max-height:none;overflow:visible;
 background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;
 border-top:1px solid var(--rule);
 display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px 26px}
header .sw[hidden]{display:none}
header .look{display:inline-flex;gap:12px;margin-left:16px;font-size:11px;color:var(--faint)}
header .look label{display:inline-flex;align-items:center;gap:4px;cursor:pointer;
 border:0;background:none;padding:0}
header .sw .grp:not(:has(input:checked)) .gn{display:none}
header .sw .grp{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 10px;
 margin-bottom:2px;align-self:flex-start}
header .sw .gl{width:100%;margin-bottom:0}
header .sw .gn{padding-left:0;width:100%}
header .sw .lg{padding:0}
