@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Serif+Display:ital@1&display=swap";
@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-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.flex{display:flex}.grid{display:grid}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.items-center{align-items:center}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.italic{font-style:italic}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--color-bg:#f2efe9;--color-surface:#fff;--color-primary:#a3c270;--color-text:#111;--color-sub:#373737;--color-border:#111;--color-subway:#f0e0ea;--color-bus:#cfe4d7;--color-train:#d6dbf3;--color-car:#f0ded1;--color-share:#e0e6c8;--color-taxi:#f0efbb;--color-walk:#edeef0;--color-flight:#d2e4ed;--color-bike:#d0e4d8;--font-bebas:"Bebas Neue", sans-serif;--font-serif:"DM Serif Display", serif;--font-sans:"Pretendard", -apple-system, sans-serif;--font-mono:"Space Mono", monospace;--radius:18px;--radius-sm:12px;--shadow:3px 3px 0 var(--color-border);--shadow-lg:5px 5px 0 var(--color-border)}*{box-sizing:border-box;margin:0;padding:0}button,a{color:inherit}html,body{background:var(--color-bg);height:100dvh;font-family:var(--font-sans);color:var(--color-text);overflow:hidden}.app-shell{background:var(--color-bg);flex-direction:column;max-width:480px;height:100%;margin:0 auto;display:flex;overflow:hidden}.app-main{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.app-header{background:var(--color-bg);border-bottom:2px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 22px 14px;display:flex}.app-nav{background:var(--color-surface);border-top:2px solid var(--color-border);padding:6px 0 6px env(safe-area-inset-bottom,16px);flex-shrink:0;display:flex}.nav-item{cursor:pointer;color:var(--color-sub);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;flex-direction:column;flex:1;align-items:center;gap:3px;padding:4px;font-size:9px;font-weight:700;transition:color .12s;display:flex}.nav-item.active{color:var(--color-text)}.logo{align-items:baseline;gap:1px;display:flex}.logo-flow{font-family:var(--font-bebas);letter-spacing:2px;font-size:34px}.logo-er{font-family:var(--font-serif);letter-spacing:-1px;font-size:28px;font-style:italic}.icon-btn{border:2px solid var(--color-border);background:var(--color-surface);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;transition:transform .12s,box-shadow .12s;display:flex}.icon-btn:active{box-shadow:1px 1px 0 var(--color-border);transform:translate(2px,2px)}.btn-primary{width:100%;color:var(--color-text);border:2px solid var(--color-border);border-radius:var(--radius);font-family:var(--font-bebas);letter-spacing:2px;cursor:pointer;box-shadow:var(--shadow-lg);background:#dceac4;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:20px;transition:transform .12s,box-shadow .12s;display:flex}.btn-primary:active{box-shadow:1px 1px 0 var(--color-border);transform:translate(2px,2px)}.btn-secondary{width:100%;color:var(--color-text);border:2px solid var(--color-border);border-radius:var(--radius);font-family:var(--font-bebas);letter-spacing:2px;cursor:pointer;box-shadow:var(--shadow-lg);background:#f1efc2;justify-content:center;align-items:center;gap:10px;padding:16px;font-size:20px;transition:transform .12s,box-shadow .12s;display:flex}.btn-secondary:active{box-shadow:1px 1px 0 var(--color-border);transform:translate(2px,2px)}.card{background:var(--color-surface);border:2.5px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);transition:transform .12s,box-shadow .12s;overflow:hidden}.card:active{box-shadow:1px 1px 0 var(--color-border);transform:translate(2px,2px)}.date-sticker{z-index:10;background:#cdb4db;border:3px solid #111;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:absolute;top:-15px;left:-10px;transform:rotate(-10deg);box-shadow:3px 3px #111}.date-text{fontSize:18px;font-weight:900;line-height:1}.month-text{fontSize:10px;font-weight:700}.action-button-sticker{background:#b7e4c7;border:2px solid #111;border-radius:12px;padding:8px 16px;font-size:13px;font-weight:800;transition:all .1s;box-shadow:3px 3px #111}.action-button-sticker:active{transform:translate(2px,2px);box-shadow:1px 1px #111}.action-button-sticker.secondary{background:#ffcba4}.icon-circle{border:2px solid #111;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.chip{font-family:var(--font-mono);border:2px solid var(--color-border);border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.chip-train{background:var(--color-train)}.chip-subway{background:var(--color-subway)}.chip-bus{background:var(--color-bus)}.chip-car{background:var(--color-car)}.chip-share{background:var(--color-share)}.chip-taxi{background:var(--color-taxi)}.chip-walk{background:var(--color-walk)}.chip-flight{background:var(--color-flight)}.chip-bike{background:var(--color-bike)}.input{background:var(--color-bg);border-radius:var(--radius-sm);width:100%;font-family:var(--font-sans);color:var(--color-text);border:2px solid #ddd;outline:none;padding:12px 14px;font-size:15px;font-weight:700;transition:border-color .15s}.input:focus{border-color:var(--color-border);background:#fff}.input::placeholder{color:#bbb}.title-xl{font-family:var(--font-bebas);letter-spacing:1px;font-size:56px;line-height:.95}.title-lg{font-family:var(--font-bebas);letter-spacing:1px;font-size:36px}.title-md{font-family:var(--font-bebas);letter-spacing:1.5px;font-size:22px}.label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--color-sub);font-size:11px;font-weight:500}*{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{display:none}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}