@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--color-black:#000;--spacing:.25rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--radius-lg:.5rem;--radius-xl:.75rem;--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;--default-mono-font-family:"Pretendard Variable",Pretendard,sans-serif}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-1\/2{top:50%}.left-3{left:calc(var(--spacing)*3)}.z-50{z-index:50}.mx-4{margin-inline:calc(var(--spacing)*4)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.table{display:table}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-10{height:calc(var(--spacing)*10)}.h-48{height:calc(var(--spacing)*48)}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[80vh\]{max-height:80vh}.min-h-\[80px\]{min-height:80px}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-32{width:calc(var(--spacing)*32)}.w-\[600px\]{width:600px}.w-full{width:100%}.w-px{width:1px}.max-w-2xl{max-width:var(--container-2xl)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.resize-none{resize:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing)*.5)}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--accent\)\]{border-color:var(--accent)}.border-\[var\(--accent-red\)\]{border-color:var(--accent-red)}.border-\[var\(--card-border\)\],.border-\[var\(--card-border\)\]\/20{border-color:var(--card-border)}@supports (color:color-mix(in lab, red, red)){.border-\[var\(--card-border\)\]\/20{border-color:color-mix(in oklab,var(--card-border)20%,transparent)}}.border-transparent{border-color:#0000}.bg-\[var\(--accent\)\],.bg-\[var\(--accent\)\]\/20{background-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--accent\)\]\/20{background-color:color-mix(in oklab,var(--accent)20%,transparent)}}.bg-\[var\(--accent-red\)\]\/20{background-color:var(--accent-red)}@supports (color:color-mix(in lab, red, red)){.bg-\[var\(--accent-red\)\]\/20{background-color:color-mix(in oklab,var(--accent-red)20%,transparent)}}.bg-\[var\(--background\)\]{background-color:var(--background)}.bg-\[var\(--card-bg\)\]{background-color:var(--card-bg)}.bg-\[var\(--card-border\)\]{background-color:var(--card-border)}.bg-\[var\(--header-bg\)\]{background-color:var(--header-bg)}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.object-contain{object-fit:contain}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.pr-3{padding-right:calc(var(--spacing)*3)}.pl-7{padding-left:calc(var(--spacing)*7)}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:Pretendard Variable,Pretendard,sans-serif}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.6rem\]{font-size:.6rem}.text-\[0\.65rem\]{font-size:.65rem}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--accent\)\]{color:var(--accent)}.text-\[var\(--accent-red\)\]{color:var(--accent-red)}.text-\[var\(--accent-yellow\)\]{color:var(--accent-yellow)}.text-\[var\(--background\)\]{color:var(--background)}.text-\[var\(--text-secondary\)\]{color:var(--text-secondary)}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:border-\[var\(--card-border\)\]:hover{border-color:var(--card-border)}.hover\:bg-\[var\(--card-bg\)\]:hover{background-color:var(--card-bg)}.hover\:bg-\[var\(--card-border\)\]:hover{background-color:var(--card-border)}.hover\:text-\[var\(--accent-red\)\]:hover{color:var(--accent-red)}.hover\:opacity-80:hover{opacity:.8}.hover\:opacity-90:hover{opacity:.9}}.focus\:border-\[var\(--accent\)\]:focus{border-color:var(--accent)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:h-3\.5{height:calc(var(--spacing)*3.5)}.sm\:h-5{height:calc(var(--spacing)*5)}.sm\:w-3\.5{width:calc(var(--spacing)*3.5)}.sm\:w-14{width:calc(var(--spacing)*14)}.sm\:gap-1\.5{gap:calc(var(--spacing)*1.5)}.sm\:gap-3{gap:calc(var(--spacing)*3)}.sm\:px-2{padding-inline:calc(var(--spacing)*2)}.sm\:px-3{padding-inline:calc(var(--spacing)*3)}.sm\:px-4{padding-inline:calc(var(--spacing)*4)}.sm\:py-1\.5{padding-block:calc(var(--spacing)*1.5)}.sm\:text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}}@media (min-width:64rem){.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}}}:root{--background:#0a1628;--foreground:#fff;--card-bg:#1a2744;--card-border:#2d3e50;--accent:#00d4aa;--accent-red:#ff6b6b;--accent-yellow:#ffc107;--text-secondary:#8892a0;--header-bg:#0d1d35;--mops-bg:#0d1830;--table-header:#1e3a5f;--table-row-hover:#243b55;--positive:#00d4aa;--negative:#ff6b6b}:root.light{--background:#f0f4f8;--foreground:#1a202c;--card-bg:#fff;--card-border:#e2e8f0;--accent:#0891b2;--accent-red:#dc2626;--accent-yellow:#d97706;--text-secondary:#64748b;--header-bg:#fff;--mops-bg:#f8fafc;--table-header:#e2e8f0;--table-row-hover:#f1f5f9;--positive:#059669;--negative:#dc2626}html,body{background:var(--background);color:var(--foreground);max-width:100vw;height:100vh;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,sans-serif;transition:background-color .3s,color .3s;overflow:hidden}.main-layout{grid-template-columns:1fr;gap:.75rem;min-width:0;height:100%;display:grid}.main-layout>*{min-width:0}@media (min-width:1280px){.main-layout{grid-template-columns:80% 20%}}.port-section{flex-direction:column;min-width:0;height:100%;display:flex;overflow:hidden}.port-section>.flex-1{min-height:0;overflow-y:auto}.mops-panel{background:var(--mops-bg);border-left:1px solid var(--card-border);padding:.75rem;overflow-y:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--card-bg)}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes flash-green{0%,to{background-color:#0000}50%{background-color:#00d4aa4d}}@keyframes flash-red{0%,to{background-color:#0000}50%{background-color:#ff6b6b4d}}.flash-up{animation:.5s ease-in-out flash-green}.flash-down{animation:.5s ease-in-out flash-red}.lowest-price{border-left:3px solid var(--accent);background:linear-gradient(90deg,#00d4aa33,#0000)}:root.light .lowest-price{border-left:3px solid var(--accent);background:linear-gradient(90deg,#0891b226,#0000)}.kr-matrix-table{border-collapse:collapse;width:100%;font-size:.875rem}.kr-matrix-table th,.kr-matrix-table td{text-align:center;border-bottom:1px solid var(--card-border);padding:.5rem .75rem}.kr-matrix-table th{background:var(--table-header);color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;font-weight:600}.kr-matrix-table td:first-child{text-align:left;color:var(--accent);font-weight:600}.kr-matrix-table tr:hover td{background:var(--table-row-hover)}.kr-matrix-table .price-cell{font-variant-numeric:tabular-nums;font-family:Pretendard Variable,Pretendard,sans-serif;font-weight:500}.kr-matrix-table .empty-cell{color:var(--text-secondary)}.mops-two-column{grid-template-columns:1fr 1fr;gap:.75rem;height:100%;display:grid}.mops-column{flex-direction:column;min-width:0;display:flex}.mops-section{margin-bottom:.5rem}.mops-section-header{color:var(--accent);border-bottom:1px solid var(--card-border);margin-bottom:.5rem;padding-bottom:.25rem;font-size:.75rem;font-weight:700}.mops-table{border-collapse:collapse;width:100%;font-size:.7rem}.mops-table th,.mops-table td{text-align:right;padding:.25rem .35rem}.mops-table th{color:var(--text-secondary);text-align:right;font-weight:500}.mops-table th:first-child,.mops-table td:first-child{text-align:left}.mops-table td{font-variant-numeric:tabular-nums;font-family:Pretendard Variable,Pretendard,sans-serif}.mops-table .period{color:var(--foreground);font-weight:500}.mops-table .price{color:var(--foreground)}.mops-table .change-positive{color:var(--positive)}.mops-table .change-negative{color:var(--negative)}.mops-table .timestamp{color:var(--text-secondary);font-size:.6rem}.mops-divider{background:var(--card-border);height:1px;margin:.5rem 0}.unified-fuel-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.5rem;margin-bottom:.75rem;padding:.75rem}.unified-fuel-card-header{border-bottom:1px solid var(--card-border);align-items:center;gap:.5rem;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}.unified-fuel-card-title{color:var(--accent);font-size:.875rem;font-weight:600}.unified-fuel-card-badge{background:var(--accent);color:var(--background);border-radius:.25rem;padding:.125rem .375rem;font-size:.625rem;font-weight:600}.calculator-panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.5rem;margin-top:1rem;padding:1rem}.calculator-title{align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:flex}.calculator-form{flex-direction:column;gap:.75rem;display:flex}.calculator-field{flex-direction:column;gap:.25rem;display:flex}.calculator-label{color:var(--text-secondary);font-size:.75rem}.calculator-input,.calculator-select{background:var(--background);border:1px solid var(--card-border);color:var(--foreground);border-radius:.375rem;padding:.5rem;font-size:.875rem}.calculator-input:focus,.calculator-select:focus{border-color:var(--accent);outline:none}.calculator-fuel-row{background:var(--background);border-radius:.375rem;align-items:center;gap:.5rem;padding:.5rem;display:flex}.calculator-checkbox{width:1rem;height:1rem;accent-color:var(--accent)}.calculator-fuel-name{flex:1;font-size:.875rem}.calculator-quantity-input{background:var(--card-bg);border:1px solid var(--card-border);width:5rem;color:var(--foreground);text-align:right;border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem}.calculator-unit{color:var(--text-secondary);font-size:.75rem}.calculator-button{background:var(--accent);color:var(--background);cursor:pointer;border:none;border-radius:.375rem;padding:.625rem;font-size:.875rem;font-weight:600;transition:opacity .2s}.calculator-button:hover{opacity:.9}.calculator-button:disabled{opacity:.5;cursor:not-allowed}.calculator-result{border-top:1px solid var(--card-border);margin-top:.75rem;padding-top:.75rem}.calculator-total{justify-content:space-between;align-items:center;font-size:1rem;font-weight:700;display:flex}.calculator-total-label{color:var(--text-secondary)}.calculator-total-value{color:var(--accent);font-variant-numeric:tabular-nums;font-family:Pretendard Variable,Pretendard,sans-serif}.country-filter{display:inline-block;position:relative}.country-filter-button{background:var(--card-bg);border:1px solid var(--card-border);color:var(--foreground);cursor:pointer;border-radius:.375rem;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.75rem;display:flex}.country-filter-dropdown{background:var(--card-bg);border:1px solid var(--card-border);z-index:50;border-radius:.375rem;min-width:150px;margin-top:.25rem;padding:.5rem;position:absolute;top:100%;right:0;box-shadow:0 4px 6px #0000004d}.country-filter-item{cursor:pointer;border-radius:.25rem;align-items:center;gap:.5rem;padding:.375rem;font-size:.75rem;display:flex}.country-filter-item:hover{background:var(--table-row-hover)}.theme-toggle{background:var(--card-bg);border:1px solid var(--card-border);cursor:pointer;border-radius:.375rem;justify-content:center;align-items:center;width:2rem;height:2rem;transition:background-color .2s;display:flex}.theme-toggle:hover{background:var(--card-border)}.theme-toggle svg{width:1rem;height:1rem;color:var(--foreground)}.header-bar{background:var(--header-bg);border-bottom:1px solid var(--card-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.header-left{align-items:center;gap:.5rem;min-width:0;display:flex}.header-title{white-space:nowrap;letter-spacing:-.01em;font-size:.85rem;font-weight:700}.header-right{flex-shrink:0;align-items:center;gap:.375rem;display:flex}.header-time{font-variant-numeric:tabular-nums;color:var(--accent);font-family:Pretendard Variable,Pretendard,sans-serif;font-size:.75rem;font-weight:700}.header-date{color:var(--text-secondary);white-space:nowrap;font-size:.7rem}.header-icon-btn{background:var(--card-bg);border:1px solid var(--card-border);cursor:pointer;width:1.75rem;height:1.75rem;color:var(--foreground);border-radius:.375rem;justify-content:center;align-items:center;transition:background-color .15s;display:flex}.header-icon-btn:hover{background:var(--card-border)}.header-icon-btn:disabled{opacity:.5;cursor:not-allowed}@media (min-width:768px){.header-bar{padding:.5rem 1rem}.header-title{font-size:1rem}.header-time{font-size:.85rem}.header-date{font-size:.75rem}.header-right{gap:.5rem}}@media (max-width:400px){.header-title{font-size:.7rem}.header-date{display:none}}.country-tabs{gap:.25rem;margin-bottom:.75rem;display:flex}.country-tab{background:var(--card-bg);border:1px solid var(--card-border);color:var(--foreground);cursor:pointer;border-radius:.375rem;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8rem;font-weight:500;transition:all .2s;display:flex}.country-tab:hover{background:var(--card-border)}.country-tab.active{background:var(--accent);color:var(--background);border-color:var(--accent)}.country-tab.disabled{opacity:.5;cursor:not-allowed}.country-tab-badge{background:var(--card-border);border-radius:.125rem;padding:.125rem .25rem;font-size:.6rem}.country-toggle{background:var(--card-bg);border:1px solid var(--card-border);color:var(--text-secondary);cursor:pointer;opacity:.6;border-radius:.375rem;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8rem;font-weight:500;transition:all .15s;display:flex}.country-toggle:hover{opacity:.8;background:var(--card-border)}.country-toggle.active{background:var(--accent);color:var(--background);border-color:var(--accent);opacity:1}.country-toggle.active:hover{opacity:.9}@media (max-width:1279px){.mops-panel{border-left:none;border-top:1px solid var(--card-border);max-height:300px}}@media (max-width:1024px){.country-toggle{gap:.25rem;padding:.375rem .625rem;font-size:.75rem}}@media (max-width:768px){.country-toggle{padding:.25rem .5rem;font-size:.7rem}.country-tabs{flex-wrap:wrap}.kr-matrix-table{font-size:.75rem}.kr-matrix-table th,.kr-matrix-table td{padding:.375rem .5rem}}.quote-table-container{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.5rem;width:100%;min-width:0}.quote-table-wrapper{width:100%;overflow:hidden visible}.quote-table-wrapper::-webkit-scrollbar{height:6px}.quote-table-wrapper::-webkit-scrollbar-track{background:var(--card-bg)}.quote-table-wrapper::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:3px}.quote-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.quote-table-header{background:var(--header-bg);border-bottom:1px solid var(--card-border);align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.quote-table-port{color:var(--accent);font-size:.875rem;font-weight:700}.quote-table-port-name{color:var(--text-secondary);font-size:.75rem}.quote-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.7rem}.quote-table thead{background:var(--table-header)}.quote-table th{font-variant-numeric:tabular-nums;color:var(--text-secondary);text-transform:uppercase;text-align:center;border-bottom:2px solid var(--card-border);border-right:1px solid var(--card-border);padding:.15rem .1rem;font-family:Pretendard Variable,Pretendard,sans-serif;font-size:.7rem;font-weight:500}.quote-table th:last-child{border-right:none}.quote-table td{text-align:center;border-bottom:1px solid var(--card-border);border-right:1px solid var(--card-border);padding:.15rem .1rem}.quote-table td:last-child{border-right:none}.quote-table tbody tr:hover{background:var(--table-row-hover)}.quote-table tbody tr:last-child td{border-bottom:none}.quote-table .price-col{font-variant-numeric:tabular-nums;color:var(--foreground);white-space:nowrap;min-width:30px;font-family:Pretendard Variable,Pretendard,sans-serif;font-weight:500}.port-cards-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:768px){.port-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.port-cards-grid{grid-template-columns:repeat(3,1fr)}}.korea-unified-card{grid-column:1}@media (min-width:640px){.korea-unified-card{grid-column:span 2}}.simple-dashboard{flex-direction:column;flex:1;gap:.5rem;min-height:0;padding:.5rem;display:flex;overflow:hidden auto}@media (min-width:768px){.simple-dashboard{grid-template-columns:repeat(3,1fr);align-content:start;gap:.75rem;padding:1rem;display:grid}}.simple-dashboard .loading-container{flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;min-height:40vh;display:flex}.nationwide-row{grid-template-columns:1fr;gap:.5rem;display:grid}@media (min-width:480px){.nationwide-row{grid-template-columns:1fr 1fr}}@media (min-width:768px){.nationwide-row{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:.75rem}}.price-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:.5rem;flex-direction:column;flex-shrink:0;min-width:0;display:flex;overflow:hidden}.price-card-header{border-bottom:1px solid var(--card-border);background:var(--header-bg);justify-content:space-between;align-items:center;min-width:0;padding:.5rem .625rem;display:flex;overflow:hidden}.price-card-header-right{align-items:center;gap:.375rem;display:flex}.price-card-title{color:var(--accent);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.8rem;font-weight:700;overflow:hidden}.price-card-subtitle{color:var(--text-secondary);font-size:.65rem;font-weight:500}.price-card-badge{background:var(--accent);color:var(--background);border-radius:.2rem;padding:.1rem .3rem;font-size:.55rem;font-weight:600}.price-card-body{flex:1;padding:.5rem .625rem}.price-card-footer{border-top:1px solid var(--card-border);flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:.25rem;padding:.375rem .625rem;display:flex}.earliest-label{color:var(--accent-yellow);font-size:.7rem;font-weight:600}.earliest-clickable{cursor:pointer;padding:.125rem 0;transition:opacity .15s;display:inline-block}.earliest-clickable:hover{opacity:.7;text-decoration:underline}.earliest-placeholder{color:var(--text-secondary);font-style:italic}.earliest-edit-wrap{justify-content:flex-end;align-items:center;gap:.25rem;display:flex}.earliest-edit-prefix{color:var(--accent-yellow);font-size:.7rem;font-weight:600}.earliest-edit-input{width:5.5rem;color:var(--accent-yellow);border:1px solid var(--accent-yellow);text-align:right;background:0 0;border-radius:.25rem;outline:none;padding:.15rem .3rem;font-size:.7rem;font-weight:600}.term-label{color:var(--accent);font-size:.7rem;font-weight:600}.term-clickable{cursor:pointer;padding:.125rem 0;transition:opacity .15s;display:inline-block}.term-clickable:hover{opacity:.7;text-decoration:underline}.term-placeholder{color:var(--text-secondary);font-style:italic}.term-edit-wrap{align-items:center;gap:.25rem;display:flex}.term-edit-prefix{color:var(--accent);font-size:.7rem;font-weight:600}.term-edit-input{width:5.5rem;color:var(--accent);border:1px solid var(--accent);background:0 0;border-radius:.25rem;outline:none;padding:.15rem .3rem;font-size:.7rem;font-weight:600}.markup-badge{color:var(--accent-red);background:var(--accent-red);font-size:.6rem;font-weight:700}@supports (color:color-mix(in lab, red, red)){.markup-badge{background:color-mix(in srgb,var(--accent-red)10%,transparent)}}.markup-badge{cursor:pointer;border-radius:.2rem;padding:.1rem .35rem;transition:opacity .15s}.markup-badge:hover{opacity:.7}.markup-zero{color:var(--text-secondary);background:var(--text-secondary)}@supports (color:color-mix(in lab, red, red)){.markup-zero{background:color-mix(in srgb,var(--text-secondary)10%,transparent)}}.markup-edit-wrap{align-items:center;gap:.1rem;display:inline-flex}.markup-edit-prefix{color:var(--accent-red);font-size:.6rem;font-weight:700}.markup-edit-input{width:2.5rem;color:var(--accent-red);border:1px solid var(--accent-red);background:0 0;border-radius:.2rem;outline:none;padding:.1rem .2rem;font-size:.6rem;font-weight:700}.price-card-latest{margin-bottom:.375rem}.price-card-value{font-variant-numeric:tabular-nums;color:var(--foreground);letter-spacing:-.02em;font-family:Pretendard Variable,Pretendard,sans-serif;font-size:1.5rem;font-weight:800}.price-card-empty{color:var(--text-secondary);font-size:.85rem}.price-card-add-btn{background:var(--card-bg);border:1px solid var(--card-border);width:1.5rem;height:1.5rem;color:var(--text-secondary);cursor:pointer;border-radius:.25rem;justify-content:center;align-items:center;transition:all .15s;display:flex}.price-card-add-btn:hover{background:var(--accent);color:var(--background);border-color:var(--accent)}.price-card-input-row{border-bottom:1px solid var(--card-border);background:var(--background);align-items:center;gap:.375rem;padding:.375rem .625rem;display:flex}.price-card-submit-btn{background:var(--accent);color:var(--background);cursor:pointer;white-space:nowrap;border:none;border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem .625rem;font-size:.7rem;font-weight:600;display:flex}.price-card-submit-btn:hover{opacity:.9}.price-card-submit-btn:disabled{opacity:.5;cursor:not-allowed}.taxed-fuel-row{align-items:center;gap:.375rem;display:flex}.taxed-fuel-row>.inline-price-row,.taxed-fuel-row>.inline-price-edit{flex:1}.inline-price-row{border-bottom:1px solid var(--card-border);cursor:pointer;border-radius:.25rem;justify-content:space-between;align-items:center;padding:.375rem .25rem;transition:background .15s;display:flex}.inline-price-row:last-child{border-bottom:none}.inline-price-row:hover{background:var(--table-row-hover)}.inline-price-label{color:var(--text-secondary);min-width:3.5rem;font-size:.75rem;font-weight:600}.inline-price-value{font-size:1rem}.inline-price-edit{border-bottom:1px solid var(--card-border);justify-content:space-between;align-items:center;padding:.25rem;display:flex}.inline-price-edit:last-child{border-bottom:none}.inline-price-input-wrap{flex:1;align-items:center;gap:.25rem;display:flex}.inline-price-dollar{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-family:Pretendard Variable,Pretendard,sans-serif;font-size:.8rem}.inline-price-input{background:var(--background);border:1px solid var(--accent);font-variant-numeric:tabular-nums;width:100%;max-width:7rem;color:var(--foreground);border-radius:.25rem;outline:none;padding:.3rem .4rem;font-family:Pretendard Variable,Pretendard,sans-serif;font-size:.85rem}.inline-price-input:focus{box-shadow:0 0 0 2px #00d4aa33}.mini-quote-table{border-collapse:separate;border-spacing:0;border-top:1px solid var(--card-border);width:100%;margin-top:.25rem;font-size:.65rem}.mini-quote-table th{color:var(--text-secondary);text-align:left;border-bottom:1px solid var(--card-border);text-transform:uppercase;padding:.2rem .3rem;font-size:.6rem;font-weight:500}.mini-quote-table td{color:var(--foreground);border-bottom:1px solid var(--card-border);padding:.2rem .3rem}.mini-quote-table tbody tr:last-child td{border-bottom:none}.mini-quote-table tbody tr:hover{background:var(--table-row-hover)}@media (max-width:767px){.price-card-value{font-size:1.25rem}.price-card-latest{margin-bottom:.25rem}.price-card-body{padding:.375rem .5rem}.inline-price-input{max-width:100%;padding:.35rem .4rem;font-size:.9rem}.price-card-input-row .inline-price-input-wrap{flex:1;min-width:0}.nationwide-row{gap:.5rem}}@media (min-width:768px){.price-card-title{font-size:.9rem}.price-card-value{font-size:1.75rem}.price-card-body{padding:.75rem}.mini-quote-table{font-size:.7rem}.mini-quote-table th{padding:.25rem .375rem;font-size:.65rem}.mini-quote-table td{padding:.25rem .375rem}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}