*{box-sizing:border-box} :root{font-family:"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:#18334a;background:#eef3f8;line-height:1.6}body{margin:0}header,footer{max-width:1120px;margin:auto;padding:28px 36px;display:flex;justify-content:space-between;align-items:center}a{color:#175bcc}.brand{display:flex;gap:10px;align-items:center;color:#18334a;font-size:25px;font-weight:800;text-decoration:none}.mark{display:grid;place-items:center;background:#175bcc;color:white;width:36px;height:36px;border-radius:4px 14px 4px 4px}.header-note{font-size:14px;color:#50677a}main{max-width:1000px;margin:60px auto 90px;padding:0 36px}h1{font-size:clamp(36px,5.4vw,60px);letter-spacing:-.055em;line-height:1.23;margin:0 0 24px;font-weight:800}.intro p{font-size:18px;color:#50677a;margin-bottom:44px}.workspace{background:white;padding:36px;border:1px solid #c4d2df;border-top:5px solid #175bcc;border-radius:4px 24px 4px 4px}h2{font-size:23px;letter-spacing:-.035em;margin:0 0 25px}label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}.input-row{display:flex;gap:12px}input{min-width:0;width:100%;border:1px solid #9eb3c6;background:#fff;border-radius:6px;padding:14px 16px;font:inherit;font-size:16px;color:#18334a}input::placeholder{color:#64788a}button{border:0;border-radius:6px;padding:14px 23px;background:#175bcc;color:white;white-space:nowrap;font:inherit;font-weight:700;cursor:pointer}button:hover{background:#104ba9}button:disabled{opacity:.65;cursor:wait}:focus-visible{outline:3px solid #175bcc;outline-offset:4px}.hint{color:#50677a;font-size:13px;margin:10px 0 0}#status{font-size:14px;margin:16px 0 0;color:#175bcc}#status.error{color:#a1292b}#status:empty{display:none}#result{margin-top:28px;padding-top:26px;border-top:1px solid #c4d2df}.result-heading{display:flex;gap:10px;align-items:center;margin-bottom:18px}h3{font-size:18px;margin:0}.check{color:#175bcc;font-weight:800}#short-url{background:#eef3f8}.privacy{font-size:13px;color:#50677a;max-width:65ch;margin-top:22px}footer{font-size:13px;color:#50677a;border-top:1px solid #c4d2df}footer span:first-child{font-weight:800}[hidden]{display:none!important}@media(max-width:600px){header,footer{padding:22px}.header-note{display:none}main{margin:38px auto 60px;padding:0 22px}.intro p{font-size:16px;margin-bottom:30px}.workspace{padding:24px 20px}.input-row{flex-direction:column;gap:10px}button{min-height:50px}h2{font-size:20px}.privacy{font-size:12px}}
.admin-link{padding:22px 0;border-bottom:1px solid #c4d2df;overflow-wrap:anywhere}.admin-link p{margin:8px 0}nav{margin-top:24px}

[hidden]{display:none!important}.app-layout{max-width:1320px;margin:auto;display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{padding:44px 24px;border-right:1px solid #c4d2df}.sidebar nav{display:grid;gap:12px}.sidebar nav a,.sidebar nav button{display:block;text-align:left;padding:10px 12px}.sidebar section{margin-top:40px;border-top:1px solid #c4d2df;padding-top:24px}.sidebar h2{font-size:18px;margin-bottom:12px}.sidebar p{font-size:14px;overflow-wrap:anywhere}.sidebar button{white-space:normal}.app-layout main{width:100%;margin:44px auto 70px}.my-links{margin-top:32px}.my-links form{margin:24px 0}.admin-link{padding:24px 0;border-bottom:1px solid #c4d2df;overflow-wrap:anywhere}.admin-link p{margin:8px 0}.my-links nav{margin-top:24px}@media(max-width:800px){.app-layout{display:block}.sidebar{border-right:0;border-bottom:1px solid #c4d2df;padding:20px 24px}.sidebar nav{display:flex;flex-wrap:wrap;align-items:center}.sidebar section{margin-top:16px;padding-top:16px}.app-layout main{margin-top:32px}}