:root{font-family:Noto Sans JP,Hiragino Sans,Yu Gothic,sans-serif;color:#263936;background:#f3f7f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--display: "Zen Maru Gothic", "Noto Sans JP", sans-serif;--ink: #263936;--forest: #1f6e4f;--forest-deep: #103b36;--forest-soft: #dcebe6;--paper: #f3f7f5;--white: #fff;--line: #dce7e2;--muted: #667872;--muted-light: #899892;--gold: #e0b248;--love: #b24a3c;--radius-s: 8px;--radius-m: 12px;--radius-l: 18px;--shadow: 0 10px 28px rgba(26, 63, 54, .08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c88e24;outline-offset:3px}::selection{color:var(--forest-deep);background:#f1d98e}h1,h2{font-family:var(--display)}.mobile-brand,.menu-toggle,.mobile-scrim{display:none}.brand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;letter-spacing:.01em;line-height:1.3}.brand-mark{width:34px;height:34px;flex:none;border:1px solid currentColor;border-radius:50%;display:inline-flex;justify-content:center;align-items:center}.brand-sub{display:block;margin-top:2px;font-size:10px;font-weight:500;letter-spacing:.04em;opacity:.7}.card-mint,.tag-mint{--tag: #2e6d59;--tagbg: #dfeee6}.card-rose,.tag-rose{--tag: #8a4a55;--tagbg: #f2e1e4}.card-coral,.tag-coral{--tag: #8a5630;--tagbg: #f1e3d2}.card-gold,.tag-gold{--tag: #866a1f;--tagbg: #f0e7c9}.card-blue,.tag-blue{--tag: #335e78;--tagbg: #dde9ee}.card-lavender,.tag-lavender{--tag: #5c5680;--tagbg: #e6e2f0}.card-slate,.tag-slate{--tag: #4f625d;--tagbg: #e3e9e5}.work-tag{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;padding:5px 10px;border-radius:999px;color:var(--tag);background:var(--tagbg);font-size:11px;font-weight:700}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(380px,.92fr) minmax(420px,1.08fr);background:var(--white)}.login-intro{min-height:100vh;background:var(--forest-deep);color:#eef4f0;display:flex;flex-direction:column;justify-content:space-between;padding:40px clamp(32px,5vw,64px) 32px}.login-intro-body{max-width:380px;margin:auto 0}.login-intro h1{font-family:var(--display);font-weight:700;font-size:clamp(28px,3.6vw,36px);line-height:1.5;letter-spacing:-.01em;margin:0 0 14px}.login-intro-body>p{margin:0 0 30px;color:#c3d8cd;font-size:14px;line-height:1.85}.login-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.login-features li{display:flex;align-items:center;gap:11px;color:#dcebe3;font-size:13px;font-weight:500}.login-features li svg{flex:none;color:var(--gold)}.login-intro-foot{margin:0;color:#8fab9e;font-size:11px}.login-panel{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:56px clamp(30px,7vw,100px) 34px}.login-form-wrap{width:min(100%,400px);margin:auto}.login-form-wrap h2{font-weight:700;font-size:28px;margin:0 0 10px;letter-spacing:-.01em}.login-lead{color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 28px}.login-form{display:flex;flex-direction:column;align-items:stretch}.login-form label{color:#344d45;font-size:12px;font-weight:700;margin:0 0 8px}.login-form input{width:100%;border:1px solid #d4e0da;border-radius:var(--radius-s);background:#fff;height:48px;padding:0 14px;color:var(--ink);margin-bottom:18px;font-size:14px;transition:border-color .15s,box-shadow .15s}.login-form input:focus{border-color:#4f8372;box-shadow:0 0 0 3px #356f5b1f;outline:0}.login-form input::placeholder{color:#a1aea8}.button{border:0;min-height:46px;padding:0 18px;border-radius:var(--radius-s);display:inline-flex;justify-content:center;align-items:center;gap:10px;cursor:pointer;font-size:13px;font-weight:700;transition:background .16s,color .16s,transform .16s}.button-primary{background:var(--forest);color:#fff}.button-primary:hover{background:#185a41;transform:translateY(-1px)}.button:disabled{opacity:.65;cursor:wait}.login-submit{justify-content:space-between;margin-top:4px;min-height:50px;padding:0 18px 0 20px}.form-error{color:#a53d31;font-size:12px;margin:-6px 0 14px;line-height:1.6}.login-help{margin:22px 0 0;color:#697d74;font-size:12px;line-height:1.7}.login-footnote{width:min(100%,400px);margin:24px 0 0;color:#697972;font-size:10px;line-height:1.8}.app-shell{min-height:100vh;background:var(--paper)}.sidebar{width:240px;background:#eaf1ed;border-right:1px solid #d9e4df;position:fixed;inset:0 auto 0 0;padding:24px 16px 16px;display:flex;flex-direction:column;z-index:20}.sidebar-brand{padding:4px 8px 28px;color:var(--forest-deep);display:flex;align-items:center;justify-content:space-between}.sidebar-close{display:none}.sidebar-brand .brand{font-size:13px}.sidebar-brand .brand-mark{width:32px;height:32px}.main-nav{display:flex;flex-direction:column;gap:4px;margin-top:4px}.nav-item{width:100%;min-height:44px;display:flex;align-items:center;gap:12px;padding:0 12px;border:0;border-radius:var(--radius-s);background:transparent;cursor:pointer;color:#50665e;text-align:left;font-size:13px;font-weight:500;transition:background .14s,color .14s}.nav-item:hover{background:#dfe9e4;color:var(--ink)}.nav-item.nav-active{background:#d1e2da;color:#174a43;font-weight:700}.nav-item small{margin-left:auto;min-width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--forest);font-size:10px;font-weight:700}.sidebar-bottom{margin-top:auto;display:flex;align-items:center;gap:9px;padding:14px 6px 4px;border-top:1px solid #d4e0da}.user-avatar{width:34px;height:34px;flex:none;border-radius:50%;display:grid;place-items:center;background:#cfe0d7;color:#315c4f;font-size:12px;font-weight:700}.user-mini{display:flex;flex-direction:column;min-width:0;gap:3px}.user-mini strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#344d45;font-size:12px}.user-mini span{color:#647a70;font-size:10px}.logout-button{margin-left:auto;width:32px;height:32px;display:grid;place-items:center;color:#61776d;border:0;border-radius:var(--radius-s);background:transparent;cursor:pointer}.logout-button:hover{background:#dce8e2;color:#263f37}.main-area{min-height:100vh;margin-left:240px}.topbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(26px,4.7vw,70px);border-bottom:1px solid #e0e9e4;background:#ffffffd9}.breadcrumb{display:flex;align-items:center;gap:9px;color:#697a72;font-size:12px}.breadcrumb strong{color:#344e45;font-size:12px;font-weight:600}.topbar-user{display:flex;align-items:center;gap:12px;color:#5d746a;font-size:12px}.small-avatar{width:30px;height:30px;font-size:11px}.content-wrap{max-width:1340px;padding:32px clamp(24px,4.7vw,64px) 0;margin:0 auto}.listing-section{padding-bottom:44px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.heading-actions{display:flex;align-items:center;gap:14px}.compare-open-button{min-height:38px;padding:0 13px;display:inline-flex;align-items:center;gap:7px;border:1px solid #cddbd3;border-radius:var(--radius-s);background:#fff;color:#3a6957;font-size:12px;font-weight:700;cursor:pointer}.compare-open-button:hover:not(:disabled){background:#e8f1ec}.compare-open-button:disabled{opacity:.55;cursor:not-allowed}.section-heading h1{margin:0 0 7px;color:#1d3a32;font-weight:700;font-size:26px;letter-spacing:-.01em}.section-heading p{margin:0;color:#647a70;font-size:13px;line-height:1.7;max-width:520px}.result-count{color:#687971;font-size:12px;white-space:nowrap}.result-count strong{font-size:18px;color:var(--forest);padding-right:3px}.search-tools{display:grid;grid-template-columns:minmax(240px,1fr) minmax(180px,220px) minmax(160px,190px);gap:9px;margin-bottom:22px}.searchbox,.filter-select{min-width:0;height:46px;display:flex;align-items:center;gap:10px;padding:0 13px;border:1px solid #d7e2dc;border-radius:var(--radius-s);background:var(--white);color:#647b70}.searchbox:focus-within,.filter-select:focus-within{border-color:#6b9b86;box-shadow:0 0 0 3px #3b795e1a}.searchbox input{min-width:0;width:100%;border:0;outline:0;color:var(--ink);font-size:13px;background:transparent}.searchbox input::placeholder{color:#87978f}.filter-select{position:relative}.filter-select>svg:first-child{flex:none}.filter-select>svg:last-child{flex:none;color:#82948b;pointer-events:none}.filter-select select{appearance:none;width:100%;min-width:0;border:0;outline:0;background:transparent;color:#52685f;font-size:12px;cursor:pointer}.filter-select select:focus-visible{outline:0}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.work-card{min-width:0;position:relative;display:flex;flex-direction:column;align-items:stretch;gap:8px;background:var(--white);border:1px solid var(--line);border-left:4px solid var(--tag);border-radius:var(--radius-m);padding:18px 50px 16px 18px;transition:border-color .14s,box-shadow .14s,transform .14s}.work-photo{width:100%;height:132px;object-fit:cover;border-radius:var(--radius-s);margin-bottom:2px}.work-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.favorite-button{position:absolute;top:14px;right:14px;width:32px;height:32px;display:grid;place-items:center;border:1px solid #e3e9e5;border-radius:50%;background:#fff;color:#7c8e85;cursor:pointer;transition:color .15s,border-color .15s,transform .15s}.favorite-button:hover{transform:scale(1.06);color:var(--love);border-color:#f0d9d4}.favorite-button.is-favorite{color:var(--love);border-color:#f0d9d4;background:#fdf4f2}.work-title{display:block;margin:0;padding:0;border:0;background:none;color:#263d36;font-size:15px;font-weight:700;line-height:1.5;text-align:left;cursor:pointer}.work-title:hover{color:#1a4a3c;text-decoration:underline;text-underline-offset:3px}.work-desc{display:block;margin:0;min-height:34px;color:#5f726a;font-size:12px;line-height:1.7}.work-footer{margin-top:auto;padding-top:11px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #edf1ee}.work-footer>span:first-child{display:inline-flex;align-items:center;gap:5px;color:#5c7368;font-size:12px}.details-link{display:inline-flex;align-items:center;gap:5px;padding:4px 0 4px 5px;border:0;background:transparent;color:#1f6e4f;font-size:12px;font-weight:700;cursor:pointer}.details-link:hover{color:#123d2d;text-decoration:underline;text-underline-offset:3px}.comparison-pick{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;padding:2px 0;border:0;background:transparent;color:#64776e;font-size:11px;cursor:pointer}.compare-check{width:15px;height:15px;display:grid;place-items:center;border:1px solid #bdcec4;border-radius:3px;color:#fff}.comparison-picked{color:#1f6e4f;font-weight:700}.comparison-picked .compare-check{background:#1f6e4f;border-color:#1f6e4f}.empty-state{min-height:240px;border:1px dashed #c8d8cf;border-radius:var(--radius-m);background:#ffffff8c;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 18px}.empty-compass{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;color:#46765f;background:#e2eee7}.empty-state h3{margin:15px 0 5px;color:#35584a;font-size:14px}.empty-state p{max-width:340px;margin:0;color:#65796f;font-size:12px;line-height:1.8}.text-button{display:inline-flex;align-items:center;gap:7px;margin-top:17px;padding:6px;border:0;background:none;color:#1f6e4f;font-size:12px;font-weight:700;cursor:pointer}.loading-state,.boot-screen{min-height:200px;display:flex;align-items:center;justify-content:center;gap:12px;color:#60776c;font-size:13px}.boot-screen{height:100vh}.loading-dot{width:14px;height:14px;border-radius:50%;border:2px solid #cadbd1;border-top-color:#3f785e;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.load-more{margin:22px auto 0;min-height:42px;padding:0 18px;display:flex;align-items:center;gap:10px;border:1px solid #cadbd2;border-radius:var(--radius-s);background:#fff;color:#1f6e4f;font-size:12px;font-weight:700;cursor:pointer}.load-more:hover:not(:disabled){background:#eaf2ed}.load-more:disabled{opacity:.65;cursor:wait}.notice{display:flex;align-items:center;gap:9px;padding:11px 13px;margin:-4px 0 16px;border-radius:var(--radius-s);color:#315f46;background:#e2f0e4;font-size:12px}.notice-error{justify-content:space-between;gap:12px;color:#8b3e32;background:#f8e8e4}.retry-button{flex:none;padding:6px 10px;border:1px solid rgba(139,62,50,.28);border-radius:6px;background:#ffffff80;color:inherit;font-size:11px;font-weight:700;cursor:pointer}.retry-button:hover{background:#fff}.page-footer{display:flex;gap:15px;border-top:1px solid #dfe8e3;padding:17px 0 23px;color:#687b72;font-size:11px;line-height:1.7}.page-footer span:first-child{flex:none;color:#426854;font-weight:700}.detail-backdrop{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end;background:#1030286b;animation:fade-in .18s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.detail-panel{width:min(500px,100%);height:100%;overflow:auto;position:relative;background:var(--white);box-shadow:-16px 0 40px #0e262121;animation:panel-in .22s cubic-bezier(.2,.75,.2,1)}@keyframes panel-in{0%{transform:translate(24px);opacity:.6}to{transform:translate(0);opacity:1}}.detail-close{position:absolute;z-index:4;top:18px;right:19px;width:38px;height:38px;display:grid;place-items:center;color:#315d4d;background:#fff;border:1px solid #e3e9e5;border-radius:50%;cursor:pointer}.detail-close:hover{background:#f3f6f4}.detail-body{padding:56px 30px 34px;display:flex;flex-direction:column;gap:12px}.detail-photo{width:100%;height:200px;object-fit:cover;border-radius:var(--radius-m);margin-bottom:2px}.detail-body h2{margin:2px 0;color:#1d3a32;font-weight:700;font-size:22px;line-height:1.5;letter-spacing:-.01em}.detail-intro{margin:0;color:#5f726a;font-size:13px;line-height:1.85}.detail-facts{border-top:1px solid #e3ebe6;margin-top:10px}.detail-facts>div{display:flex;flex-direction:column;gap:5px;border-bottom:1px solid #e3ebe6;padding:14px 1px}.detail-facts span{color:#687d73;font-size:11px;font-weight:700}.detail-facts strong{display:flex;align-items:center;gap:5px;color:#2b4a40;font-size:13px;font-weight:500;line-height:1.7;white-space:pre-line}.detail-facts .pending-data{color:#697971;font-weight:400}.detail-notice{border-left:3px solid var(--gold);padding:12px 14px;margin:8px 0 12px;color:#675c3c;background:#f4f0df;font-size:11px;line-height:1.8;border-radius:0 6px 6px 0}.detail-save{width:100%;margin-top:4px}.button-saved{width:100%;background:#f9ece7;color:#a4513d;border:1px solid #eed7cf}.button-saved:hover{background:#f4e0d7}.compare-backdrop{align-items:center;justify-content:center;padding:28px}.compare-panel{width:min(940px,100%);max-height:min(780px,92vh);overflow:hidden;display:flex;flex-direction:column;position:relative;background:var(--white);border-radius:var(--radius-l);box-shadow:0 20px 60px #0e26212e;animation:panel-in .2s cubic-bezier(.2,.75,.2,1)}.compare-heading{padding:28px 32px 18px;border-bottom:1px solid #e3ebe6}.compare-heading h2{margin:0 0 4px;color:#1d3a32;font-weight:700;font-size:19px}.compare-heading p{margin:0;color:#65796f;font-size:12px}.compare-scroll{overflow:auto;padding:18px 24px 10px}.compare-table{width:100%;min-width:570px;border-collapse:collapse;table-layout:fixed}.compare-table th,.compare-table td{padding:13px 14px;border-bottom:1px solid #e3ebe6;text-align:left;vertical-align:top;color:#4d675a;font-size:12px;line-height:1.75;white-space:pre-line}.compare-table thead th{background:#eef4f0}.compare-table thead th:first-child,.compare-table tbody th{width:142px;color:#647a70;font-weight:600}.compare-table thead th:not(:first-child){color:#2e5146;font-size:12px}.compare-table tbody th{background:#f7faf8}.compare-name,.compare-category{display:block}.compare-name{font-weight:700}.compare-category{margin-top:5px;color:#71867b;font-size:11px;font-weight:400}.compare-pending{color:#73877d}.compare-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 28px;border-top:1px solid #e3ebe6;color:#64786e;font-size:11px}.compare-bottom .button{min-height:40px;padding:0 19px}@media(max-width:1180px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:0 30px}.content-wrap{padding:28px 30px 0}.search-tools{grid-template-columns:minmax(200px,1fr) 180px 165px}}@media(max-width:820px){.login-page{grid-template-columns:1fr}.login-intro{display:none}.login-panel{min-height:100vh;justify-content:center;padding:35px 25px 28px}.mobile-brand{display:block;color:var(--forest-deep);margin-bottom:48px}.login-form-wrap{margin:0 auto}.login-footnote{margin-top:44px}.sidebar{width:min(280px,84vw);transform:translate(-102%);transition:transform .2s ease-out;box-shadow:14px 0 32px #1127221f}.sidebar.sidebar-open{transform:translate(0)}.sidebar-close{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:var(--radius-s);background:transparent;color:#355e4f;cursor:pointer}.sidebar-close:hover{background:#dfe9e4}.mobile-scrim{display:block;position:fixed;inset:0;z-index:19;border:0;background:#1428234d}.main-area{margin-left:0}.topbar{height:56px;padding:0 20px}.menu-toggle{display:grid;place-items:center;width:36px;height:36px;color:#355e4f;background:transparent;border:0;border-radius:var(--radius-s);cursor:pointer}.menu-toggle:hover{background:#e7efea}.breadcrumb{margin-right:auto;margin-left:10px}.content-wrap{padding:22px 20px 0}.section-heading h1{font-size:21px}}@media(max-width:560px){.login-panel{padding:25px 23px}.mobile-brand{margin-bottom:40px}.login-form-wrap h2{font-size:26px}.login-footnote{margin-top:36px}.content-wrap{padding:18px 15px 0}.topbar{padding:0 14px}.topbar-user>span:first-child{display:none}.section-heading{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:16px}.section-heading h1{font-size:19px}.section-heading p{font-size:11px;max-width:none}.heading-actions{width:100%;justify-content:space-between}.result-count{font-size:11px}.result-count strong{font-size:16px}.compare-open-button{min-height:34px;padding:0 8px;font-size:11px}.search-tools{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:16px}.searchbox{height:45px;grid-column:1 / -1}.filter-select{height:42px;gap:6px;padding:0 9px}.filter-select select{font-size:11px}.work-grid{grid-template-columns:1fr;gap:10px}.work-card{padding:16px 48px 14px 15px}.work-card:hover{transform:none}.work-title{font-size:14px}.page-footer{flex-direction:column;gap:5px;padding:14px 0 18px}.notice{align-items:flex-start;font-size:11px}.retry-button{font-size:10px}.empty-state{min-height:210px}.detail-body{padding:52px 20px 28px}.detail-body h2{font-size:19px}.detail-facts>div{gap:8px}.detail-facts span,.detail-facts strong{font-size:11px}.compare-backdrop{align-items:flex-end;padding:0}.compare-panel{max-height:91vh;border-radius:var(--radius-l) var(--radius-l) 0 0}.compare-heading{padding:22px 18px 16px}.compare-heading h2{font-size:16px}.compare-scroll{padding:12px 12px 8px}.compare-table th,.compare-table td{padding:11px 9px;font-size:11px}.compare-table thead th:first-child,.compare-table tbody th{width:112px}.compare-bottom{padding:12px 15px;font-size:10px}.compare-bottom .button{min-height:38px}}@media(max-width:360px){.content-wrap{padding:16px 11px 0}.work-card{padding:14px 44px 12px 13px}}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--paper);padding:24px}.admin-login-card{width:min(100%,400px);background:var(--white);border:1px solid var(--line);border-radius:var(--radius-l);padding:36px 32px;box-shadow:var(--shadow)}.admin-login-card h1{font-weight:700;font-size:22px;margin:22px 0 8px;letter-spacing:-.01em}.admin-login-card .login-footnote{width:auto;margin-top:22px}.admin-login-card .login-footnote a{color:var(--forest);font-weight:600}.admin-shell{min-height:100vh;background:var(--paper)}.admin-topbar{height:60px;display:flex;align-items:center;gap:14px;padding:0 clamp(24px,4.7vw,64px);border-bottom:1px solid #e0e9e4;background:#ffffffe6}.admin-badge{padding:4px 10px;border-radius:999px;background:var(--forest-deep);color:#eef4f0;font-size:11px;font-weight:700}.admin-topbar-user{margin-left:auto;display:flex;align-items:center;gap:12px;color:#5d746a;font-size:12px}.admin-content{max-width:1100px}.admin-table{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-m);overflow:hidden;background:var(--white)}.admin-table-head,.admin-table-row{display:grid;grid-template-columns:2.2fr 1.2fr 1fr .8fr auto;align-items:center;gap:12px;padding:12px 16px;text-align:left}.admin-table-head{background:#eef4f0;color:#4d675a;font-size:11px;font-weight:700}.admin-table-row{width:100%;border:0;border-top:1px solid var(--line);background:transparent;cursor:pointer;font:inherit;color:inherit}.admin-table-row:hover{background:#f4f8f6}.admin-row-name{font-weight:700;font-size:13px;color:#263d36;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.incomplete-toggle{grid-column:1 / -1;display:flex;align-items:center;gap:7px;font-size:12px;color:#4a5c54;cursor:pointer}.incomplete-toggle input{width:15px;height:15px;accent-color:var(--forest);cursor:pointer}.admin-incomplete-badge{margin-left:8px;padding:2px 8px;border-radius:999px;background:#fbe9d7;color:#8a5a1e;font-size:10px;font-weight:700;white-space:nowrap}.admin-row-area{font-size:12px;color:#5c7368}.admin-status{font-size:11px;font-weight:700;color:#8a6a1e}.admin-status.is-published{color:#1f6e4f}.admin-row-edit{justify-self:end;display:inline-flex;align-items:center;gap:5px;color:var(--forest);font-size:12px;font-weight:700}.admin-edit-form{display:flex;flex-direction:column;gap:14px}.admin-edit-form label{display:flex;flex-direction:column;gap:6px;color:#344d45;font-size:12px;font-weight:700}.admin-edit-form input,.admin-edit-form select,.admin-edit-form textarea{border:1px solid #d4e0da;border-radius:var(--radius-s);background:#fff;padding:10px 12px;color:var(--ink);font-size:13px;font-family:inherit;font-weight:400;transition:border-color .15s,box-shadow .15s}.admin-edit-form textarea{resize:vertical;line-height:1.7}.admin-edit-form input:focus,.admin-edit-form select:focus,.admin-edit-form textarea:focus{border-color:#4f8372;box-shadow:0 0 0 3px #356f5b1f;outline:0}.admin-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-edit-form label.admin-publish-toggle{flex-direction:row;align-items:center;gap:8px}.admin-photo-field{display:flex;flex-direction:column;gap:10px}.admin-photo-preview{width:100%;height:160px;object-fit:cover;border-radius:var(--radius-m);border:1px solid var(--line)}.admin-photo-placeholder{width:100%;height:120px;display:grid;place-items:center;border:1px dashed #c8d8cf;border-radius:var(--radius-m);color:#64746c;font-size:12px;background:#f4f6f3}.admin-photo-actions{display:flex;align-items:center;gap:14px}.admin-photo-upload{min-height:38px;padding:0 14px;font-size:12px;cursor:pointer}.admin-publish-toggle input{width:16px;height:16px;accent-color:var(--forest)}.admin-edit-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:4px}.admin-saved-flag{display:inline-flex;align-items:center;gap:6px;color:var(--forest);font-size:12px;font-weight:700}.teacher-table-head,.teacher-table-row{grid-template-columns:.8fr 1.4fr 1.6fr .8fr 1fr auto}.teacher-popular{margin-top:32px;padding:22px 24px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius-m)}.teacher-popular h2{display:flex;align-items:center;gap:8px;margin:0 0 16px;color:#1d3a32;font-weight:700;font-size:16px}.teacher-popular h2 svg{color:var(--love)}.teacher-popular-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.teacher-popular-list li{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #edf1ee;font-size:13px}.teacher-popular-list li:last-child{border-bottom:0}.teacher-popular-rank{flex:none;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--forest-soft);color:var(--forest);font-size:11px;font-weight:700}.teacher-popular-list strong{flex:1;color:#263d36;font-weight:700}.teacher-popular-count{color:#5c7368;font-size:11px;white-space:nowrap}.teacher-view-list{display:flex;flex-direction:column;gap:4px}.teacher-view-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #edf1ee}.teacher-view-row strong{flex:1;color:#263d36;font-size:13px;font-weight:600}.teacher-view-date{color:#5c7368;font-size:11px;white-space:nowrap}@media(max-width:820px){.admin-table-head{display:none}.admin-table-row{grid-template-columns:1fr auto;grid-template-areas:"name status" "tag area" "edit edit";row-gap:6px}.admin-row-name{grid-area:name}.admin-status{grid-area:status;justify-self:end}.admin-row-area{grid-area:area}.admin-row-edit{grid-area:edit;justify-self:start}.admin-field-grid{grid-template-columns:1fr}.teacher-table-row{grid-template-columns:1fr auto;grid-template-areas:"name status" "number views" "favorites favorites" "edit edit";row-gap:6px}.teacher-table-row>span:nth-child(1){grid-area:number}.teacher-table-row .admin-row-name{grid-area:name}.teacher-table-row .admin-status{grid-area:status;justify-self:end}.teacher-table-row>span:nth-child(4){grid-area:views;justify-self:end}.teacher-table-row>span:nth-child(5){grid-area:favorites}.teacher-table-row .admin-row-edit{grid-area:edit;justify-self:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}