:root{font-family:Noto Sans KR,Malgun Gothic,system-ui,sans-serif;color:#0d57a7;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}#root{min-height:100vh}.profile-hub{max-width:760px;margin:0 auto;padding:8px 0 30px;color:#18324f}.profile-toolbar,.profile-section-heading,.profile-edit-heading,.profile-card{display:flex;align-items:center;justify-content:space-between;gap:16px}.profile-toolbar{margin-bottom:20px}.profile-eyebrow{color:#008fd3;font-size:11px;font-weight:800;letter-spacing:1.2px}.profile-heading{margin:0 0 20px}.profile-heading h1,.profile-card h1{margin:0 0 8px;color:#0d57a7}.profile-heading p,.profile-edit-heading p,.profile-card p{margin:0;color:#71859d;font-size:13px;line-height:1.7}.profile-form,.profile-edit-card,.profile-comment-form{display:flex;flex-direction:column;gap:14px}.profile-form,.profile-edit-card{padding:20px;border:1px solid #e8eef5;border-radius:16px;background:#fff}.profile-form label,.profile-edit-card>label,.profile-comment-form label{display:flex;flex-direction:column;gap:8px;color:#294664;font-size:13px;font-weight:700}.profile-form input,.profile-edit-card input:not([type=file]),.profile-comment-form textarea{width:100%;padding:12px 14px;border:1px solid #dfe8f1;border-radius:11px;outline:none;background:#fbfcfe;color:#18324f}.profile-form input:focus,.profile-edit-card input:focus,.profile-comment-form textarea:focus{border-color:#69badb;box-shadow:0 0 0 3px #01b3cd1c}.profile-primary,.profile-secondary{padding:12px 16px;border:0;border-radius:11px;background:#0d57a7;color:#fff;font-weight:700}.profile-primary:disabled{cursor:not-allowed;opacity:.55}.profile-secondary{background:#edf4fa;color:#0d57a7}.profile-text-button,.profile-back,.profile-signout{padding:8px 0;border:0;background:transparent;color:#1758a8;font-size:13px;font-weight:700}.profile-text-button{margin-top:8px}.profile-signout{color:#71859d}.profile-message{margin:0 0 16px;padding:12px 14px;border-radius:10px;background:#edf8fc;color:#1758a8;font-size:13px;line-height:1.6}.profile-message.error{background:#fff1f0;color:#a33b31}.profile-edit-card{margin-bottom:30px}.profile-edit-heading{justify-content:flex-start;margin-bottom:4px}.profile-edit-heading h2,.profile-section-heading h2{margin:0 0 5px;color:#0d57a7;font-size:18px}.profile-upload input{width:100%;color:#71859d;font-size:12px}.profile-photo{display:inline-flex;flex:0 0 54px;align-items:center;justify-content:center;width:54px;height:54px;overflow:hidden;border-radius:50%;background:#eaf7fc;color:#0d57a7;font-size:22px;font-weight:700}.profile-photo img{width:100%;height:100%;object-fit:cover}.profile-photo.large{flex-basis:100px;width:100px;height:100px;font-size:38px}.profile-section-heading{justify-content:flex-start;margin:0 0 12px}.profile-section-heading h2{margin:0}.profile-section-heading>span{color:#71859d;font-size:12px}.profile-directory{display:flex;flex-direction:column;gap:10px}.profile-list-card{display:flex;align-items:center;gap:14px;width:100%;padding:12px;border:1px solid #e8eef5;border-radius:14px;background:#fff;text-align:left}.profile-list-copy{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}.profile-list-copy strong{color:#0d57a7}.profile-list-copy small,.profile-card .profile-joined{color:#71859d;font-size:12px}.profile-card-arrow{color:#71859d;font-size:24px}.profile-empty{padding:18px 0;color:#71859d;font-size:13px;text-align:center}.profile-detail{padding-top:12px}.profile-card{justify-content:flex-start;margin-bottom:20px;padding:20px;border:1px solid #e8eef5;border-radius:16px}.profile-card h1{font-size:22px}.profile-card .profile-like-count{margin-top:5px;color:#1758a8;font-weight:700}.profile-like-button{width:100%;margin-bottom:30px}.profile-comments{padding-top:4px}.profile-comments .profile-section-heading{justify-content:space-between}.profile-comment-form{margin:14px 0 20px;padding:16px;border:1px solid #e8eef5;border-radius:14px;background:#fbfcfe}.profile-comment-form textarea{resize:vertical;line-height:1.6}.profile-comment-notice{margin:0 0 18px;padding:13px 15px;border-radius:11px;background:#f2f7fc;color:#587492;font-size:13px;line-height:1.6}.profile-comment-list{display:flex;flex-direction:column;gap:10px}.profile-comment{padding:14px;border:1px solid #e8eef5;border-radius:12px}.profile-comment strong{color:#0d57a7;font-size:13px}.profile-comment p{margin:8px 0;color:#405873;font-size:14px;line-height:1.7;overflow-wrap:anywhere}.profile-comment time{color:#8197b5;font-size:11px}@media (max-width: 480px){.profile-card{align-items:flex-start;padding:16px}.profile-photo.large{flex-basis:76px;width:76px;height:76px}}:root{font-family:Noto Sans KR,Malgun Gothic,sans-serif;color:#0d57a7;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--blue: #1758a8;--navy: #0d57a7;--sky: #008fd3;--cyan: #01b3cd;--muted: #71859d;--line: #e8eef5}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f4f7fb}button,input{font:inherit}button{cursor:pointer}.app{width:100%;max-width:920px;min-height:100vh;margin:0 auto;padding-bottom:95px;background:#fff;box-shadow:0 12px 48px #18324f0b}.topbar{height:82px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f3f7}.brand{padding:0;border:0;background:none;color:var(--sky);font-size:35px;font-weight:400;letter-spacing:-1.8px}.brand span{color:var(--blue);font-weight:800}.notification{position:relative;border:0;background:transparent;color:#355678;font-size:29px}.notification i{position:absolute;top:2px;right:0;width:9px;height:9px;background:var(--blue);border-radius:50%}.main{padding:20px 28px 28px}.search-area{margin:0 0 26px}.search-box{display:flex;align-items:center;gap:12px;min-height:56px;padding:0 18px;background:#f5f8fc;border:1px solid #e9eff6;border-radius:16px;margin-bottom:22px;transition:border-color .18s,box-shadow .18s}.search-box:focus-within{border-color:var(--sky);box-shadow:0 0 0 3px #01b3cd1c}.search-icon{color:#718bab;font-size:30px;line-height:1}.search-box input{flex:1;width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--navy);font-size:15px}.search-box input::placeholder{color:#8197b5}.clear-search{border:0;background:transparent;color:#718bab;font-size:23px}.categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 36px}.category{display:flex;align-items:center;gap:12px;min-height:120px;padding:18px;border:1px solid transparent;border-radius:18px;text-align:left;color:var(--blue);transition:transform .18s,box-shadow .18s}.lost{background:#eff7ff;border-color:#e4f0fc}.borrow{background:#effbfc;border-color:#d9f3f6;color:var(--sky)}.category:hover{transform:translateY(-2px);box-shadow:0 8px 20px #18324f10}.category-icon{flex:0 0 38px;font-size:36px;text-align:center;font-weight:400}.category-copy{display:flex;flex-direction:column;gap:8px;min-width:0}.category-copy strong{font-size:16px;white-space:nowrap}.category-copy small{font-size:11px;line-height:1.5;color:#55728e}.arrow{margin-left:auto;font-size:28px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-heading h2{margin:0;font-size:20px;letter-spacing:-.7px}.more{border:0;background:transparent;color:#6f88a8;font-size:13px}.filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:14px}.filter{flex-shrink:0;border:1px solid #e4ebf4;background:#fff;color:#71839b;padding:7px 14px;border-radius:20px;font-size:12px;transition:color .16s,border-color .16s,background .16s}.filter:hover{border-color:#9cdeea;color:var(--navy)}.filter.active{background:#eaf7fc;border-color:#bce8f0;color:var(--navy);font-weight:700}.item-list{display:flex;flex-direction:column;gap:12px}.item-card{display:flex;align-items:center;gap:16px;min-height:0;padding:12px;border:1px solid #eaf0f6;border-radius:16px;background:#fff;box-shadow:0 3px 12px #18324f08}.item-image{display:flex;align-items:center;justify-content:center;flex:0 0 116px;width:116px;height:116px;overflow:hidden;border-radius:12px;background:#f2f6fb;color:#8ca2bb;font-size:42px}.item-emoji{font-size:61px}.type-badge{position:absolute;top:9px;left:9px;z-index:1;border-radius:6px;padding:5px 8px;color:var(--blue);background:#fff;font-size:10px;font-weight:700}.rent-badge{color:#087c80}.item-info{flex:1;min-width:0;padding:4px 0}.item-title-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.item-title-row h3{margin:2px 0 10px;font-size:17px;line-height:1.45;word-break:keep-all}.heart{flex-shrink:0;padding:0 1px;border:0;background:transparent;color:#829dbc;font-size:24px;line-height:1}.heart.selected{color:var(--blue)}.item-category{margin:0 0 15px;color:var(--muted);font-size:13px}.item-category span{margin:0 5px;color:#b5c6db}.item-meta{margin:0 0 9px;color:#7c93b1;font-size:12px;overflow-wrap:anywhere}.empty-state,.placeholder-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:220px;padding:28px;border:1px solid var(--line);border-radius:15px;text-align:center;color:var(--muted)}.empty-state>span,.placeholder-icon{color:var(--blue);font-size:35px}.placeholder-panel strong{color:var(--navy)}.placeholder-panel p{max-width:350px;font-size:13px;line-height:1.8}.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translate(-50%);display:grid;grid-template-columns:repeat(4,1fr);width:100%;max-width:920px;min-height:76px;padding:8px 10px max(8px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#ffffffed;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 -6px 20px #18324f08}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;background:transparent;color:#607895;font-size:11px}.nav-icon{font-size:27px;line-height:1.2}.nav-item.current{color:var(--blue);font-weight:700}@media (min-width: 700px){.app{border-left:1px solid #edf2f8;border-right:1px solid #edf2f8}}@media (max-width: 480px){.topbar{height:72px;padding:0 19px}.brand{font-size:31px}.main{padding:16px 16px 20px}.categories{gap:9px}.category{min-height:112px;padding:12px 9px;gap:7px}.category-icon{flex-basis:29px;font-size:28px}.category-copy strong{font-size:13px}.category-copy small{font-size:10px}.arrow{font-size:20px}.section-heading h2{font-size:18px}.item-card{gap:12px;padding:10px}.item-image{flex-basis:88px;width:88px;height:88px}.item-emoji{font-size:45px}.item-title-row h3{font-size:15px}.item-category{margin-bottom:12px;font-size:12px}.item-meta{font-size:11px}}.borrow-intro{margin:0 0 26px;padding:25px 22px;border-radius:16px;background:linear-gradient(125deg,#eaf5fc,#e7f9fa)}.borrow-label{display:inline-block;margin-bottom:10px;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:1.5px}.borrow-intro h2{margin:0 0 9px;color:var(--navy);font-size:21px;line-height:1.5}.borrow-intro p{margin:0;color:#577895;font-size:13px;line-height:1.8}.borrow-options{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.borrow-options span{padding:8px 12px;border:1px solid #ffffff;border-radius:20px;background:#ffffffd9;color:var(--sky);font-size:12px;font-weight:600}.clickable{cursor:pointer;transition:border-color .18s,transform .18s,box-shadow .18s}.clickable:hover{border-color:#c8def4;transform:translateY(-1px);box-shadow:0 8px 20px #18324f0d}.details-panel{padding:10px 0 25px}.details-back{margin-bottom:20px;padding:8px 0;border:0;background:transparent;color:var(--blue);font-weight:600}.details-photo{display:flex;align-items:center;justify-content:center;height:min(58vw,380px);min-height:230px;margin-bottom:22px;overflow:hidden;border-radius:18px;background:#f2f6fb}.details-photo span{font-size:100px}.details-type{display:inline-block;padding:6px 12px;border-radius:20px;background:#eaf7fc;color:var(--navy);font-size:12px;font-weight:700}.details-panel h1{margin:12px 0 6px;color:var(--navy);font-size:26px}.details-category{color:var(--muted)}.details-info{margin-top:24px;padding:15px;border-radius:12px;background:#f4f8fd;color:#587492;font-size:14px}.details-description{margin:22px 0;color:#405873;font-size:14px;line-height:1.8}.details-action{width:100%;padding:15px;border:0;border-radius:12px;background:var(--navy);color:#fff;font-size:16px;font-weight:700;transition:background .18s,transform .18s}.details-action:hover{background:var(--blue)}.details-action:active{transform:translateY(1px)}.details-action:disabled{cursor:not-allowed;opacity:.55}.inline-profile-link,.item-owner-link{padding:0;border:0;background:transparent;color:var(--blue);font-size:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px}.item-owner-link{color:#71859d;font-size:12px;font-weight:600}.account-required-notice{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;border:1px solid #d9edf5;border-radius:12px;background:#f1f9fc;color:#456987;font-size:13px}.account-required-notice button{padding:0;border:0;background:transparent;color:var(--blue);font-weight:700;text-decoration:underline;text-underline-offset:2px}.saved-items-section{margin-top:32px}.saved-item-count{color:var(--muted);font-size:13px}.campus-label{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:1.5px}.listing-form{display:flex;flex-direction:column;gap:16px;width:100%;max-width:760px;margin-inline:auto;padding-bottom:25px}.registration-section .section-heading{width:100%;max-width:760px;margin-inline:auto}.registration-section .section-heading h2{color:var(--navy)}.listing-form>label{display:flex;flex-direction:column;gap:8px;color:#294664;font-size:13px;font-weight:700}.listing-form input:not([type=file]),.listing-form select,.listing-form textarea{width:100%;padding:13px 14px;border:1px solid #dfe8f1;border-radius:12px;outline:none;background:#fbfcfe;color:#18324f;font-size:14px;transition:border-color .18s,box-shadow .18s}.listing-form input:focus,.listing-form select:focus,.listing-form textarea:focus{border-color:#69badb;box-shadow:0 0 0 3px #01b3cd1c}.listing-form textarea{resize:vertical;line-height:1.7}.upload-area{position:relative;display:flex;align-items:center;justify-content:center;width:128px;height:128px;overflow:hidden;border:1px dashed #b8cde2;border-radius:14px;background:#f5f8fc;color:var(--blue);transition:border-color .18s,background .18s}.upload-area:hover,.upload-area:focus-within{border-color:var(--sky);background:#eff9fc}.upload-area>span{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:32px}.upload-area small{font-size:12px}.upload-area input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.upload-area img{width:100%;height:100%;object-fit:cover}.item-image img{display:block;width:100%;height:100%;object-fit:cover}.details-photo img{max-width:100%;max-height:100%;object-fit:contain}