body{background:linear-gradient(180deg,#f4f9f6 0,#fbfcfa 360px)}.app-header{border-bottom:0;box-shadow:0 2px 20px rgba(31,76,60,.07)}.logo{background:linear-gradient(145deg,#218569,#2c6f5a);box-shadow:0 7px 18px rgba(40,122,97,.22)}.list-layout{grid-template-columns:260px minmax(0,1fr);align-items:start}.filters{top:108px;border-color:#e5ece8;box-shadow:0 10px 35px rgba(42,89,71,.07)}.filters h2{margin-bottom:8px}.sound-builder{background:linear-gradient(135deg,#fff 35%,#f2faf6);border:1px solid #cfe4d9;border-radius:20px;padding:24px 26px;margin-bottom:25px;box-shadow:0 14px 38px rgba(40,122,97,.09);position:relative;overflow:hidden}.sound-builder:after{content:"あ";position:absolute;right:-7px;top:-48px;font-size:150px;font-weight:900;color:rgba(40,122,97,.035);pointer-events:none}.builder-heading{display:flex;justify-content:space-between;align-items:flex-start;position:relative;z-index:1}.builder-heading h2{font-size:24px;margin:5px 0}.builder-heading p{margin:0;color:var(--muted)}.builder-steps{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:14px;margin-top:22px;position:relative;z-index:1}.builder-step{background:#fff;border:1px solid #e0ebe6;border-radius:14px;padding:16px;display:flex;gap:11px;min-width:0}.step-number{width:25px;height:25px;flex:0 0 25px;border-radius:50%;background:var(--green);color:white;display:grid;place-items:center;font-weight:800;font-size:12px}.step-content{min-width:0;flex:1}.step-content>strong{display:block;font-size:14px;margin:3px 0 10px}.step-content small{display:block;color:var(--muted);font-size:10px;margin-top:8px}.sound-input-row{display:grid;grid-template-columns:70px 1fr;gap:7px}.sound-input-row input,.sound-input-row select{width:100%;border:1px solid var(--line);border-radius:8px;padding:9px;background:#fff}.sound-input-row input{font-size:18px;font-weight:800;text-align:center}.sound-chips,.mora-buttons{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.sound-chip,.mora-buttons button{border:1px solid #d7e5df;background:#f8fbf9;border-radius:7px;padding:6px 9px;cursor:pointer;color:#49645a;font-weight:700}.sound-chip:hover,.sound-chip.active,.mora-buttons button.active{background:var(--green);border-color:var(--green);color:#fff}.segment{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.segment input{position:absolute;opacity:0}.segment span{display:block;border:1px solid #d7e5df;border-radius:7px;text-align:center;padding:7px 4px;background:#f8fbf9;cursor:pointer;font-size:12px}.segment input:checked+span{background:var(--green);border-color:var(--green);color:white;font-weight:800}.active-condition{position:relative;z-index:1;margin-top:15px;background:#e8f5ef;border-radius:10px;padding:10px 14px;display:flex;align-items:center;gap:10px;color:#476058}.active-condition strong{color:#1c654f;font-size:15px}.active-condition>span:last-child{margin-left:auto;font-size:12px}.condition-icon{width:29px;height:29px;border-radius:8px;background:white;color:var(--green);display:grid;place-items:center;font-size:10px;font-weight:900}.result-controls{display:flex;gap:12px;align-items:center}.view-switch{display:flex;border:1px solid var(--line);border-radius:9px;padding:3px;background:white}.view-switch button{border:0;background:transparent;padding:6px 9px;border-radius:6px;color:var(--muted);cursor:pointer;font-size:12px}.view-switch button.active{background:var(--green2);color:var(--green);font-weight:800}.vocab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:12px}.vocab-card{background:#fff;border:1px solid #e1e9e5;border-radius:15px;padding:12px;position:relative;display:flex;align-items:center;gap:11px;min-height:116px;box-shadow:0 5px 17px rgba(44,75,64,.05);transition:.18s}.vocab-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(36,95,73,.11);border-color:#bad9cc}.vocab-card.selected{background:#eef9f4;border:2px solid var(--green);padding:11px}.card-check{position:absolute;right:8px;top:8px;z-index:2}.card-check input{position:absolute;opacity:0}.card-check span{display:block;background:#f1f5f3;border-radius:20px;padding:4px 7px;font-size:9px;color:#73817c;cursor:pointer}.card-check input:checked+span{background:var(--green);color:#fff}.thumb.large{width:76px;height:76px;flex:0 0 76px;background:#f6f8f5;border-radius:12px}.vocab-card-body{min-width:0;padding-top:10px}.vocab-card .word{font-size:17px}.sound-reading{font-size:14px;color:#667b73;margin-top:3px}.sound-reading mark,.reading mark{background:#ffdf73;color:#483b0d;border-radius:4px;padding:0 2px;font-weight:900}.word-facts{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}.word-facts span{font-size:9px;background:#f1f5f3;color:#687973;padding:3px 6px;border-radius:10px}.action-row{margin-top:15px;border-radius:12px}.table-wrap{border-top:1px solid var(--line);border-radius:12px;margin-top:12px}.results-head{align-items:center}.results-head h2{font-size:22px}.sort-box select{padding-top:7px;padding-bottom:7px}@media(max-width:1150px){.builder-steps{grid-template-columns:1fr}.list-layout{grid-template-columns:230px minmax(0,1fr)}}@media(max-width:900px){.list-layout{grid-template-columns:1fr}.builder-heading{display:block}.builder-heading button{margin-top:12px}.active-condition{align-items:flex-start;flex-wrap:wrap}.active-condition>span:last-child{margin-left:39px;width:100%}.result-controls{align-items:flex-end;flex-direction:column}.vocab-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}