.dclear{cursor:pointer;border-color:#e6dcd3;color:var(--muted);background:var(--card)}.dclear:hover:not(:disabled){border-color:var(--accent);color:var(--accent-dark);background:#fdf7f4}.dclear:disabled{opacity:.45;cursor:default}.dline{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.dline .dclear{font-size:1.1em;padding:.25em .85em;line-height:1.5}#cal{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}#cal .mon{border:1px solid var(--line);border-radius:8px;padding:8px}#cal .mtitle{font-size:.8125em;font-weight:700;margin-bottom:6px}#cal .wk,#cal .days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}#cal .wk div{font-size:.69em;color:var(--muted);text-align:center;padding:2px 0}#cal .sat{color:#2563eb}#cal .sun{color:#dc2626}#cal .day{position:relative;text-align:center;font-size:.75em;padding:6px 0;border-radius:6px;cursor:pointer;border:1px solid transparent;display:block}#cal .day:hover{background:#f3f4f6}#cal .day.pad{visibility:hidden}#cal .day.off{opacity:.35;cursor:not-allowed}#cal .day input{position:absolute;opacity:0;pointer-events:none}#cal label.day:has(input:checked){background:var(--accent);color:#fff;font-weight:700;border-color:var(--accent-dark)}#cal .dot{position:absolute;left:50%;bottom:2px;transform:translate(-50%);width:5px;height:5px;border-radius:50%;background:#a3b18a}#cal label.day:has(input:checked) .dot{background:#ffffffe6}#cal .hol{color:#c74a29}#lightbox{position:fixed;inset:0;z-index:100;display:none;background:#000000b8;align-items:center;justify-content:center;padding:4vmin}#lightbox.on{display:flex}#lightbox .lbox{position:relative;background:#fff;border-radius:12px;padding:10px;max-width:min(92vw,760px);max-height:92vh;display:flex;flex-direction:column;gap:8px}#lightbox img{display:block;max-width:100%;max-height:70vh;object-fit:contain;border-radius:8px;background:#f3f4f6;margin:0 auto}#lightbox .lbname{font-size:.9em;font-weight:700}#lightbox .lbcopy{font-size:.8em;color:var(--muted)}#lightbox .lbfoot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:.8em}#lightbox .lbcredit{font-size:.7em;color:var(--muted)}#lightbox .lbclose{position:absolute;top:-14px;right:-14px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:1em;line-height:1;box-shadow:0 2px 8px #0000004d}#imgpop{position:fixed;z-index:50;display:none;pointer-events:none;background:#fff;border:1px solid var(--line);border-radius:8px;padding:6px;box-shadow:0 6px 24px #00000038;max-width:340px}#imgpop img{display:block;width:320px;height:auto;max-height:240px;object-fit:cover;border-radius:4px;background:#f3f4f6}#imgpop .pname2{font-size:.75em;font-weight:600;margin-top:5px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.fill .planlayout{flex:1;min-height:0;align-items:stretch;grid-template-rows:minmax(0,1fr)}body.fill .rail{align-self:start}body.fill .planmain{display:flex;flex-direction:column;min-height:0;height:100%}body.fill [data-panel="1"].card.on,body.fill [data-panel="2"].card.on{flex:1;min-height:0;overflow:auto}body.fill [data-panel="3"].card.on{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}body.fill [data-panel="3"].card.on #result{flex:1;min-height:0;display:flex;flex-direction:column}body.fill #grid,body.fill #pgrid{flex:1;min-height:120px;max-height:none}body.fill p[data-panel="3"]{display:none}body.fill .planmain>p:last-child{display:none}body.fill .gridnote .more{display:none}body.fill .gridnote{margin:6px 0 0;font-size:.69em;padding:3px 0 3px 8px}:root{--gridh:max(360px, calc(100dvh - 210px) )}@media (max-width:900px){:root{--gridh:max(320px, calc(100dvh - 300px) )}}@media (max-width:900px){#grid table{font-size:.8em}#grid td,#grid th{padding:5px 4px}#grid img{width:2.5em!important;height:1.9em!important}#grid .hcopy{display:none}}#grid td{padding:4px 8px}#grid th{padding:6px 8px}#grid img{width:2.9em!important;height:2.1em!important}#grid .hname{display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#grid .hcopy{font-size:.85em;line-height:1.35;color:var(--muted);margin-top:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#grid .hsub{font-size:.8em;line-height:1.35;color:#c74a29;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#imgpop .pcopy{font-size:.69em;color:var(--muted);margin-top:3px;max-width:320px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}#imgpop .pcredit{position:absolute;left:8px;bottom:30px;font-size:.56em;line-height:1;color:#fff;background:#0000008c;padding:2px 4px;border-radius:3px}.viewtabs{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.viewtabs button{border:0;background:var(--card);color:var(--muted);cursor:pointer;font-size:.8125em;padding:.4em .9em;line-height:1.4;font-family:inherit}.viewtabs button+button{border-left:1px solid var(--line)}.viewtabs button:hover:not(.on){background:#f3f4f6;color:var(--fg)}.viewtabs button.on{background:var(--accent);color:#fff;font-weight:700}#pgrid{overflow:auto;max-height:var(--gridh);border:1px solid var(--line);border-radius:8px}#pgrid .pv-area{margin:0 0 14px}#pgrid .pv-head{position:sticky;top:0;z-index:2;background:#eef0f2;font-weight:700;font-size:.75em;padding:5px 8px;box-shadow:0 1px 0 var(--line)}#pgrid .pv-head .sub{color:#6b7280;font-weight:400}#pgrid .pv-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--pvcard),1fr));gap:12px 10px;padding:10px 8px 4px}#pgrid .pv-card{min-width:0;display:flex;flex-direction:column;gap:4px}#pgrid .pv-thumb{position:relative;display:block;line-height:0;border-radius:6px;overflow:hidden;background:#f3f4f6}#pgrid .pv-thumb img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}#pgrid .pv-thumb.none{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:.75em;line-height:1.4}#pgrid .pv-credit{position:absolute;left:3px;bottom:3px;font-size:.56em;line-height:1;color:#fff;background:#0000008c;padding:2px 4px;border-radius:3px}#pgrid .pv-name{font-size:.8125em;font-weight:600;color:var(--fg);line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#pgrid .pv-sub{font-size:.69em;color:#c74a29;font-weight:600;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#pgrid .pv-copy{font-size:.69em;color:var(--muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}#pgrid .pv-prices{display:flex;flex-wrap:wrap;align-items:baseline;gap:1px;font-size:.8125em;line-height:1.5;margin-top:auto;padding-top:2px}#pgrid .pv-prices a{color:#c74a29;font-weight:700;text-decoration:none}#pgrid .pv-prices a:hover{text-decoration:underline}#pgrid .pv-prices .sep{color:#cbd5e1;padding:0 1px}#pgrid .pv-prices .no{color:#cbd5e1}#pgrid .pv-prices .na{color:#9ca3af}#pgrid .pv-prices .pu{font-size:.75em;font-weight:400;color:var(--muted)}#pgrid .pv-more{padding:0 8px 6px}:root{--pvcard:168px}@media (max-width:900px){:root{--pvcard:132px}}@media (max-width:900px){body.fill:has(#pgrid){height:auto;overflow:visible}body.fill:has(#pgrid) main{display:block;min-height:0}body.fill:has(#pgrid) main>.wrap{display:block}body.fill:has(#pgrid) .planlayout{display:grid;grid-template-rows:auto auto}body.fill:has(#pgrid) .planmain{display:block;height:auto;min-height:0}body.fill:has(#pgrid) [data-panel="3"].card.on{display:block;overflow:visible}body.fill:has(#pgrid) [data-panel="3"].card.on #result{display:block}body.fill:has(#pgrid) #pgrid{overflow:visible;max-height:none;min-height:0;border:0;border-radius:0}body.fill:has(#pgrid) #pgrid .pv-cards{padding:10px 0 4px}body.fill:has(#pgrid) #pgrid .pv-more{padding:0 0 6px}body.fill:has(#pgrid) #pgrid .pv-head{position:static;padding:6px 12px;margin:0 -12px}body.fill:has(#pgrid) p[data-panel="3"].on{display:block}body.fill:has(#pgrid) .planmain>p:last-child{display:block}body.fill:has(#pgrid) .gridnote .more{display:inline}}.planlayout{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start}.planmain{min-width:0}.rail{display:flex;flex-direction:column;gap:6px}.rail .step{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:auto;min-width:4.2em;padding:.6em .3em;border:1px solid var(--line);background:var(--card);border-radius:10px;cursor:pointer;color:var(--muted);font-size:.69em;line-height:1.3}.rail .step .ic{font-size:1.8em;line-height:1}.rail .step .lb{font-weight:600}.rail .step .scount{font-size:.9em;opacity:.9}.rail .step:hover:not(:disabled){border-color:var(--accent);color:var(--accent-dark)}.rail .step.on{background:var(--accent);border-color:var(--accent);color:#fff}.rail .step:disabled{opacity:.45;cursor:not-allowed}@media (max-width:900px){.planlayout{grid-template-columns:1fr;gap:10px}body.fill .planlayout{grid-template-rows:auto minmax(0,1fr)}body.fill .rail{align-self:stretch}.rail{flex-direction:row;position:static;overflow-x:auto;padding-bottom:2px}.rail .step{flex:0 0 auto;flex-direction:row;gap:6px;width:auto;padding:8px 12px}.rail .step .ic{font-size:1.3em}}[data-panel]{display:none}[data-panel].on{display:block}.btn-ghost{background:var(--card);color:var(--fg);border:1px solid var(--line)}.btn-ghost:hover{background:#f3f4f6;color:var(--fg)}#arealist{display:grid;grid-template-columns:auto 1fr;gap:0 16px;align-items:start}#arealist .pname{font-size:.8125em;font-weight:700;color:#374151;white-space:nowrap;padding:10px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:6px}#arealist .pnlabel{cursor:pointer}#arealist .pnlabel:hover,#arealist .pname.on .pnlabel{color:#c74a29}#arealist .bulk{font-size:.69em;font-weight:400;padding:2px 6px;border-radius:5px;border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer}#arealist .bulk:hover{border-color:#c74a29;color:#c74a29}#arealist .pareas{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1px 10px;padding:6px 0;border-bottom:1px solid var(--line)}#arealist .arow{display:flex;align-items:center;gap:7px;min-width:0;color:var(--fg);font-size:.8125em;font-weight:400;cursor:pointer;padding:4px 6px;border-radius:6px}#arealist .arow:hover{background:#f3f4f6}#arealist .arow .nm{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#arealist label.arow:has(input:checked){background:#fdf0ec;color:#c74a29;font-weight:700}