*{box-sizing:border-box}body{color:#1f2937;background:#faf8f4;margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif}a{color:inherit;text-decoration:none}.header{z-index:10;background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;max-width:1024px;margin:0 auto;padding:14px 20px;display:flex}.logo{color:#ea580c;font-size:18px;font-weight:700}.nav{gap:4px;display:flex}.tab{color:#6b7280;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500}.tab:hover{background:#f3f4f6}.tab-active{color:#fff;background:#111827}.tab-active:hover{background:#111827}.auth-links{align-items:center;gap:12px;font-size:14px;display:flex}.auth-form{align-items:center;gap:10px;display:flex}.user-chip{color:#4b5563;font-size:14px}.btn-primary-sm,.btn-primary,.btn-ghost,.btn-outline{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:500}.btn-primary-sm,.btn-primary{color:#fff;background:#ea580c}.btn-primary-sm:hover,.btn-primary:hover{background:#c2410c}.btn-ghost{color:#4b5563;background:0 0;border-color:#e5e7eb}.btn-ghost:hover{background:#f3f4f6}.btn-outline{color:#1f2937;background:#fff;border-color:#e5e7eb}.btn-outline:hover{background:#f9fafb}.btn-block{text-align:center;width:100%}.main{max-width:1024px;margin:0 auto;padding:32px 20px}.banner-msg,.banner-error{border-radius:10px;margin-bottom:20px;padding:10px 16px;font-size:14px}.banner-msg{color:#047857;background:#ecfdf5}.banner-error{color:#b91c1c;background:#fef2f2}.grid-main{grid-template-columns:2fr 1fr;gap:24px;display:grid}@media (max-width:800px){.grid-main{grid-template-columns:1fr}}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:24px;padding:24px}.card h2{margin:0 0 4px;font-size:20px}.card h3{color:#6b7280;margin:0 0 12px;font-size:15px;font-weight:500}.muted{color:#9ca3af;font-size:14px}.row-card{border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.row-card:hover{background:#f3f1ec}.row-thumb{color:#c2410c;background:#ffedd5;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:52px;font-size:15px;font-weight:600;display:flex}.row-title{font-size:14px;font-weight:500}.row-sub{color:#6b7280;font-size:12px}.badge{border-radius:999px;flex-shrink:0;padding:3px 10px;font-size:12px}.badge-green{color:#047857;background:#ecfdf5}.badge-gray{color:#6b7280;background:#f3f4f6}.stat-box{background:#f9fafb;border-radius:12px;margin-bottom:12px;padding:20px}.stat-label{color:#6b7280;margin:0 0 4px;font-size:13px}.stat-value{margin:0;font-size:24px;font-weight:600}.stat-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.stat-small{background:#f9fafb;border-radius:10px;padding:12px}.stat-small .stat-label{font-size:12px}.stat-small .stat-value{font-size:15px}.negative{color:#dc2626}.donation-box{background:#fffbeb;border-radius:16px;align-items:center;gap:12px;padding:20px;display:flex}.donation-value{color:#b45309;margin:0;font-size:20px;font-weight:600}.donation-label{color:#b45309;margin:0;font-size:12px}.work-item{border-bottom:1px solid #f0eee8;margin-bottom:16px;padding-bottom:16px}.work-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}input[type=text],input[type=email],input[type=password],input[type=number]{border:1px solid #d1d5db;border-radius:8px;padding:9px 12px;font-family:inherit;font-size:14px}.field-title{flex:2;min-width:160px}.field-price{flex:1;min-width:100px}.auth-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;max-width:380px;margin:40px auto;padding:32px}.auth-card h1{margin:0 0 20px;font-size:20px}.form-stack{flex-direction:column;gap:10px;display:flex}.role-choice{color:#4b5563;gap:12px;margin:4px 0;font-size:14px;display:flex}.reader-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:700px){.reader-grid{grid-template-columns:1fr}}.work-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px}.work-card-head{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.work-card-actions{gap:8px;margin-top:12px;display:flex}.work-card-actions button,.work-card-actions .btn-outline{flex:1}.comment-form{gap:8px;margin-top:12px;display:flex}.comment-form input{flex:1;padding:7px 10px;font-size:13px}.comment-list{color:#4b5563;margin-top:10px;font-size:13px}.comment-list p{margin:4px 0}.notice-item{background:#f9fafb;border-radius:12px;margin-bottom:10px;padding:14px}.notice-head{color:#9ca3af;justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.notice-title{color:#4b5563;font-weight:500}
