.page_main__oDrLc{min-height:100vh;padding:20px;display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#FDFBF7,#F5F0E6)}.page_container__xqICh{width:100%;padding:0;display:flex;flex-direction:column;gap:1.5rem}.page_header__DP3eL{display:flex;align-items:center;justify-content:center;margin-bottom:24px;width:100%;margin-left:auto;margin-right:auto}.page_controlsContainer__i8TLN{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;width:100%}.page_filterContainer__UedES{display:flex;flex-direction:row;align-items:center;background:rgba(0,0,0,.05);padding:4px;border-radius:12px;width:auto;min-width:fit-content}.page_filterButton__YtAxM{flex:1;padding:8px;border:none;border-radius:8px;background:transparent;color:#666;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.page_activeFilter__g_2t6{background:white;box-shadow:0 2px 4px rgba(0,0,0,.05);color:var(--color-primary);font-weight:700}.page_headerLeft__fEltG{display:flex;align-items:center;gap:12px}.page_title__hIOOJ{font-size:1rem;font-weight:700;color:var(--color-text);margin:0;font-family:GangwonEduAll;white-space:nowrap}.page_backButton__11y3S{background:transparent;border:none;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:background .2s}.page_backButton__11y3S:hover{background:rgba(0,0,0,.05)}.page_sortIconButton__P3vkb{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:white;border:1px solid rgba(141,123,104,.2);color:#8D7B68;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.02)}.page_sortIconButton__P3vkb:hover{background:#FDFBF7;border-color:#8D7B68;transform:translateY(-1px)}.page_sortIconButton__P3vkb:active{transform:scale(.95)}.page_list__Bw9kp{display:flex;flex-direction:column;gap:1rem;width:100%;margin:0 auto}.page_emptyState__An70T{text-align:center;padding:4rem 1rem;color:#8D7B68;background:rgba(255,255,255,.4);border-radius:16px;border:1px dashed rgba(141,123,104,.3)}.page_sampleBanner__qOXjv{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(252,248,237,.9));border-radius:16px;border:1px solid rgba(141,123,104,.15);box-shadow:0 4px 12px rgba(141,123,104,.05);margin-bottom:.5rem;align-items:center;text-align:center}.page_sampleInfo__hZ7_i{display:flex;align-items:center;gap:.5rem;color:#5D5449;font-weight:500;font-size:.95rem}.page_sampleButton__bRENf{padding:.75rem 1.5rem;border-radius:25px;border:none;background:#8D7B68;color:white;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 10px rgba(141,123,104,.2)}.page_sampleButton__bRENf:hover{background:#7a6a57;transform:translateY(-1px);box-shadow:0 6px 15px rgba(141,123,104,.3)}.page_sampleButton__bRENf:active{transform:translateY(0)}.page_letterCard__WgcPq{display:flex;flex-direction:column;gap:.5rem;padding:1.25rem;background:rgba(255,255,255,.6);border-radius:12px;border:1px solid rgba(255,255,255,.8);cursor:pointer;transition:all .2s ease;text-decoration:none;color:inherit;position:relative}.page_letterCard__WgcPq:hover{transform:translateY(-2px);background:rgba(255,255,255,.9);box-shadow:0 10px 20px rgba(141,123,104,.1)}.page_cardHeader__TBle_{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.25rem}.page_cardHeaderRight__0AK7Q{display:flex;align-items:center;gap:8px}.page_deleteButton__nZDZG{background:transparent;border:none;color:#A09385;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;justify-content:center;opacity:.6;transition:all .2s}.page_deleteButton__nZDZG:hover{background:rgba(255,0,0,.1);color:#ff4444;opacity:1}.page_sender__nNABE{font-weight:600;color:#5D5449;font-size:1.1rem}.page_date__vmrbC{font-size:.85rem;color:#A09385}.page_preview__mdMAT{font-size:.95rem;color:#8D7B68;line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}