*{box-sizing:border-box;margin:0;padding:0}body{margin:0}#root{min-height:100vh}:root{--primary:#0058be;--primary-container:#2170e4;--on-primary:#fff;--on-primary-container:#fefcff;--secondary:#006e2f;--secondary-container:#6bff8f;--on-secondary-container:#007432;--surface:#f9f9ff;--surface-bright:#f9f9ff;--surface-dim:#d3daea;--surface-container-lowest:#fff;--surface-container-low:#f0f3ff;--surface-container:#e7eefe;--surface-container-high:#e2e8f8;--surface-container-highest:#dce2f3;--on-surface:#151c27;--on-surface-variant:#424754;--tertiary:#525d6c;--outline:#727785;--outline-variant:#c2c6d6;--error:#ba1a1a;--error-container:#ffdad6;--warning-bg:#d9770614;--warning-border:#d9770640;--warning-text:#92400e;--font-headline:"Space Grotesk", "Noto Sans KR", sans-serif;--font-body:"Inter", "Noto Sans KR", sans-serif;--font-mono:"DM Mono", monospace;--radius-sm:.25rem;--radius:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-full:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--surface);color:var(--on-surface);-webkit-font-smoothing:antialiased;min-height:100dvh;padding-bottom:32px;font-size:14px;line-height:1.6}#root{max-width:720px;margin:0 auto}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;-webkit-user-select:none;user-select:none;align-items:center;line-height:1;display:inline-flex}.icon-fill{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.kn-header{z-index:100;-webkit-backdrop-filter:blur(16px);background:#f9f9ffeb;border-bottom:1px solid #c2c6d640;position:sticky;top:0}.kn-header-inner{justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.kn-logo{align-items:center;gap:10px;display:flex}.kn-logo-icon{color:var(--primary);font-size:28px!important}.kn-logo-text{font-family:var(--font-headline);tracking-tight:tighter;color:var(--on-surface);letter-spacing:-.02em;font-size:17px;font-weight:700}.kn-header-right{align-items:center;gap:8px;display:flex}.kn-progress-count{font-family:var(--font-mono);color:var(--tertiary);background:var(--surface-container-low);border-radius:var(--radius-full);border:1px solid var(--outline-variant);padding:4px 10px;font-size:11px}.kn-progress-bar-track{background:var(--surface-container-high);height:3px;overflow:hidden}.kn-progress-bar-fill{background:linear-gradient(90deg, var(--secondary), var(--secondary-container));height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.kn-main{padding:0 16px}.kn-trip-hero{padding:20px 0 0}.kn-eyebrow{font-family:var(--font-mono);color:var(--primary);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:6px;font-size:10px;display:flex}.kn-eyebrow-dot{background:var(--secondary);border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:1.8s ease-in-out infinite kn-pulse}@keyframes kn-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.kn-trip-title{font-family:var(--font-headline);color:var(--on-surface);letter-spacing:-.03em;margin-bottom:4px;font-size:clamp(28px,6vw,40px);font-weight:800;line-height:1.1}.kn-trip-title span{color:var(--primary-container)}.kn-trip-sub{font-family:var(--font-body);color:var(--on-surface-variant);margin-bottom:16px;font-size:13px}.kn-progress-card{background:var(--surface-container-lowest);border-radius:var(--radius-xl);border:1px solid #c2c6d633;margin-bottom:16px;padding:18px 20px}.kn-progress-track{background:var(--surface-container-highest);border-radius:var(--radius-full);width:100%;height:10px;margin-bottom:8px;position:relative;overflow:hidden}.kn-progress-track-fill{background:linear-gradient(90deg, var(--secondary), var(--secondary-container));border-radius:var(--radius-full);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;box-shadow:0 0 12px #6bff8f4d}.kn-progress-labels{font-family:var(--font-mono);color:var(--tertiary);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;margin-bottom:12px;font-size:9px;display:flex}.kn-progress-labels span:nth-child(2){color:var(--on-secondary-container);font-weight:600}.kn-progress-stats{gap:12px;display:flex}.kn-stat{background:var(--surface-container-low);border-radius:var(--radius-lg);flex:1;padding:10px 12px}.kn-stat-label{font-family:var(--font-mono);color:var(--tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:3px;font-size:9px;display:block}.kn-stat-value{font-family:var(--font-headline);color:var(--on-surface);font-size:20px;font-weight:700;line-height:1.1}.kn-stat-value.green{color:var(--secondary)}.kn-stat-unit{font-family:var(--font-body);color:var(--tertiary);font-size:11px;font-weight:400}.kn-cost-card{background:var(--surface-container-lowest);border-radius:var(--radius-xl);border:1px solid #0058be1a;margin-bottom:20px;padding:18px 20px}.kn-cost-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:14px;display:flex}.kn-cost-card-title{font-family:var(--font-headline);color:var(--on-surface);align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.kn-cost-note{font-family:var(--font-mono);color:var(--tertiary);letter-spacing:.05em;font-size:9px}.kn-cost-main{justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:10px;display:flex}.kn-cost-total{font-family:var(--font-headline);color:var(--on-surface);letter-spacing:-.03em;font-size:36px;font-weight:800;line-height:1}.kn-cost-total-label{font-family:var(--font-mono);color:var(--tertiary);letter-spacing:.05em;margin-top:4px;font-size:10px}.kn-cost-spent-wrap{text-align:right}.kn-cost-spent{font-family:var(--font-headline);color:var(--secondary);letter-spacing:-.02em;font-size:22px;font-weight:700;line-height:1}.kn-cost-spent-label{font-family:var(--font-mono);color:var(--tertiary);margin-top:3px;font-size:9px}.kn-cost-track{background:var(--surface-container-high);border-radius:var(--radius-full);height:6px;margin-bottom:14px;overflow:hidden}.kn-cost-track-fill{background:linear-gradient(90deg, var(--secondary), var(--secondary-container));border-radius:var(--radius-full);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.kn-cost-stats{border-top:1px solid #c2c6d633;border-bottom:1px solid #c2c6d633;align-items:center;gap:0;margin-bottom:12px;padding:12px 0;display:flex}.kn-cost-stat{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.kn-cost-stat-label{font-family:var(--font-mono);color:var(--tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.kn-cost-stat-value{font-family:var(--font-headline);color:var(--on-surface);font-size:14px;font-weight:700}.kn-cost-stat-divider{background:var(--outline-variant);opacity:.4;flex-shrink:0;width:1px;height:28px}.kn-cost-section-label{font-family:var(--font-mono);color:var(--tertiary);text-transform:uppercase;letter-spacing:.12em;margin-top:14px;margin-bottom:8px;font-size:9px}.kn-budget-breakdown{flex-direction:column;gap:10px;margin-bottom:4px;display:flex}.kn-budget-item{background:var(--surface-container-low);border-radius:var(--radius-lg);padding:12px 14px}.kn-budget-item-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.kn-budget-icon{border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.charge-bg{color:var(--primary);background:#0058be1a}.hotel-bg{color:#7c3aed;background:#7c3aed1a}.food-bg{color:#b45309;background:#d977061a}.kn-budget-label{font-family:var(--font-headline);color:var(--on-surface);font-size:13px;font-weight:600;line-height:1.2}.kn-budget-sub{font-family:var(--font-mono);color:var(--tertiary);margin-top:1px;font-size:9px}.kn-budget-amt{font-family:var(--font-headline);color:var(--on-surface);flex-shrink:0;margin-left:auto;font-size:18px;font-weight:700}.kn-budget-bar-track{background:var(--surface-container-highest);border-radius:var(--radius-full);height:5px;margin-bottom:5px;overflow:hidden}.kn-budget-bar-fill{border-radius:var(--radius-full);height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.charge-fill{background:linear-gradient(90deg, var(--primary), var(--primary-container))}.hotel-fill{background:linear-gradient(90deg,#7c3aed,#a78bfa)}.food-fill{background:linear-gradient(90deg,#b45309,#f59e0b)}.kn-budget-bar-label{font-family:var(--font-mono);color:var(--tertiary);justify-content:space-between;font-size:9px;display:flex}.kn-rate-table{grid-template-columns:1fr 1fr;gap:6px 16px;display:grid}.kn-rate-row{background:var(--surface-container-low);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:5px 8px;display:flex}.kn-rate-name{font-family:var(--font-mono);color:var(--on-surface-variant);font-size:10px}.kn-rate-val{font-family:var(--font-mono);color:var(--primary);font-size:10px;font-weight:600}.kn-day-cost-inline{color:var(--primary);font-weight:600}.kn-day-cost-bar{background:var(--surface-container-low);font-family:var(--font-mono);color:var(--on-surface-variant);border-bottom:1px solid #c2c6d633;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 16px;font-size:10px;display:flex}.kn-day-cost-item{border-radius:var(--radius-full);background:var(--surface-container-lowest);border:1px solid var(--outline-variant);color:var(--on-surface-variant);align-items:center;gap:3px;padding:2px 7px;display:inline-flex}.kn-day-cost-bar-val{color:var(--on-surface);margin-left:auto;font-size:11px;font-weight:700}.kn-stop-cost-row{flex-wrap:wrap;gap:5px;margin-bottom:6px;display:flex}.kn-stop-cost-badge{font-family:var(--font-mono);border-radius:var(--radius-full);white-space:nowrap;border:1px solid;align-items:center;gap:3px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.charge-badge{color:var(--primary);background:#0058be12;border-color:#0058be33}.hotel-badge{color:#7c3aed;background:#7c3aed12;border-color:#7c3aed33}.food-badge{color:#b45309;background:#d9770612;border-color:#d9770633}.kn-chip-cost{color:var(--primary);background:#0058be0f;border:1px solid #0058be2e}.kn-chip-hotel{color:#7c3aed;background:#7c3aed12;border:1px solid #7c3aed33}.kn-chip-food{color:#b45309;background:#d9770612;border:1px solid #d9770633}.kn-chip-rate{background:var(--surface-container-low);border:1px solid var(--outline-variant);color:var(--tertiary);font-family:var(--font-mono);border-radius:var(--radius-full);padding:3px 9px;font-size:10px}.kn-next-section{margin-bottom:20px}.kn-all-done{border-radius:var(--radius-2xl);text-align:center;background:linear-gradient(135deg,#006e2f14 0%,#6bff8f1f 100%);border:1px solid #006e2f33;padding:32px 24px}.kn-all-done-icon{margin-bottom:12px;font-size:48px;display:block}.kn-all-done-title{font-family:var(--font-headline);color:var(--secondary);margin-bottom:6px;font-size:22px;font-weight:700}.kn-all-done-sub{font-family:var(--font-mono);color:var(--tertiary);font-size:11px}.kn-next-label{font-family:var(--font-mono);color:var(--secondary);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:10px;font-size:10px;display:flex}.kn-next-card{background:var(--surface-container-lowest);border-radius:var(--radius-2xl);border:1.5px solid #0058be2e;overflow:hidden}.kn-next-card-body{padding:18px 20px}.kn-next-card-header{align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.kn-next-card-icon-wrap{background:var(--primary-container);border-radius:var(--radius-lg);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.kn-next-card-info{flex:1;min-width:0}.kn-next-card-day{font-family:var(--font-mono);color:var(--primary);letter-spacing:.12em;text-transform:uppercase;margin-bottom:3px;font-size:10px}.kn-next-card-name{font-family:var(--font-headline);color:var(--on-surface);letter-spacing:-.01em;margin-bottom:3px;font-size:19px;font-weight:700;line-height:1.2}.kn-next-card-addr{font-family:var(--font-mono);color:var(--tertiary);font-size:11px;line-height:1.4}.kn-next-chips{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.kn-chip{font-family:var(--font-mono);border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 9px;font-size:10px;display:inline-flex}.kn-chip-time{background:var(--surface-container-low);border:1px solid var(--outline-variant);color:var(--on-surface-variant)}.kn-chip-charge{color:var(--primary);background:#0058be12;border:1px solid #0058be33}.kn-warn{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-text);border-radius:var(--radius-lg);align-items:flex-start;gap:6px;margin-bottom:14px;padding:8px 12px;font-size:12px;line-height:1.5;display:flex}.kn-next-actions{grid-template-columns:1fr 1fr;gap:8px;padding:0 20px 18px;display:grid}.kn-btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-container) 100%);color:var(--on-primary);border-radius:var(--radius-xl);font-family:var(--font-headline);cursor:pointer;-webkit-tap-highlight-color:transparent;letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:6px;padding:13px 12px;font-size:13px;font-weight:700;transition:opacity .15s,transform .1s;display:flex;box-shadow:0 4px 16px #0058be40}.kn-btn-primary:active{opacity:.85;transform:scale(.97)}.kn-btn-secondary{background:var(--surface-container-low);color:var(--secondary);border-radius:var(--radius-xl);font-family:var(--font-headline);cursor:pointer;-webkit-tap-highlight-color:transparent;letter-spacing:.01em;border:1.5px solid #006e2f40;justify-content:center;align-items:center;gap:6px;padding:13px 12px;font-size:13px;font-weight:700;transition:background .15s,transform .1s;display:flex}.kn-btn-secondary:active{transform:scale(.97)}.kn-btn-secondary:hover{background:#006e2f0f}.kn-section-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.kn-section-title{font-family:var(--font-headline);color:var(--on-surface);letter-spacing:-.02em;font-size:20px;font-weight:700}.kn-day-card{background:var(--surface-container-lowest);border-radius:var(--radius-xl);border:1px solid #c2c6d633;margin-bottom:10px;transition:box-shadow .2s;overflow:hidden}.kn-day-card:hover{box-shadow:0 2px 16px #151c270f}.kn-day-header{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;align-items:center;gap:12px;padding:14px 16px;transition:background .15s;display:flex}.kn-day-header:hover{background:var(--surface-container-low)}.kn-day-header:active{background:var(--surface-container)}.kn-day-badge{border-radius:var(--radius-lg);min-width:44px;height:44px;font-family:var(--font-mono);letter-spacing:.05em;border:1.5px solid;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:1px;font-size:9px;font-weight:600;display:flex}.kn-day-badge-num{font-family:var(--font-headline);font-size:14px;font-weight:700;line-height:1}.kn-day-info{flex:1;min-width:0}.kn-day-title{font-family:var(--font-headline);color:var(--on-surface);white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.01em;margin-bottom:2px;font-size:14px;font-weight:600;overflow:hidden}.kn-day-sub{font-family:var(--font-mono);color:var(--tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.kn-day-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.kn-day-done-badge{font-family:var(--font-mono);color:var(--secondary);border-radius:var(--radius-full);background:#006e2f14;border:1px solid #006e2f33;padding:2px 7px;font-size:10px}.kn-chevron{color:var(--tertiary);transition:transform .22s cubic-bezier(.4,0,.2,1);font-size:18px!important}.kn-chevron.open{transform:rotate(180deg)}.kn-stops-container{border-top:1px solid #c2c6d633}.kn-tour-banner{font-family:var(--font-mono);color:var(--warning-text);letter-spacing:.08em;text-transform:uppercase;background:#d977060f;border-bottom:1px solid #d9770626;align-items:center;gap:8px;padding:8px 16px;font-size:10px;display:flex}.kn-stop-row{cursor:pointer;-webkit-tap-highlight-color:transparent;border-bottom:1px solid #c2c6d61f;align-items:flex-start;gap:12px;padding:14px 16px;transition:background .12s;display:flex;position:relative}.kn-stop-row:last-child{border-bottom:none}.kn-stop-row:hover{background:#0058be05}.kn-stop-row:active{background:#0058be0a}.kn-stop-row.is-next{background:#0058be08}.kn-stop-row.is-next:before{content:"";background:var(--primary);border-radius:0 2px 2px 0;width:3px;position:absolute;top:0;bottom:0;left:0}.kn-stop-row.completed{opacity:.38}.kn-stop-check{border-radius:var(--radius);border:2px solid var(--outline-variant);background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;margin-top:1px;transition:all .18s cubic-bezier(.4,0,.2,1);display:flex}.kn-stop-check.checked{background:var(--secondary);border-color:var(--secondary);color:#fff}.kn-stop-check .material-symbols-outlined{font-variation-settings:"FILL" 1, "wght" 600, "GRAD" 0, "opsz" 20;font-size:14px!important}.kn-stop-icon{border-radius:var(--radius-lg);background:var(--surface-container-low);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.kn-stop-icon.charge-icon{color:var(--primary);background:#0058be14}.kn-stop-icon.sleep-icon{background:#006e2f14}.kn-stop-icon.tour-icon{background:#d9770614}.kn-stop-icon.start-icon{background:#0058be14}.kn-stop-icon.end-icon{background:#006e2f1a}.kn-stop-content{flex:1;min-width:0}.kn-stop-name-row{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:3px;display:flex}.kn-stop-name{font-family:var(--font-headline);color:var(--on-surface);letter-spacing:-.01em;font-size:14px;font-weight:600;line-height:1.3}.completed .kn-stop-name{color:var(--tertiary);text-decoration:line-through}.kn-stop-addr{font-family:var(--font-mono);color:var(--tertiary);margin-bottom:4px;font-size:10px;line-height:1.4}.kn-stop-detail{color:var(--on-surface-variant);margin-bottom:5px;font-size:12px;line-height:1.4}.kn-stop-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:8px;display:flex}.kn-stop-warn{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-text);border-radius:var(--radius);margin-bottom:8px;padding:6px 10px;font-size:11px;line-height:1.5}.kn-stop-actions{flex-wrap:wrap;gap:6px;display:flex}.kn-btn-icon{border-radius:var(--radius-full);font-size:11px;font-weight:600;font-family:var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;border:1.5px solid;align-items:center;gap:5px;padding:5px 10px;transition:background .12s,transform .1s;display:inline-flex}.kn-btn-icon:active{transform:scale(.96)}.kn-btn-icon .material-symbols-outlined{font-size:14px!important}.kn-btn-maps{color:var(--primary);background:0 0;border-color:#0058be4d}.kn-btn-maps:hover{background:#0058be0f}.kn-btn-share{color:var(--secondary);background:0 0;border-color:#006e2f4d}.kn-btn-share:hover{background:#006e2f0f}.kn-vendor{font-family:var(--font-mono);border-radius:var(--radius-full);white-space:nowrap;letter-spacing:.04em;border:1px solid;padding:2px 7px;font-size:9px;font-weight:500}.v-tesla{color:#065f46;background:#d1fae5;border-color:#6ee7b7}.v-ea{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.v-cp{color:#5b21b6;background:#ede9fe;border-color:#c4b5fd}.v-mb{color:#92400e;background:#fef3c7;border-color:#fcd34d}.v-ionna{color:#9a3412;background:#ffedd5;border-color:#fdba74}.v-evgo{color:#9d174d;background:#fce7f3;border-color:#f9a8d4}.v-evc{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.d1{color:#1d4ed8;background:#dbeafe;border-color:#93c5fd}.d2{color:#065f46;background:#d1fae5;border-color:#6ee7b7}.d3{color:#9a3412;background:#ffedd5;border-color:#fdba74}.d4{color:#5b21b6;background:#ede9fe;border-color:#c4b5fd}.d5{color:#991b1b;background:#fee2e2;border-color:#fca5a5}.d6{color:#92400e;background:#fef3c7;border-color:#fcd34d}.d7{color:#9d174d;background:#fce7f3;border-color:#f9a8d4}.d8{color:#0c4a6e;background:#e0f2fe;border-color:#7dd3fc}.d9{color:#9a3412;background:#fff7ed;border-color:#fed7aa}.d10{color:#065f46;background:#d1fae5;border-color:#6ee7b7}.kn-footer{justify-content:center;padding:28px 16px 12px;display:flex}.kn-btn-reset{border:1.5px solid var(--outline-variant);border-radius:var(--radius-full);color:var(--tertiary);font-family:var(--font-mono);cursor:pointer;letter-spacing:.04em;background:0 0;align-items:center;gap:6px;padding:9px 24px;font-size:11px;transition:border-color .15s,color .15s;display:flex}.kn-btn-reset .material-symbols-outlined{font-size:14px!important}.kn-btn-reset:hover{border-color:var(--error);color:var(--error)}.kn-toast{background:var(--on-surface);color:#fff;border-radius:var(--radius-full);font-family:var(--font-mono);opacity:0;pointer-events:none;z-index:200;white-space:nowrap;padding:10px 22px;font-size:12px;transition:opacity .25s,transform .3s cubic-bezier(.34,1.56,.64,1);position:fixed;bottom:88px;left:50%;transform:translate(-50%)translateY(20px);box-shadow:0 8px 32px #00000040}.kn-toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (width<=400px){.kn-next-card-name{font-size:17px}.kn-btn-primary,.kn-btn-secondary{padding:12px 8px;font-size:12px}.kn-trip-title{font-size:26px}}