@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css";:root{--bg-page:#f0f5ef;--bg-card:#fff;--bg-input:#f8faf7;--green-primary:#5a8a5c;--green-dark:#4a7a4c;--green-light:#a8c9a3;--green-lightest:#e8f0e3;--green-sage:#d5e3d1;--danger:#d85757;--danger-bg:#fce8e8;--warning:#e89547;--warning-bg:#fdf1e3;--safe:#5a8a5c;--safe-bg:#e8f0e3;--text-dark:#2c3e2d;--text-body:#3d4c3f;--text-muted:#7a8a7c;--text-light:#a0aca2;--border-soft:#e0e8dc;--border-input:#d5dfd0;--star-color:#e8a63a;--radius-lg:20px;--radius-md:14px;--radius-sm:10px;--shadow-card:0 2px 12px #5a8a5c0f;--shadow-hover:0 4px 16px #5a8a5c1f;--tab-bar-height:68px}*{box-sizing:border-box}body{background:var(--bg-page);color:var(--text-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif}svg{vertical-align:middle;max-width:100%;height:auto;display:inline-block}.fs-default{font-size:16px}.fs-large{font-size:19px}.fs-large .header-title{font-size:30px}.fs-large .header-subtitle{font-size:16px}.fs-large .label{font-size:19px}.fs-large .textarea{font-size:18px}.fs-large .button{min-height:60px;font-size:19px}.fs-large .tip-box{font-size:16px}.fs-large .result-title{font-size:23px}.fs-large .result-subtitle{font-size:17px}.fs-large .result-table th{font-size:16px}.fs-large .result-table td{font-size:17px}.fs-large .count-card-label{font-size:16px}.fs-large .count-card-number{font-size:26px}.fs-large .level-badge{padding:5px 14px;font-size:15px}.fs-large .result-disclaimer{font-size:15px}.fs-large .youtube-link-text,.fs-large .list-item-title{font-size:17px}.fs-large .list-item-date{font-size:14px}.fs-large .mini-count,.fs-large .tab-btn{font-size:13px}.fs-large .category-name{font-size:18px}.fs-large .error-message{font-size:16px}.fs-large .button-webcam,.fs-large .button-upload{font-size:15px}.fs-large .busy-title{font-size:23px}.fs-large .busy-subtitle{font-size:17px}.fs-large .ring-number{font-size:26px}.fs-large .busy-progress-ring{width:100px;height:100px}.fs-large .category-label{font-size:14px}.fs-large .empty-title{font-size:21px}.fs-large .empty-desc,.fs-large .list-count,.fs-large .text-btn{font-size:16px}.fs-large .ctrl-btn{height:38px;font-size:16px}.fs-xl{font-size:22px}.fs-xl .header-title{font-size:34px}.fs-xl .header-subtitle{font-size:18px}.fs-xl .label{font-size:21px}.fs-xl .textarea{min-height:150px;font-size:20px}.fs-xl .button{min-height:66px;font-size:21px}.fs-xl .tip-box{font-size:18px}.fs-xl .result-title{font-size:26px}.fs-xl .result-subtitle{font-size:19px}.fs-xl .result-table th{font-size:18px}.fs-xl .result-table td{font-size:19px}.fs-xl .count-card-label{font-size:18px}.fs-xl .count-card-number{font-size:30px}.fs-xl .level-badge{padding:6px 16px;font-size:17px}.fs-xl .result-disclaimer{font-size:17px}.fs-xl .youtube-link-text,.fs-xl .list-item-title{font-size:19px}.fs-xl .list-item-date{font-size:15px}.fs-xl .mini-count,.fs-xl .tab-btn{font-size:14px}.fs-xl .category-name{font-size:20px}.fs-xl .error-message{font-size:18px}.fs-xl .button-webcam,.fs-xl .button-upload{font-size:16px}.fs-xl .busy-title{font-size:26px}.fs-xl .busy-subtitle{font-size:19px}.fs-xl .ring-number{font-size:30px}.fs-xl .busy-progress-ring{width:110px;height:110px}.fs-xl .category-label{font-size:16px}.fs-xl .empty-title{font-size:24px}.fs-xl .empty-desc,.fs-xl .list-count,.fs-xl .text-btn{font-size:18px}.fs-xl .ctrl-btn{height:42px;font-size:18px}.control-bar{justify-content:space-between;align-items:center;margin-bottom:4px;padding:8px 4px 4px;display:flex}.font-controls{gap:6px;display:flex}.ctrl-btn{border:1.5px solid var(--border-soft);min-width:42px;height:34px;color:var(--text-dark);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-family:inherit;font-size:14px;font-weight:700;transition:all .15s;display:inline-flex}.ctrl-btn:hover{background:var(--green-lightest);border-color:var(--green-sage)}.ctrl-btn:disabled{opacity:.35;cursor:not-allowed}.ctrl-btn:disabled:hover{border-color:var(--border-soft);background:#fff}.lang-btn{letter-spacing:.02em;font-size:13px}.app-wrapper{min-height:100vh;padding-bottom:var(--tab-bar-height)}.container{max-width:500px;min-height:calc(100vh - var(--tab-bar-height));margin:0 auto;padding:12px 16px 40px}.header{align-items:center;gap:14px;margin-bottom:24px;padding:8px 4px;display:flex}.header-icon{background:var(--green-lightest);width:56px;min-width:56px;height:56px;color:var(--green-primary);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.header-icon svg{width:30px;height:30px}.header-title{color:var(--text-dark);letter-spacing:-.02em;margin:0 0 2px;font-size:26px;font-weight:700}.header-subtitle{color:var(--text-muted);margin:0;font-size:14px;font-weight:400}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-soft);margin-bottom:16px;padding:22px 20px}.label{color:var(--text-dark);letter-spacing:-.01em;margin-bottom:14px;font-size:17px;font-weight:700;display:block}.upload-buttons{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px;display:grid}.button-webcam,.button-upload{background:var(--green-lightest);color:var(--green-dark);border:1.5px solid var(--green-sage);border-radius:var(--radius-md);cursor:pointer;text-align:center;white-space:nowrap;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:100px;padding:16px 4px;font-family:inherit;font-size:13px;font-weight:600;line-height:1.3;transition:all .2s;display:flex}.button-webcam svg,.button-upload svg{width:28px;height:28px;color:var(--green-primary)}.button-webcam:hover,.button-upload:hover,.button-webcam:active,.button-upload:active{background:var(--green-sage);border-color:var(--green-primary)}.tip-box{color:var(--text-muted);background:var(--bg-input);border-radius:var(--radius-sm);align-items:flex-start;gap:8px;margin:12px 0 0;padding:12px 14px;font-size:14px;line-height:1.6;display:flex}.tip-box b{color:var(--text-dark);font-weight:700}.tip-box svg{width:18px;min-width:18px;height:18px;color:var(--warning);flex-shrink:0;margin-top:2px}.preview-img{object-fit:contain;border-radius:var(--radius-md);background:var(--bg-input);border:1px solid var(--border-soft);width:100%;max-height:300px;margin-top:14px}.textarea{border:1.5px solid var(--border-input);border-radius:var(--radius-md);background:var(--bg-input);width:100%;min-height:130px;color:var(--text-body);resize:vertical;box-sizing:border-box;padding:16px;font-family:inherit;font-size:16px;line-height:1.6;transition:border-color .2s}.textarea:focus{border-color:var(--green-primary);background:#fff;outline:none}.textarea::placeholder{color:var(--text-light)}.textarea:disabled{background:var(--bg-input);color:var(--text-muted);cursor:not-allowed}.button{background:var(--green-primary);color:#fff;border-radius:var(--radius-md);cursor:pointer;letter-spacing:-.01em;border:none;justify-content:center;align-items:center;gap:8px;width:100%;min-height:54px;margin-top:14px;padding:16px;font-family:inherit;font-size:17px;font-weight:700;transition:all .2s;display:flex}.button svg{width:20px;height:20px}.button:hover:not(:disabled){background:var(--green-dark)}.button:disabled{cursor:not-allowed;opacity:.85}.button-loading{background:var(--green-dark)}.loading-content{justify-content:center;align-items:center;gap:10px;display:flex}.spinner{border:2.5px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.progress-bar{z-index:1000;background:#ffffff80;height:4px;position:fixed;top:0;left:0;right:0}.progress-fill{background:linear-gradient(90deg, var(--green-primary), var(--green-light));height:100%;transition:width .3s}.result-card{background:var(--bg-card);animation:.5s fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.result-header{align-items:center;gap:10px;margin-bottom:4px;display:flex}.result-header-icon{color:var(--green-primary);flex-shrink:0;width:22px;height:22px;display:inline-flex}.result-header-icon svg{width:100%;height:100%}.result-title{color:var(--text-dark);letter-spacing:-.02em;flex:1;margin:0;font-size:20px;font-weight:700}.result-subtitle{color:var(--text-muted);margin:0 0 18px;font-size:15px}.header-star{width:36px;height:36px}.header-star svg{width:22px;height:22px}.count-cards{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;display:grid}.count-card{border-radius:var(--radius-md);text-align:center;border:1.5px solid;padding:16px 10px}.count-card-label{margin-bottom:6px;font-size:14px;font-weight:600}.count-card-number{letter-spacing:-.02em;font-size:22px;font-weight:800}.count-danger{background:var(--danger-bg);color:var(--danger);border-color:#f5c5c5}.count-warning{background:var(--warning-bg);color:var(--warning);border-color:#f5d5b0}.count-safe{background:var(--safe-bg);border-color:var(--green-sage);color:var(--safe)}.result-table-wrap{border-radius:var(--radius-md);border:1px solid var(--border-soft);overflow-x:auto}.result-table{border-collapse:separate;border-spacing:0;background:#fff;width:100%;font-size:15px}.result-table thead{background:var(--bg-input)}.result-table th{text-align:left;color:var(--text-dark);border-bottom:1.5px solid var(--border-soft);white-space:nowrap;padding:12px;font-size:14px;font-weight:700}.result-table td{border-bottom:1px solid var(--border-soft);vertical-align:middle;color:var(--text-body);padding:14px 12px;font-size:15px;line-height:1.6}.result-table td:first-child{color:var(--text-dark);font-weight:600}.result-table tr:last-child td{border-bottom:none}.level-badge{text-align:center;letter-spacing:-.01em;border-radius:6px;min-width:44px;padding:4px 12px;font-size:13px;font-weight:700;display:inline-block}.level-danger{background:var(--danger);color:#fff}.level-warning{background:var(--warning);color:#fff}.level-safe{background:var(--safe);color:#fff}.result-disclaimer{color:var(--text-muted);margin:16px 0 0;font-size:13px;font-style:italic;line-height:1.5}.result-text{color:var(--text-body);font-size:16px;line-height:1.8}.error-message{background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-md);border-left:3px solid var(--danger);padding:14px 16px;font-size:14px;line-height:1.6}.busy-overlay{-webkit-backdrop-filter:blur(4px);z-index:9999;background:#f0f5efd9;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.busy-modal{border-radius:var(--radius-lg);border:1px solid var(--border-soft);text-align:center;background:#fff;width:100%;max-width:360px;padding:36px 28px;animation:.3s modalPop;box-shadow:0 20px 60px #5a8a5c33}@keyframes modalPop{0%{opacity:0;transform:scale(.9)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.busy-progress-ring{width:90px;height:90px;margin:0 auto 18px;position:relative}.busy-progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:var(--green-lightest);stroke-width:7px}.ring-fill{fill:none;stroke:var(--green-primary);stroke-width:7px;stroke-linecap:round;transition:stroke-dasharray .4s}.ring-number{color:var(--green-primary);letter-spacing:-.02em;justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex;position:absolute;inset:0}.busy-bar-wrap{background:var(--green-lightest);border-radius:3px;width:100%;height:6px;margin:14px 0 12px;overflow:hidden}.busy-bar-fill{background:linear-gradient(90deg, var(--green-primary), var(--green-light));border-radius:3px;height:100%;transition:width .4s}.busy-title{color:var(--text-dark);letter-spacing:-.02em;margin:0 0 8px;font-size:20px;font-weight:700}.busy-subtitle{color:var(--text-body);margin:0 0 14px;font-size:15px;line-height:1.5}.busy-hint{color:var(--text-muted);margin:0;font-size:13px;font-style:italic}.category-badge{background:var(--green-lightest);border:1.5px solid var(--green-sage);border-radius:var(--radius-md);align-items:center;gap:14px;margin-bottom:18px;padding:14px 16px;display:flex}.category-emoji{font-size:32px;line-height:1}.category-label{color:var(--text-muted);margin-bottom:2px;font-size:12px;font-weight:600}.category-name{color:var(--text-dark);letter-spacing:-.01em;font-size:16px;font-weight:700}.youtube-card{background:var(--bg-card)}.youtube-icon-color{color:red!important}.youtube-links{flex-direction:column;gap:10px;margin-bottom:12px;display:flex}.youtube-link{background:var(--bg-input);border:1.5px solid var(--border-soft);border-radius:var(--radius-md);color:var(--text-dark);cursor:pointer;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:all .2s;display:flex}.youtube-link:hover,.youtube-link:active{background:#fff5f5;border-color:#fcc;transform:translateY(-1px)}.youtube-link-play{color:#fff;background:red;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.youtube-link-play svg{width:16px;height:16px;margin-left:2px}.youtube-link-text{flex:1;font-size:15px;font-weight:600;line-height:1.4}.youtube-link-arrow{color:var(--text-muted);flex-shrink:0;display:inline-flex}.youtube-link-arrow svg{width:16px;height:16px}.tab-bar{height:var(--tab-bar-height);border-top:1px solid var(--border-soft);z-index:100;padding-bottom:env(safe-area-inset-bottom,0);background:#fff;justify-content:space-around;align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 12px #5a8a5c0f}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-family:inherit;font-size:12px;font-weight:600;transition:color .2s;display:flex;position:relative}.tab-btn svg{width:24px;height:24px}.tab-btn:hover{color:var(--green-dark)}.tab-btn.tab-active{color:var(--green-primary)}.tab-btn.tab-active svg{transform:scale(1.05)}.tab-badge{background:var(--danger);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:4px;right:calc(50% - 24px)}.list-toolbar{justify-content:space-between;align-items:center;padding:4px 8px 12px;display:flex}.list-count{color:var(--text-muted);font-size:14px;font-weight:600}.text-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:6px;padding:6px 10px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.text-btn svg{width:16px;height:16px}.text-btn:hover{background:var(--bg-input)}.text-btn-danger{color:var(--danger)}.text-btn-danger:hover{background:var(--danger-bg)}.list-wrap{flex-direction:column;gap:10px;display:flex}.list-item{border:1px solid var(--border-soft);border-radius:var(--radius-md);cursor:pointer;box-shadow:var(--shadow-card);background:#fff;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.list-item:hover,.list-item:active{border-color:var(--green-light);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.list-item-thumb{border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border-soft);justify-content:center;align-items:center;width:56px;min-width:56px;height:56px;display:flex;position:relative;overflow:hidden}.list-item-thumb img{object-fit:cover;width:100%;height:100%}.list-item-emoji{font-size:28px;line-height:1}.list-item-warning-badge{background:var(--danger);color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #00000026}.list-item-warning-badge svg{width:12px;height:12px}.list-item-body{flex:1;min-width:0}.list-item-title{color:var(--text-dark);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:15px;font-weight:700;overflow:hidden}.list-item-date{color:var(--text-muted);margin-bottom:6px;font-size:12px}.list-item-counts{flex-wrap:wrap;gap:5px;display:flex}.mini-count{letter-spacing:-.01em;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-block}.mini-danger{background:var(--danger-bg);color:var(--danger)}.mini-warning{background:var(--warning-bg);color:var(--warning)}.mini-safe{background:var(--safe-bg);color:var(--safe)}.list-item-actions{flex-direction:column;gap:4px;display:flex}.icon-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.icon-btn svg{width:18px;height:18px}.icon-btn:hover{background:var(--bg-input)}.star-btn:hover{color:var(--star-color);background:#fff8e6}.star-btn.star-active{color:var(--star-color)}.trash-btn:hover{color:var(--danger);background:var(--danger-bg)}.empty-state{text-align:center;padding:48px 24px}.empty-emoji{margin-bottom:16px;font-size:64px;line-height:1}.empty-title{color:var(--text-dark);margin:0 0 8px;font-size:18px;font-weight:700}.empty-desc{color:var(--text-muted);margin:0 0 24px;font-size:14px;line-height:1.6}.empty-btn{max-width:200px;margin:0 auto}@media (width<=480px){.result-table th,.result-table td{padding:10px 8px;font-size:14px}.result-table td:last-child{font-size:13px;line-height:1.5}.count-card-label{font-size:13px}.count-card-number{font-size:20px}}@media (width<=380px){.header-title{font-size:22px}.upload-buttons{gap:8px}.button-webcam,.button-upload{min-height:92px;padding:14px 4px;font-size:12px}.list-item-thumb{width:48px;min-width:48px;height:48px}.list-item-title{font-size:14px}.mini-count{padding:2px 6px;font-size:10px}}