*{box-sizing:border-box} :root{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;color:#152d3f;background:#f4f8fa;font-synthesis:none;--blue:#d8efff;--orange:#f15d32;--ink:#152d3f;--muted:#647582}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #1d79b2;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.5}.page{max-width:1220px;margin:auto;padding:0 48px}.topbar{height:99px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d6e2e9}.brand{font-size:23px;letter-spacing:-1px;font-weight:900;display:flex;align-items:center}.brand-icon{width:31px;height:31px;background:var(--ink);color:white;display:grid;place-items:center;border-radius:50%;margin-right:10px;font-size:25px}.brand-dot{color:var(--orange)}.top-note{font-size:12px;letter-spacing:.03em;color:var(--muted)}.intro{min-height:340px;display:flex;align-items:center;justify-content:space-between;padding:40px 46px 40px 0;overflow:hidden}.eyebrow,.section-number{font-size:10px;letter-spacing:1.7px;font-weight:800}.eyebrow{color:#40748f}h1{font-size:53px;line-height:1.22;letter-spacing:-2.7px;margin:16px 0}h1 span{color:var(--orange)}.intro p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.bag-art{width:265px;height:240px;position:relative}.orbit{position:absolute;inset:12px -10px;border:1px solid #c4dce8;border-radius:50%;transform:rotate(-25deg)}.bag{height:176px;width:132px;position:absolute;left:70px;top:42px;background:#a9d9f5;border:2px solid #79b9df;border-radius:19px;transform:rotate(12deg);box-shadow:12px 15px 0 #e4edf1;display:flex;justify-content:center;gap:18px;align-items:center}.bag:before,.bag:after{content:"";position:absolute;bottom:-10px;width:12px;height:10px;border-radius:0 0 4px 4px;background:var(--ink)}.bag:before{left:20px}.bag:after{right:20px}.handle{position:absolute;top:-25px;left:42px;width:44px;height:26px;border:5px solid var(--ink);border-bottom:0;border-radius:8px 8px 0 0}.bag-line{height:128px;width:3px;background:#8ec8e9;border-radius:3px}.bag-label{position:absolute;right:-19px;top:33px;padding:14px 10px;background:var(--orange);font-size:15px;line-height:1.05;font-weight:900;color:white;transform:rotate(-23deg);box-shadow:2px 3px 0 #c3492c}.art-stamp{position:absolute;bottom:0;left:0;font-size:9px;letter-spacing:2px;line-height:1.6;transform:rotate(-8deg);color:#6e94aa}.workspace{display:grid;grid-template-columns:292px minmax(0,1fr);gap:30px;align-items:start}.planner{background:#fff;padding:27px 24px;border:1px solid #dbe5eb;border-radius:12px}.section-number{color:#748591;font-size:9px;letter-spacing:1.3px}.planner h2{font-size:21px;letter-spacing:-.7px;margin:12px 0 28px}label{display:block;font-size:12px;font-weight:700;margin:0 0 9px}label span{font-weight:400;color:#80909b;font-size:10px;margin-left:4px}input,select{width:100%;height:45px;border:1px solid #d4dfe6;background:#fff;color:var(--ink);border-radius:6px;padding:0 12px;min-width:0}input::placeholder{color:#8a99a4;font-size:12px}#trip-form>input,#trip-form>select{margin-bottom:23px}.days-field{position:relative}.days-field input{padding-right:38px}.days-field span{position:absolute;right:15px;top:14px;color:var(--muted);font-size:13px}.field-hint{font-size:10px;color:#677d8b;line-height:1.65;margin:8px 0 0}.error{color:#b43d25;font-size:12px;line-height:1.6;margin:10px 0}.error:empty{display:none}.primary{width:100%;margin-top:24px;background:var(--orange);color:#fff;border:0;border-radius:6px;padding:15px 13px;font-weight:700;font-size:13px;display:flex;justify-content:space-between}.primary:hover{background:#d94c24}.packing-note{display:flex;gap:12px;border-top:1px solid #e4eaee;margin-top:28px;padding-top:22px}.note-mark{font-size:25px;color:var(--orange)}.packing-note strong{font-size:12px}.packing-note p,.guide{font-size:11px;color:var(--muted);line-height:1.8}.packing-note p{margin:7px 0 0}.guide{margin-top:20px;border-top:1px solid #e4eaee;padding-top:16px}.guide summary{cursor:pointer;color:var(--ink);font-size:11px;font-weight:600}.guide ol{padding-left:18px}.list-panel{background:#fff;border:1px solid #d2e1ea;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #152d3f05}.ticket{display:flex;position:relative;background:var(--blue);min-height:177px;border-bottom:1px dashed #93b6ca}.ticket-main{padding:29px 30px;min-width:0;flex:1}.ticket-main h2{font-size:30px;letter-spacing:-1px;margin:15px 0 15px;overflow-wrap:anywhere}.ticket-meta{display:flex;gap:12px;align-items:center;font-size:12px;color:#40677e}.meta-divider{height:11px;width:1px;background:#86adc4}.ticket-stub{border-left:1px dashed #93b6ca;min-width:133px;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;padding:18px}.ticket-stub:before,.ticket-stub:after{content:"";height:16px;width:16px;border-radius:50%;background:#f4f8fa;position:absolute;left:-8px}.ticket-stub:before{top:-8px}.ticket-stub:after{bottom:-8px;border:1px solid #93b6ca;border-bottom:0}.ticket-stub>span{font-size:7px;letter-spacing:1.1px;color:#40677e;font-weight:700}.ticket-stub strong{font-size:52px;font-weight:800;letter-spacing:-3px;line-height:1.2}.barcode{height:19px;width:68px;margin-top:14px;background:repeating-linear-gradient(90deg,#40677e 0 1px,transparent 1px 3px,#40677e 3px 5px,transparent 5px 7px,#40677e 7px 8px,transparent 8px 12px)}.list-body{padding:28px 30px}.progress-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.progress-heading h2{font-size:18px;letter-spacing:-.6px;margin:10px 0 0}.progress-count{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.progress-track{height:5px;background:#eaf0f4;border-radius:5px;margin-top:21px;overflow:hidden}#progress-fill{height:100%;background:var(--orange);transition:width .2s ease}.progress-message{font-size:11px;color:var(--muted);margin:11px 0 27px}.category{margin-top:24px}.category-heading{display:flex;align-items:center;gap:10px;border-bottom:1px solid #dce7ec;padding-bottom:11px}.category-heading h3{font-size:12px;margin:0;font-weight:800}.category-heading span{font-size:9px;color:#6b899b;letter-spacing:1px}.category-heading .category-count{margin-left:auto;letter-spacing:0}.item-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf2f5;min-height:51px;padding:9px 0}.item-label{display:flex;align-items:center;gap:11px;flex:1;min-width:0;cursor:pointer;margin:0;font-weight:400;font-size:13px}.item-label input{appearance:none;flex-shrink:0;width:19px;height:19px;border:1.5px solid #bdcdd7;border-radius:5px;padding:0;display:grid;place-items:center}.item-label input:checked{background:var(--ink);border-color:var(--ink)}.item-label input:checked:after{content:"";width:8px;height:4px;border:solid #fff;border-width:0 0 2px 2px;transform:rotate(-45deg) translateY(-1px)}.item-name{overflow-wrap:anywhere;line-height:1.5}.item-row.done .item-name{color:#8c9ca7;text-decoration:line-through}.custom-tag{font-size:8px;font-weight:600;color:#367999;background:#e9f4fb;padding:2px 4px;border-radius:3px;margin-left:6px;white-space:nowrap}.quantity{font-size:10px;color:#637987;white-space:nowrap;background:#f1f6f8;padding:4px 7px;border-radius:4px}.remove-item{border:0;background:transparent;color:#889ba7;padding:7px;font-size:16px;line-height:1;border-radius:4px}.remove-item:hover{color:#b43d25;background:#fff0ea}.custom-area{margin-top:28px;padding:18px;background:#f5f9fb;border:1px solid #e1eaf0;border-radius:8px}.custom-area h3{margin:0 0 17px;font-size:12px}#item-form{display:grid;grid-template-columns:minmax(0,1fr) 104px 58px;gap:12px}#item-form label{font-size:10px;margin-bottom:7px}#item-form input,#item-form select{height:39px;font-size:11px;padding:0 8px}.custom-name{grid-column:1 / -1}.add-button{grid-column:3;align-self:end;height:39px;border:1px solid #c4d9e6;background:#e3f1fa;color:#265876;border-radius:5px;font-size:11px;font-weight:700}#item-form>div:nth-child(2){grid-column:1}#item-form>div:nth-child(3){grid-column:2}.list-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:24px}.download-button{border:1px solid #cad9e3;background:white;border-radius:6px;padding:12px;font-size:11px;color:var(--ink);font-weight:600}.download-button span{font-size:15px;margin-right:5px}.download-button:hover{background:#f0f7fb}.reset-button{border:0;background:none;text-decoration:underline;text-underline-offset:3px;color:#7b8e9a;font-size:10px;padding:10px 0}.privacy{display:flex;gap:16px;max-width:720px;margin:31px 0 32px auto;color:#798b97;font-size:10px;line-height:1.8}.privacy>span{font-size:22px}.privacy strong{font-size:11px;color:#526a7a}.privacy p{margin:3px 0}.privacy #save-status{color:#526a7a}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 0 30px;border-top:1px solid #d6e2e9;color:#7a8e9c;font-size:9px}footer span:first-child{letter-spacing:1.6px;font-weight:700}.empty-list{padding:30px 0;color:#647582;font-size:13px;text-align:center}@media(min-width:1100px){#item-form{grid-template-columns:minmax(0,1fr) 106px 53px 60px;gap:8px}.custom-name,#item-form>div:nth-child(2),#item-form>div:nth-child(3),.add-button{grid-column:auto}}@media(max-width:850px){.page{padding:0 25px}.workspace{grid-template-columns:245px minmax(0,1fr);gap:19px}.planner{padding:23px 18px}.ticket-main{padding:25px 22px}.ticket-stub{min-width:95px;padding:12px}.ticket-stub>span{font-size:6px;letter-spacing:.5px}.list-body{padding:25px 22px}.ticket-main h2{font-size:24px}.progress-heading h2{font-size:15px}.intro{min-height:310px}h1{font-size:47px}}@media(max-width:650px){.page{padding:0 20px}.topbar{height:77px}.brand{font-size:20px}.brand-icon{width:27px;height:27px;font-size:21px}.top-note{font-size:9px}.intro{min-height:268px;padding:32px 0;position:relative}.intro>div:first-child{position:relative;z-index:1}.eyebrow{font-size:8px;letter-spacing:1.3px}h1{font-size:39px;letter-spacing:-2px;margin:15px 0}.intro p{font-size:11px}.bag-art{position:absolute;right:-37px;top:20px;transform:scale(.62);transform-origin:right center;width:260px}.art-stamp{left:35px;bottom:-15px}.workspace{grid-template-columns:1fr;gap:22px}.planner{padding:24px}.planner h2{margin-bottom:22px}#trip-form{display:grid;grid-template-columns:1fr 1fr;column-gap:14px}#trip-form>label:first-child,#destination{grid-column:1/-1}#trip-form>label[for="trip-type"]{grid-column:1;grid-row:3}#trip-form>label[for="days"]{grid-column:2;grid-row:3}#trip-type{grid-column:1;grid-row:4;margin-bottom:0!important}.days-field{grid-column:2;grid-row:4}#trip-form .field-hint,#trip-error,.primary{grid-column:1/-1}.primary{margin-top:18px}.packing-note{margin-top:21px;padding-top:20px}.guide{margin-top:16px}.ticket{min-height:163px}.ticket-main{padding:26px 22px}.ticket-main h2{font-size:26px}.ticket-stub{min-width:104px}.ticket-stub strong{font-size:45px}.list-body{padding:25px 21px}.progress-heading h2{font-size:17px}.progress-count{font-size:14px}.privacy{margin:25px 0 28px}.custom-area{padding:15px}#item-form{grid-template-columns:minmax(0,1fr) 55px 61px;gap:9px}footer{font-size:8px;line-height:1.7}footer span:last-child{max-width:115px;text-align:right}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}