*{box-sizing:border-box}body{margin:0;background:#f4f7fa;color:#263b5e;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e6b64e;outline-offset:3px}header{max-width:1210px;margin:auto;border-bottom:1px solid #d9e0e9;padding:25px 35px;display:flex;justify-content:space-between;align-items:center}.brand{font-size:22px;font-weight:800;letter-spacing:.1em;display:flex;gap:10px;align-items:center;text-decoration:none;color:inherit}.bag-icon{display:inline-flex;align-items:center;justify-content:center;background:#263d68;color:#fff5d7;border-radius:8px;width:33px;height:33px;font-size:25px}.brand-en{font-size:8px;letter-spacing:.14em;margin-left:5px}.header-note{font-size:10px;color:#8797ac;letter-spacing:.04em}main{max-width:1130px;margin:auto;padding:38px 24px 50px}.hero{display:flex;justify-content:space-between;align-items:center;padding:0 15px 40px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:.15em;color:#7285a3}h1{font-size:42px;letter-spacing:-.04em;line-height:1.5;margin:17px 0;font-weight:800}.hero>div>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#7b8b9e}.ticket{background:#f0cb77;transform:rotate(6deg);width:203px;border-radius:13px;padding:22px 23px;box-shadow:10px 15px 0 #e1e6eb;margin-right:50px;position:relative;color:#283e63}.ticket:after{content:"";position:absolute;left:-7px;top:145px;width:14px;height:14px;border-radius:50%;background:#f4f7fa}.ticket:before{content:"";position:absolute;right:-7px;top:145px;width:14px;height:14px;border-radius:50%;background:#f4f7fa}.ticket>span{font-size:8px;letter-spacing:.14em}.ticket strong{display:block;font-size:37px;font-weight:850;letter-spacing:-.03em;line-height:1.03;margin:13px 0}.ticket-line{border-top:1px dashed #b79349;margin:21px -10px 11px}.ticket small{font-size:8px}.barcode{font-size:20px;letter-spacing:-1px;margin-top:12px;white-space:nowrap;overflow:hidden}.layout{display:grid;grid-template-columns:295px 1fr;gap:27px;align-items:start}.trip-panel{background:#243b64;color:#f2f4f7;border-radius:15px;padding:25px}.section-label{font-size:9px;letter-spacing:.08em;font-weight:700;color:#8296b1}.trip-panel .section-label{color:#aabbd5}form>label{display:block;font-size:11px;margin:24px 0 9px}.trip-panel input:not([type=checkbox]),select{width:100%;background:#31486e;border:1px solid #516486;border-radius:7px;padding:12px;color:#fff;font-size:12px}.trip-panel input::placeholder{color:#b0bdd0}select{appearance:auto}.days-row{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.days-row label{font-size:11px}.days-row>div{display:flex;gap:8px;align-items:center;font-size:10px}.days-row input{max-width:65px}.days-row input:disabled{opacity:.6}.trip-panel .check-option{display:flex;gap:10px;align-items:center;margin:23px 0}.check-option input{accent-color:#edc979;width:17px;height:17px}.check-option span{font-size:12px}.check-option small{font-size:9px;color:#abbbd2;display:block;margin-top:5px}.primary{display:flex;justify-content:space-between;align-items:center;gap:12px;border:0;background:#edc979;color:#25395a;width:100%;border-radius:7px;padding:16px 12px;font-size:11px;font-weight:700;margin-top:27px}.primary:hover{background:#f5dc9e}.merge-note{font-size:9px;line-height:1.85;color:#adc0d8;margin:15px 0 24px}.trip-tip{border-top:1px solid #526386;padding-top:15px;display:flex;gap:11px;align-items:center;color:#bed0e3}.trip-tip>span{font-size:27px;color:#ebc976}.trip-tip p{font-size:10px;line-height:1.8}.list-panel{background:#fff;border:1px solid #dde3eb;border-radius:15px;padding:26px 29px}.list-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.list-top h2{font-size:19px;line-height:1.5;margin:10px 0 18px;overflow-wrap:anywhere}.count{font-size:12px;white-space:nowrap;background:#eff3f8;border:1px solid #dee6f0;border-radius:6px;padding:9px 12px;font-variant-numeric:tabular-nums}progress{appearance:none;width:100%;height:5px;border:0;background:#e9eef4;border-radius:9px;overflow:hidden}progress::-webkit-progress-bar{background:#e9eef4}progress::-webkit-progress-value{background:#5379a4;border-radius:9px}progress::-moz-progress-bar{background:#5379a4}.progress-line p{font-size:10px;text-align:right;color:#8497ae;margin:8px 0 0}.notice{font-size:10px;color:#778b9f;min-height:14px;margin:8px 0 0}.group{margin-top:22px}.group h3{font-size:11px;color:#7087a3;font-weight:700;display:flex;align-items:center;gap:9px;margin:0 0 5px}.group h3:after{content:"";flex:1;height:1px;background:#e6edf4}.group ul{list-style:none;padding:0;margin:0}.item{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #eef2f7}.item input{width:17px;height:17px;accent-color:#426a99;cursor:pointer;flex:none}.item label{flex:1;font-size:12px;cursor:pointer;line-height:1.6;overflow-wrap:anywhere}.item.done label{text-decoration:line-through;color:#96a7b9}.qty{font-size:10px;background:#f2f6fa;color:#7187a2;padding:3px 7px;border-radius:5px;white-space:nowrap}.remove-item{border:0;background:none;font-size:17px;color:#9cacc0;padding:1px 5px}.remove-item:hover{color:#b74e35}.add-form{margin-top:26px;display:flex;gap:7px}.add-form input{min-width:0;flex:1;border:1px solid #d7e1ec;background:#f8fafc;border-radius:6px;padding:12px;font-size:11px;color:#3d5578}.add-form #item-qty{max-width:55px;padding:9px 5px}.add-form button{background:#294874;color:white;border:0;border-radius:6px;padding:10px 12px;font-size:10px;white-space:nowrap}.list-actions{display:flex;gap:20px;margin-top:26px}.list-actions button{border:0;border-bottom:1px solid #a9bbd0;padding:7px 0;background:none;color:#4d7096;font-size:11px}.disclaimer{font-size:9px;line-height:1.9;color:#8c9db1;margin:19px 0 0}.empty{font-size:12px;line-height:1.9;padding:30px 0;color:#8295ad}footer{max-width:1082px;margin:auto;padding:23px 0 35px;border-top:1px solid #d5deea;display:flex;justify-content:space-between;align-items:center;gap:20px}footer strong{font-size:11px}footer p{font-size:10px;line-height:1.8;color:#8193a9}.footer-actions{display:flex;gap:15px}.footer-actions button{background:none;border:0;border-bottom:1px solid #c0cedf;padding:7px 0;color:#6f87a3;font-size:10px;white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:800px){.layout{grid-template-columns:245px 1fr;gap:18px}.trip-panel{padding:20px}.list-panel{padding:22px 18px}.ticket{margin-right:10px;transform:rotate(6deg) scale(.85)}h1{font-size:34px}.hero{padding-left:0;padding-right:0}footer{margin:0 24px}.header-note{display:none}}@media(max-width:620px){header{padding:22px}.brand{font-size:19px}main{padding:25px 18px 40px}.hero{padding-bottom:25px}.ticket{width:140px;padding:14px;margin-right:0;transform:rotate(6deg) scale(.85);flex:none}.ticket strong{font-size:26px}.ticket-line{margin:12px -7px 8px}.ticket:after,.ticket:before{top:112px}.ticket small{font-size:7px}.ticket>span{font-size:6px}.barcode{font-size:13px}h1{font-size:27px}.eyebrow{font-size:7px}.hero>div>p:not(.eyebrow){font-size:10px}.layout{grid-template-columns:1fr}.trip-panel{padding:23px}.trip-panel form{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.trip-panel form>label[for=trip-name],#trip-name{grid-column:1/-1}.trip-panel form>label[for=trip-type]{grid-column:1}.trip-panel form #trip-type{grid-column:1}.days-row{grid-column:2;grid-row:4;margin:0}.days-row>div{gap:4px}.trip-panel .check-option{grid-column:span 1}.primary{grid-column:1/-1;margin-top:8px}.trip-tip{display:none}.merge-note{margin-bottom:0}.list-panel{padding:23px 20px}.list-top h2{font-size:17px}footer{flex-direction:column;align-items:flex-start;gap:5px}.brand-en{font-size:7px}}@media(max-width:380px){.ticket{display:none}.trip-panel form{display:block}.days-row{margin-top:20px}}@media print{body{background:white;color:black}header{padding:5px 0}.header-note,.hero,.trip-panel,.add-form,.list-actions,footer,.remove-item,.notice{display:none!important}main{padding:15px 0}.layout{display:block}.list-panel{border:0;padding:0}.group{break-inside:avoid}.item{padding:8px 0}.item.done label{color:#555}.list-top h2{font-size:22px}.progress-line{display:none}.qty{background:white;color:black}.disclaimer{color:#444}.brand-en{display:none}}