@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";
:root{--pine:#203b31;--moss:#657b50;--hold:#d66f45;--chalk:#f4f1ea;--paper:#fffdf8;--ink:#1e2924;--muted:#78817c;--line:#deddd5;--danger:#b84b3e}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;color:var(--ink);background:#dedbd3;margin:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,sans-serif;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button,a{min-height:44px}button{cursor:pointer;border:0}.app-shell{background:var(--chalk);width:100%;max-width:480px;height:100dvh;margin:auto;position:relative;overflow:hidden}.scroll{overscroll-behavior:contain;height:100%;padding:0 20px calc(92px + env(safe-area-inset-bottom));overflow-y:auto}.header{z-index:10;padding:calc(12px + env(safe-area-inset-top)) 20px 12px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f1eaeb;justify-content:space-between;align-items:center;margin:0 -20px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.6px;align-items:center;gap:9px;font-size:20px;font-weight:850;display:flex}.brand-mark{background:var(--pine);color:#fff;border-radius:8px 12px 8px 4px;place-items:center;width:30px;height:30px;font-size:17px;display:grid}.icon-button{background:0 0;border-radius:50%;width:46px;height:46px;position:relative}.dot{background:var(--hold);border:2px solid var(--chalk);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:8px}h1{letter-spacing:-1.2px;margin:20px 0 7px;font-size:31px;line-height:1.16}h2{letter-spacing:-.7px;margin:34px 0 14px;font-size:22px}.eyebrow{color:var(--hold);margin:20px 0 0;font-size:13px;font-weight:800}.sub{color:var(--muted);margin:0;line-height:1.55}.recommendations{gap:12px;margin-top:24px;display:grid}.buddy-card{background:var(--paper);border:1px solid #203b311f;border-radius:8px 22px 8px 8px;padding:20px;position:relative}.buddy-top{align-items:center;gap:14px;display:flex}.avatar{width:58px;height:58px;color:var(--pine);background:#dce4d2;border-radius:18px 18px 18px 5px;flex:none;place-items:center;font-size:22px;font-weight:900;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.buddy-name{font-size:19px;font-weight:850}.match-score{color:var(--hold);margin-left:auto;font-size:19px;font-weight:900}.reason{border-top:1px solid var(--line);color:#53615a;margin:15px 0 0;padding-top:13px;font-size:14px}.chips{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.chip{color:#536348;background:#edf0e8;border-radius:8px;padding:5px 9px;font-size:12px;font-weight:700}.primary,.secondary,.danger{border-radius:12px;width:100%;min-height:50px;font-weight:800}.primary{background:var(--pine);color:#fff}.secondary{color:var(--pine);background:#e3e8dd}.danger{color:var(--danger);background:#f5ded8}.buddy-card .primary{margin-top:14px}.flat-list{border-top:1px solid var(--line)}.flat-row{border-bottom:1px solid var(--line);text-align:left;background:0 0;align-items:center;gap:13px;width:100%;padding:16px 2px;display:flex}.flat-row>div{flex:1;min-width:0}.flat-row strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.flat-row small{color:var(--muted)}.category{color:var(--hold);margin-right:6px;font-size:11px;font-weight:800}.bottom-nav{z-index:30;padding:8px 8px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf8f2;grid-template-columns:repeat(4,1fr);display:grid;position:absolute;bottom:0;left:0;right:0}.tab{color:#8a918d;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:700;display:flex}.tab svg{stroke:currentColor;fill:none;stroke-width:1.8px;width:22px;height:22px}.tab.active{color:var(--pine)}.empty{text-align:center;color:var(--muted);padding:42px 10px}.badge{background:var(--hold);color:#fff;border-radius:11px;place-items:center;min-width:21px;height:21px;padding:0 6px;font-size:11px;display:inline-grid}.section-head{justify-content:space-between;align-items:center;display:flex}.text-button{color:var(--moss);background:0 0;font-weight:800}.form{gap:15px;display:grid}.field{gap:7px;font-size:13px;font-weight:750;display:grid}.field input,.field textarea,.field select{border:1px solid var(--line);background:var(--paper);border-radius:12px;outline:none;width:100%;min-width:0;min-height:50px;padding:13px 14px;font-size:16px;display:block}.field textarea{resize:vertical;min-height:110px}.auth{background:var(--chalk);height:100dvh;padding:calc(32px + env(safe-area-inset-top)) 24px calc(30px + env(safe-area-inset-bottom));max-width:480px;margin:auto;overflow-y:auto}.auth .logo-large{margin:8vh 0 36px}.logo-large .brand-mark{width:52px;height:52px;font-size:28px}.auth h1{font-size:37px}.auth-links{text-align:center;color:var(--muted);margin:20px 0}.auth-links a{color:var(--pine);align-items:center;font-weight:800;display:inline-flex}.error{color:#963f34;background:#f8e4df;border-radius:10px;padding:12px}.success{color:#40563a;background:#e0eadb;border-radius:10px;padding:12px}.overlay{z-index:40;background:var(--chalk);flex-direction:column;display:flex;position:absolute;inset:0}.overlay-head{padding:calc(10px + env(safe-area-inset-top)) 14px 10px;border-bottom:1px solid var(--line);background:var(--paper);align-items:center;gap:8px;display:flex}.overlay-head h2{margin:0;font-size:19px}.overlay-body{padding:20px 20px calc(24px + env(safe-area-inset-bottom));flex:1;overflow-y:auto}.chat-body{flex-direction:column;gap:9px;display:flex}.bubble{border:1px solid var(--line);background:#fff;border-radius:15px;max-width:78%;padding:11px 13px}.bubble.mine{background:var(--pine);color:#fff;border:0;align-self:flex-end}.chat-form{padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:var(--paper);border-top:1px solid var(--line);gap:8px;display:flex}.chat-form input{border:1px solid var(--line);border-radius:13px;flex:1;min-width:0;padding:0 13px;font-size:16px}.chat-form button{background:var(--pine);color:#fff;border-radius:13px;width:54px}.install-banner{z-index:100;left:50%;bottom:calc(82px + env(safe-area-inset-bottom));background:var(--paper);border:1px solid var(--line);border-radius:16px;width:min(100% - 24px,450px);padding:16px;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #26352b29}.install-banner span{color:var(--muted);margin-top:4px;font-size:13px;display:block}.install-actions{gap:7px;margin-top:12px;display:flex}.install-actions button{background:var(--pine);color:#fff;border-radius:9px;padding:0 12px;font-weight:700}.install-actions .quiet{color:var(--muted);background:#eee}.fab{float:right;background:var(--hold);color:#fff;border-radius:18px 18px 18px 5px;width:54px;height:54px;font-size:26px;position:sticky;bottom:8px;box-shadow:0 5px 16px #7a372333}.photo-note{background:#e3e8dd;border-radius:8px 20px 8px 8px;padding:18px}.segmented{gap:5px;padding-bottom:8px;display:flex;overflow-x:auto}.segmented button{color:var(--muted);background:#e8e7e0;border-radius:10px;flex:none;padding:0 13px;font-size:13px;font-weight:750}.segmented button.active{background:var(--pine);color:#fff}@media (max-width:340px){.scroll{padding-inline:14px}.header{margin-inline:-14px;padding-inline:14px}h1{font-size:27px}.buddy-card{padding:16px}.tab{font-size:10px}}@media (orientation:landscape) and (max-height:500px){h1{margin-top:10px;font-size:25px}.header{padding-top:8px}.bottom-nav{padding-bottom:5px}.scroll{padding-bottom:74px}}