:root{color-scheme:light;--ink:#17302d;--muted:#566762;--paper:#f3f5f0;--accent:#b84531;--line:#d4ded5;font-family:"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.6}body[data-app=ai]{--accent:#087466}[hidden]{display:none!important}
.shell{max-width:760px;margin:auto;padding:36px 22px calc(28px + env(safe-area-inset-bottom))}header{margin-bottom:30px;border-top:4px solid var(--accent);padding-top:22px}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:700;color:var(--muted);text-decoration:none}h1{font-size:clamp(32px,7vw,48px);line-height:1.2;letter-spacing:-.055em;margin:15px 0 10px}h2{font-size:20px;margin:0 0 18px}header p{color:var(--muted);margin:0;font-size:17px}
.panel{background:#fff;padding:24px;border-radius:14px}.panel form{display:grid;gap:10px}label{font-weight:650;font-size:15px}input,textarea{font:inherit;color:var(--ink);background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px 14px;width:100%;min-height:48px}input:focus,textarea:focus{outline:3px solid color-mix(in srgb,var(--accent) 25%,transparent);border-color:var(--accent)}textarea{resize:vertical;min-height:260px;font-size:17px;line-height:1.75}body[data-app=ai] textarea{min-height:170px}.editor-label{display:block;margin:14px 0 10px}
button{font:inherit;cursor:pointer;min-height:48px;border:0;border-radius:10px;padding:11px 18px;background:var(--accent);color:white;font-weight:650;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #dd8d28;outline-offset:3px}button:disabled{opacity:.48;cursor:wait}.secondary{background:#e6ece4;color:var(--ink)}.quiet{background:transparent;color:var(--muted);padding:8px 12px;min-height:44px}.account-row{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px;color:var(--muted)}.actions,.install-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.actions button:first-child{flex:1}#status{min-height:26px;color:var(--muted);font-size:14px;margin:18px 0}#status[data-error=true]{color:#9d2e1f}.hint{font-size:13px;color:var(--muted);margin:18px 0}.answer{margin-top:24px}.answer p{white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:0}
.app-links{display:grid;gap:16px}.app-card{display:flex;align-items:center;gap:18px;background:#fff;border-radius:14px;padding:22px;text-decoration:none;color:var(--ink);min-height:110px}.app-card img{width:56px;height:56px;border-radius:14px}.app-card span{flex:1}.app-card strong{display:block;font-size:22px;letter-spacing:-.03em}.app-card small{display:block;color:var(--muted);font-size:14px}.app-card b{font-size:24px;color:var(--accent)}
@media(max-width:420px){.shell{padding:24px 16px}.panel{padding:20px}.actions{gap:8px}.actions button{padding:11px 13px}.app-card{padding:18px;gap:14px}}@media(prefers-reduced-motion:no-preference){.shell{animation:arrive .25s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}}