:root{--blue:#073bcf;--blue-dark:#002b9f;--yellow:#ffd71a;--cream:#fff8e9;--line:#0a34b4}*{box-sizing:border-box}body,html{background:var(--blue-dark)}body{margin:0;font-family:Arial,Pretendard,Apple SD Gothic Neo,sans-serif;color:var(--blue-dark)}a{color:inherit;text-decoration:none}.site-shell{width:min(100%,460px);min-height:100vh;margin:0 auto;background:linear-gradient(180deg,#083fd7,#0637c2 31%,#fff8e9 0,#fff8e9);padding-bottom:90px}.hero,.site-shell{position:relative;overflow:hidden}.hero{min-height:300px;padding:14px 16px 0}.mini-brand{display:inline-flex;padding:6px 10px;border:2px solid var(--yellow);border-radius:999px;color:var(--yellow);font-weight:900;letter-spacing:.08em;font-size:9px;position:relative;z-index:5;background:rgba(0,34,139,.42)}.factory-sign{margin:22px auto 0;min-height:104px;border:4px solid #fff1a7;outline:4px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#ffe535,#ffca00);box-shadow:0 10px 0 #00258f,0 15px 28px rgba(0,0,0,.16);transform:rotate(-1deg);display:flex;align-items:center;justify-content:center;position:relative;z-index:4;padding:10px 46px 10px 20px}.main-title{font-size:clamp(31px,9vw,42px);letter-spacing:-.08em;line-height:.95;white-space:nowrap;transform:scaleX(1.03)}.main-title,.sign-bolt{color:var(--blue);font-weight:1000}.sign-bolt{position:absolute;right:18px;top:50%;transform:translateY(-52%);font-size:34px}.hero-copy{color:var(--cream);text-align:center;font-weight:900;font-size:12px;letter-spacing:.03em;margin:18px 0 12px;position:relative;z-index:5}.decor.pipe{position:absolute;border:4px solid var(--yellow);background:var(--blue)}.pipe-left{width:90px;height:34px;left:-34px;top:80px;border-radius:18px}.pipe-right{width:48px;height:120px;right:-12px;top:14px;border-radius:24px}.spark{position:absolute;color:var(--yellow);font-size:22px;z-index:3}.spark-1{left:20px;top:180px}.spark-2{right:24px;top:155px}.conveyor{position:absolute;left:-10px;right:-10px;bottom:0;height:74px;z-index:5}.bread-row{display:flex;gap:10px;align-items:flex-end;width:max-content;animation:breadMove 12s linear infinite}.bread{width:52px;height:42px;background:var(--yellow);border:3px solid var(--line);border-radius:15px 15px 9px 9px;position:relative;flex:0 0 auto}.bread:after,.bread:before{content:"";position:absolute;width:24px;height:15px;border-radius:50% 50% 20% 20%;top:-9px;background:inherit;border:3px solid var(--line);border-bottom:0}.bread:before{left:3px}.bread:after{right:3px}.bread-face{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);font-size:11px;color:var(--blue-dark);font-weight:900}.bread-2{transform:rotate(3deg)}.bread-3{transform:rotate(-4deg)}.bread-4{transform:translateY(-2px) rotate(2deg)}.belt{height:25px;margin-top:-1px;background:#063ac6;border-top:4px solid #fff6ce;border-bottom:4px solid #fff6ce;display:flex;justify-content:space-around;align-items:center}.belt i{width:15px;height:15px;border:3px solid var(--line);border-radius:50%}.belt i,.dashboard{background:var(--cream)}.dashboard{position:relative;z-index:6;padding:20px 16px 30px;border-radius:26px 26px 0 0}.panel{display:block;border:3px solid var(--line);border-radius:20px;box-shadow:0 7px 0 var(--line);padding:17px;position:relative;overflow:hidden}.panel h2{margin:2px 0 4px;font-size:21px;line-height:1.05;letter-spacing:-.04em}.panel p{margin:0;font-size:12px;font-weight:700;opacity:.8}.eyebrow{font-size:9px!important;letter-spacing:.13em;font-weight:1000!important;opacity:.65!important}.panel-wide{min-height:116px;display:grid;grid-template-columns:68px 1fr 28px;align-items:center;grid-gap:12px;gap:12px}.cream-panel{background:#fffdf6}.yellow-panel{background:var(--yellow);min-height:200px}.blue-panel{background:var(--blue);color:var(--cream);min-height:200px}.two-col{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-top:17px}.arrow{font-size:28px;font-weight:900;justify-self:end}.arrow.light{position:absolute;right:18px;bottom:18px}.machine-icon{width:62px;height:62px;border:3px solid var(--line);border-radius:14px;background:var(--blue);display:flex;gap:7px;align-items:center;justify-content:center}.machine-icon span{width:9px;height:9px;border-radius:50%;background:var(--yellow);border:2px solid #fff5bd}.window{height:80px;border:3px solid var(--line);border-radius:17px;background:var(--blue);margin-bottom:16px;display:grid;place-items:center;box-shadow:inset 0 0 0 4px #fff7c3}.tiny-breads{display:flex;gap:5px}.tiny-breads span{width:27px;height:24px;background:var(--yellow);border:2px solid white;border-radius:9px 9px 5px 5px}.corner-bolt{position:absolute;right:14px;bottom:10px;font-size:27px;font-weight:1000}.card-stack{height:88px;position:relative;margin-bottom:8px}.card-stack span{width:58px;height:78px;position:absolute;border-radius:10px;border:3px solid #fff5c5;background:var(--yellow);top:4px;left:50%;transform-origin:bottom center}.card-stack span:first-child{transform:translateX(-67%) rotate(-10deg)}.card-stack span:nth-child(2){transform:translateX(-50%);z-index:2}.card-stack span:nth-child(3){transform:translateX(-32%) rotate(10deg)}.mini-factory{height:95px;position:relative;margin:26px -16px -30px;padding-top:26px;overflow:hidden;background:var(--blue);border-top:4px solid var(--yellow)}.bottom-nav{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);width:min(calc(100% - 28px),430px);height:56px;background:#fffdf4;border:3px solid var(--line);border-radius:17px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;z-index:20;box-shadow:0 6px 0 var(--line);overflow:hidden}.bottom-nav a{height:100%;display:grid;place-items:center;font-size:10px;font-weight:1000}.bottom-nav a.active{background:var(--yellow)}.delivery-shell{width:min(100%,460px);min-height:100vh;margin:0 auto;background:var(--cream);padding-bottom:94px}.delivery-head{background:var(--blue);color:var(--cream);display:grid;grid-template-columns:38px 1fr 25px;align-items:center;grid-gap:9px;gap:9px;border-bottom:4px solid var(--yellow);position:relative;overflow:hidden}.delivery-head.compact-head{min-height:76px;padding:9px 14px}.delivery-head:after{content:"";position:absolute;width:80px;height:80px;border:4px solid var(--yellow);border-radius:50%;right:-55px;top:-38px;opacity:.8}.back-button{width:31px;height:31px;display:grid;place-items:center;border:2px solid var(--yellow);border-radius:10px;font-size:18px}.back-button,.delivery-kicker{color:var(--yellow);font-weight:1000}.delivery-kicker{margin:0 0 2px;font-size:7px;letter-spacing:.11em}.delivery-head h1{margin:0;font-size:21px;letter-spacing:-.06em;font-weight:1000}.head-bolt{color:var(--yellow);font-size:24px;font-weight:1000}.delivery-content{padding:10px 12px 28px}.nickname-search{height:44px;border:3px solid var(--line);border-radius:13px;background:white;display:grid;grid-template-columns:auto 1fr 27px;align-items:center;grid-gap:8px;gap:8px;padding:0 11px;box-shadow:0 3px 0 rgba(10,52,180,.16)}.nickname-search span{font-size:9px;font-weight:1000;color:var(--blue)}.nickname-search input{min-width:0;border:0;outline:0;font-size:13px;font-weight:800;color:var(--blue-dark);background:transparent}.nickname-search input::placeholder{color:#9ba5c9}.nickname-search button{border:0;background:var(--yellow);color:var(--blue);border-radius:50%;width:23px;height:23px;font-size:17px;font-weight:900}.result-line{margin:10px 3px 7px;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:900}.result-line strong{min-width:26px;height:20px;padding:0 6px;display:grid;place-items:center;background:var(--blue);color:var(--yellow);border-radius:999px}.delivery-list{display:flex;flex-direction:column;gap:7px}.delivery-row-card{border:2px solid var(--line);border-radius:13px;background:#fffdf7;overflow:hidden;box-shadow:0 3px 0 var(--line)}.delivery-row-summary{list-style:none;min-height:62px;padding:7px 8px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto 14px;align-items:center;grid-gap:7px;gap:7px;cursor:pointer}.delivery-row-summary::-webkit-details-marker{display:none}.summary-nickname{min-width:0}.tiny-label{display:block;margin:0 0 1px;font-size:6px;font-weight:1000;letter-spacing:.12em;color:#6371a8}.summary-nickname strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;letter-spacing:-.05em;color:var(--blue-dark)}.day-badge{background:var(--blue);color:#fff;border-radius:9px;padding:8px;font-size:11px}.day-badge,.summary-status-stack{font-weight:1000;white-space:nowrap}.summary-status-stack{display:flex;flex-direction:column;gap:4px;min-width:108px;font-size:9px}.summary-status-stack>span{display:grid;grid-template-columns:10px 42px auto;align-items:center;grid-gap:4px;gap:4px}.status-label{color:#7b8295;font-weight:900}.status-value{color:var(--blue-dark);font-size:10px;font-weight:1000}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--yellow);border:2px solid var(--blue);box-sizing:content-box;display:inline-block;flex:0 0 auto}.request-dot{background:#fff}.order-count{min-width:34px;padding-left:6px;border-left:1px solid #c9cfe3;display:flex;flex-direction:column;line-height:1.05;white-space:nowrap}.order-count small{font-size:6px;color:#7180b0;font-weight:900}.order-count b{font-size:11px;color:var(--blue);margin-top:3px}.summary-chevron{font-size:8px;color:var(--blue);transition:transform .18s}.delivery-row-card[open] .summary-chevron{transform:rotate(180deg)}.delivery-row-detail{border-top:1px dashed #b8c0df}.delivery-info{margin:0;padding:4px 11px 7px}.delivery-info div{min-height:31px;display:grid;grid-template-columns:74px 1fr;align-items:center;border-bottom:1px solid #e4e6ef}.delivery-info div:last-child{border-bottom:0}.delivery-info dt{font-size:8px;font-weight:900;color:#7180b0}.delivery-info dd{margin:0;font-size:10px;font-weight:900;color:var(--blue-dark);display:flex;align-items:center;gap:6px;word-break:break-all}.tracking{font-family:Arial,sans-serif}.delivery-empty{margin-top:10px;border:2px dashed #aeb7d5;border-radius:15px;padding:25px 15px;text-align:center;font-size:12px;font-weight:900;color:#6877aa}.delivery-empty.error{color:#a32626}@keyframes breadMove{0%{transform:translateX(-60px)}to{transform:translateX(-500px)}}@media(max-width:390px){.delivery-row-summary{grid-template-columns:auto minmax(0,1fr) auto auto 12px;gap:5px}.summary-nickname strong{font-size:15px}.summary-status-stack{min-width:100px;font-size:8px}.summary-status-stack>span{grid-template-columns:10px 38px auto;gap:3px}.status-value{font-size:9px}.day-badge{padding:7px 6px;font-size:10px}}@media(min-width:461px){.delivery-shell,.site-shell{box-shadow:0 0 60px rgba(0,0,0,.3)}}.request-detail-grid{display:grid;grid-template-columns:1fr 1fr;min-height:190px}.request-detail-left{min-width:0}.request-panel{border-left:1px dashed #b8c0df;padding:12px 12px 10px;min-width:0}.request-panel-title{color:var(--blue-dark);font-size:11px;font-weight:1000;margin-bottom:9px}.request-buttons{display:grid;grid-template-columns:1fr 1fr;grid-gap:7px;gap:7px}.request-buttons button{min-height:39px;border:1.5px solid #9eabd5;border-radius:10px;background:#fffdf7;color:var(--blue-dark);font-size:9px;font-weight:1000;cursor:pointer;padding:7px 5px}.request-buttons button.selected{background:var(--yellow);border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.other-request-input{width:100%;min-height:62px;margin-top:8px;resize:vertical;border:1.5px solid #aab4d4;border-radius:9px;background:#fff;color:var(--blue-dark);font:inherit;font-size:10px;font-weight:700;padding:9px;outline:none}.other-request-input:focus{border-color:var(--blue)}.request-confirm-row{display:flex;justify-content:flex-end;margin-top:9px}.request-confirm-button{min-width:68px;height:32px;border:0;border-radius:9px;background:var(--blue);color:#fff;font-size:10px;font-weight:1000;cursor:pointer}.postal-modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(0,18,80,.28)}.postal-modal{width:min(100%,330px);background:#fffdf8;border:2px solid var(--blue);border-radius:18px;box-shadow:0 18px 60px rgba(0,25,100,.25);padding:26px 18px 18px;position:relative}.postal-modal-close{position:absolute;right:10px;top:8px;width:28px;height:28px;border:0;background:transparent;color:#64709a;font-size:23px;cursor:pointer}.postal-modal h3{margin:4px 0 17px;font-size:16px;line-height:1.35;letter-spacing:-.04em}.postal-modal h3,.postal-modal input{text-align:center;color:var(--blue-dark)}.postal-modal input{width:100%;height:45px;border:2px solid #b7c0dd;border-radius:10px;outline:none;padding:0 12px;font-size:15px;font-weight:900}.postal-modal input:focus{border-color:var(--blue)}.postal-error{margin:8px 0 0;color:#c22929;text-align:center;font-size:10px;font-weight:900}.postal-modal-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px;margin-top:15px}.postal-modal-actions button{height:40px;border-radius:10px;font-size:11px;font-weight:1000;cursor:pointer}.postal-cancel{border:1px solid #d5d9e8;background:#eef0f6;color:#445071}.postal-submit{border:0;background:var(--blue);color:#fff}.postal-modal-actions button:disabled{opacity:.6;cursor:default}@media(max-width:390px){.request-detail-grid{grid-template-columns:1fr}.request-panel{border-left:0;border-top:1px dashed #b8c0df}.request-buttons button{font-size:9px}}