:root{--green: #00b14f;--green-dark: #009644;--green-deep: #007a38;--green-tint: #e6f7ee;--ink: #1a1d1f;--gray-600: #6b7280;--gray-400: #9ca3af;--line: #edf0f2;--bg: #f4f6f8;--radius: 16px}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Noto Sans TC,Segoe UI,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}.app{max-width:520px;margin:0 auto;min-height:100dvh;background:#fff;display:flex;flex-direction:column;position:relative;box-shadow:0 0 40px #0000000f}.hero{background:linear-gradient(160deg,var(--green) 0%,var(--green-dark) 78%,var(--green-deep) 100%);padding:calc(env(safe-area-inset-top,0px) + 20px) 18px 22px;border-radius:0 0 28px 28px}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.lang-switch{display:flex;background:#ffffff2e;border-radius:999px;padding:3px;gap:2px}.lang-switch button{border:none;background:transparent;color:#ffffffd9;font-size:12.5px;font-weight:800;font-family:inherit;padding:5px 12px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}.lang-switch button.active{background:#fff;color:var(--green-dark)}.brand{display:flex;align-items:baseline;gap:6px}.brand-main{font-size:30px;font-weight:900;letter-spacing:-.5px;color:#fff}.brand-ko{font-size:20px;font-weight:800;color:#ffffffeb}.hero-tag{display:inline-block;font-size:13px;font-weight:600;color:#ffffffe6;background:#ffffff29;padding:4px 12px;border-radius:999px;margin-bottom:16px}.searchbar{display:flex;align-items:center;background:#fff;border-radius:999px;padding:6px 6px 6px 16px;gap:8px;box-shadow:0 4px 14px #00000021}.search-icon{width:20px;height:20px;color:var(--green);flex-shrink:0}.searchbar input{flex:1;border:none;outline:none;font-size:16px;font-family:inherit;color:var(--ink);background:transparent;min-width:0}.searchbar input::placeholder{color:var(--gray-400)}.clear-btn{border:none;background:var(--line);color:var(--gray-600);width:26px;height:26px;border-radius:50%;font-size:12px;cursor:pointer;flex-shrink:0}.go-btn{border:none;background:var(--green);color:#fff;font-weight:800;font-size:15px;font-family:inherit;padding:10px 20px;border-radius:999px;cursor:pointer;flex-shrink:0;transition:background .15s}.go-btn:active{background:var(--green-deep)}.city-row{display:flex;gap:6px;margin-top:14px}.city-chip{border:1.5px solid rgba(255,255,255,.55);background:transparent;color:#fff;font-family:inherit;font-size:13px;font-weight:800;padding:6px 14px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}.city-chip.active{background:#fff;color:var(--green-dark);border-color:#fff}.cat-row{display:flex;gap:10px;margin-top:12px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.cat-row::-webkit-scrollbar{display:none}.cat-tile{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:5px;background:#fff;border:2px solid transparent;border-radius:14px;padding:10px 0 8px;width:68px;cursor:pointer;font-family:inherit;box-shadow:0 2px 8px #0000001a;transition:border-color .15s,transform .1s}.cat-tile:active{transform:scale(.95)}.cat-tile.active{border-color:#fff;background:var(--green-tint);outline:2px solid rgba(255,255,255,.85);outline-offset:2px}.cat-icon{font-size:22px;line-height:1}.cat-label{font-size:11.5px;font-weight:700;color:var(--ink);white-space:nowrap}.sheet{flex:1;padding:20px 18px calc(env(safe-area-inset-bottom,0px) + 84px)}.section-title{font-size:17px;font-weight:800;margin:4px 0 12px;display:flex;align-items:center;gap:8px}.count{font-size:12px;font-weight:700;color:var(--green);background:var(--green-tint);padding:2px 9px;border-radius:999px}.hint-banner{display:block;width:100%;text-align:left;background:#fffbe8;border:1px solid #f5e6a8;color:#8a6d1a;font-size:13px;font-weight:600;font-family:inherit;padding:10px 14px;border-radius:12px;margin-bottom:14px;cursor:pointer}.recent-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.recent-chip{border:1px solid var(--line);background:#fff;color:var(--gray-600);font-size:13px;font-weight:600;font-family:inherit;padding:7px 14px;border-radius:999px;cursor:pointer}.recent-chip:active{background:var(--green-tint);border-color:var(--green);color:var(--green-dark)}.cards{display:flex;flex-direction:column;gap:12px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:16px;background:#fff;box-shadow:0 2px 10px #0000000a}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.ko-name{font-size:19px;font-weight:800;letter-spacing:-.3px;line-height:1.3;word-break:keep-all}.sub-line{display:flex;align-items:center;gap:8px;margin-top:4px;flex-wrap:wrap}.zh-name{font-size:14px;font-weight:600;color:var(--gray-600)}.type-badge{font-size:11.5px;font-weight:700;color:var(--green-dark);background:var(--green-tint);padding:2px 9px;border-radius:999px;white-space:nowrap}.src-badge{flex-shrink:0;font-size:10.5px;font-weight:700;color:var(--gray-400);border:1px solid var(--line);padding:2px 8px;border-radius:999px}.src-badge.builtin{color:var(--green-dark);border-color:var(--green-tint);background:var(--green-tint)}.addr{font-size:13.5px;color:var(--gray-600);margin:10px 0 14px;line-height:1.5}.card-actions{display:flex;gap:8px}.btn-ghost{flex:1;border:1.5px solid var(--line);background:#fff;color:var(--ink);font-size:13.5px;font-weight:700;font-family:inherit;padding:11px 4px;border-radius:12px;cursor:pointer;white-space:nowrap}.btn-ghost:active{background:var(--bg)}.btn-primary{flex:1.3;border:none;background:var(--green);color:#fff;font-size:13.5px;font-weight:800;font-family:inherit;padding:11px 4px;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;transition:background .15s}.btn-primary:active{background:var(--green-deep)}.btn-primary.wide{flex:none;width:100%;padding:14px;font-size:15px}.n-logo{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:4px;background:#fff;color:var(--green);font-weight:900;font-size:11px}.alt-links{margin-top:10px;font-size:12.5px;display:flex;gap:8px;align-items:center}.alt-links a{color:var(--gray-400);text-decoration:none;font-weight:600}.alt-links a:active{color:var(--green)}.dot{color:var(--line)}.more-note{text-align:center;font-size:13px;color:var(--gray-400);padding:16px 0 4px}.state-box{text-align:center;padding:48px 24px;color:var(--gray-600)}.spinner{width:32px;height:32px;border:3.5px solid var(--green-tint);border-top-color:var(--green);border-radius:50%;margin:0 auto 14px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-title{font-size:17px;font-weight:800;color:var(--ink);margin-bottom:8px}.empty-sub{font-size:14px;line-height:1.6;margin-bottom:18px}.err{color:#d64545;font-size:14px;line-height:1.6}.guide-intro{font-size:14px;line-height:1.7;color:var(--gray-600);margin-bottom:16px}.guide-card{border:1px solid var(--line);border-radius:var(--radius);padding:16px;margin-bottom:12px;background:#fff}.guide-card h3{font-size:15px;font-weight:800;margin-bottom:10px}.guide-card ol{padding-left:20px;display:flex;flex-direction:column;gap:7px;font-size:14px;line-height:1.55;color:var(--ink)}.guide-card p{font-size:14px;line-height:1.7}.guide-card a{color:var(--green-dark);font-weight:700}.guide-card.tip{background:var(--green-tint);border-color:#c8ecd8}.field-label{display:block;font-size:13.5px;font-weight:700;margin:18px 0 8px}.key-input{width:100%;border:1.5px solid var(--line);border-radius:12px;padding:13px 14px;font-size:15px;font-family:SF Mono,Menlo,monospace;outline:none}.key-input:focus{border-color:var(--green)}.settings-actions{display:flex;gap:10px;margin-top:14px}.settings-actions .btn-ghost{flex:none;padding:11px 20px}.fine-print{margin-top:22px;font-size:11.5px;line-height:1.7;color:var(--gray-400)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:520px;background:#fff;border-top:1px solid var(--line);display:flex;padding-bottom:env(safe-area-inset-bottom,0px);z-index:10}.bottom-nav button{flex:1;border:none;background:none;font-family:inherit;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 0 7px;font-size:11px;font-weight:700;color:var(--gray-400);cursor:pointer}.bottom-nav button.active{color:var(--green)}.nav-icon{font-size:20px;line-height:1}.bottom-nav button.active .nav-icon{filter:none}.bottom-nav button:not(.active) .nav-icon{filter:grayscale(1) opacity(.55)}.toast{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 76px);left:50%;transform:translate(-50%);background:#1a1d1feb;color:#fff;font-size:13.5px;font-weight:600;padding:10px 20px;border-radius:999px;z-index:20;animation:toast-in .2s ease-out;white-space:nowrap}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}