:root{--ivory:#FFF8F2;--ivory-2:#FFF1E6;--peach-1:#FFE4D6;--peach-2:#FFC4B0;--peach-3:#FF9B7B;--peach-deep:#E87858;--brown:#5A3A2E;--brown-soft:#8C6A5A;--gold:#D4A574;--shadow:0 6px 18px rgba(232,120,88,0.12);--shadow-soft:0 2px 8px rgba(232,120,88,0.08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Hiragino Maru Gothic ProN,Hiragino Sans,Yu Gothic,sans-serif;background:linear-gradient(160deg,#FFF1E6,#FFE4D6);color:var(--brown);min-height:100vh;justify-content:center;padding:16px 0;-webkit-font-smoothing:antialiased}.app,body{display:flex}.app{width:100%;max-width:420px;background:var(--ivory);border-radius:32px;box-shadow:var(--shadow);overflow:hidden;flex-direction:column;min-height:calc(100vh - 32px)}.app-header{padding:20px 22px 14px;justify-content:space-between;background:linear-gradient(135deg,#FFE4D6,#FFC4B0)}.app-header,.app-title{display:flex;align-items:center}.app-title{font-size:18px;font-weight:700;letter-spacing:.5px;gap:6px}.app-title .logo-mark{width:38px;height:38px;background:var(--ivory);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-soft);flex-shrink:0}.app-title .logo-mark img{width:30px;height:30px;display:block}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text .app-name{font-size:16px;font-weight:700}.brand-text .tagline{font-size:10.5px;color:var(--brown);opacity:.75;margin-top:2px}.app-header .icon-btn{background:rgba(255,255,255,.6);border:0;width:36px;height:36px;border-radius:50%;font-size:16px;cursor:pointer}.main{flex:1 1;overflow-y:auto;padding:18px 18px 100px}.main,.view{display:flex;flex-direction:column;gap:16px}.view.hidden{display:none}.date-streak{background:var(--ivory-2);border-radius:22px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-soft)}.date-block .day{font-size:13px;color:var(--brown-soft)}.date-block .date{font-size:20px;font-weight:700}.streak{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#FFB591,#FF8B6A);color:white;padding:8px 14px;border-radius:999px;font-weight:700;box-shadow:var(--shadow-soft)}.streak .flame{font-size:18px;animation:flicker 1.6s ease-in-out infinite}@keyframes flicker{0%,to{transform:rotate(-3deg) scale(1)}50%{transform:rotate(3deg) scale(1.1)}}.section-title{font-size:15px;font-weight:700;margin:4px 4px -4px;display:flex;align-items:center;gap:6px}.section-title .accent{display:inline-block;width:6px;height:16px;background:var(--peach-3);border-radius:3px}.stamps-card{background:white;border-radius:22px;padding:18px;box-shadow:var(--shadow-soft)}.stamp-progress{font-size:12px;color:var(--brown-soft);text-align:right;margin-bottom:10px}.stamp-progress strong{color:var(--peach-deep);font-size:16px}.stamps-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px}.stamp{aspect-ratio:1/1;border-radius:50%;background:var(--ivory-2);border:2px dashed var(--peach-2);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,background .2s ease,border-color .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:6px}.stamp .emoji{font-size:28px}.stamp .label{font-size:10.5px;color:var(--brown-soft);margin-top:2px;text-align:center;line-height:1.2}.stamp:active{transform:scale(.95)}.stamp.done{background:linear-gradient(135deg,#FFE4D6,#FF9B7B);border:2px solid var(--peach-deep);box-shadow:0 4px 12px rgba(232,120,88,.3);animation:pop .4s ease}.stamp.done .label{color:var(--brown);font-weight:700}@keyframes pop{0%{transform:scale(.8)}60%{transform:scale(1.1)}to{transform:scale(1)}}.mission-card{background:white;border-radius:22px;padding:16px 18px;box-shadow:var(--shadow-soft);gap:12px}.mission,.mission-card{display:flex;flex-direction:column}.mission{gap:6px}.mission-head{display:flex;justify-content:space-between;align-items:center;font-size:13px}.mission-head .label{font-weight:700}.mission-head .count{color:var(--peach-deep);font-weight:700;font-size:13px}.mission-bar{height:8px;border-radius:999px;background:var(--ivory-2);overflow:hidden}.mission-bar .fill{height:100%;background:linear-gradient(90deg,#FFC4B0,#FF8B6A);border-radius:999px;transition:width .5s ease}.mission .reward{font-size:11px;color:var(--brown-soft)}.learn-card{background:linear-gradient(135deg,#FFFFFF,#FFE4D6);border-radius:22px;padding:18px;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.learn-card.big{padding:22px}.learn-card:before{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;background:rgba(255,155,123,.2);border-radius:50%}.learn-tag{display:inline-block;font-size:10px;background:white;color:var(--peach-deep);padding:3px 10px;border-radius:999px;font-weight:700;margin-bottom:8px}.learn-title{font-size:15px;font-weight:700;margin-bottom:6px}.learn-card.big .learn-title{font-size:17px}.learn-body{font-size:12.5px;line-height:1.7;color:var(--brown-soft)}.level-card{background:white;border-radius:22px;padding:16px 18px;gap:14px;box-shadow:var(--shadow-soft)}.avatar,.level-card{display:flex;align-items:center}.avatar{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#FFE4D6,#FF9B7B);justify-content:center;font-size:24px;flex-shrink:0}.level-info{flex:1 1}.level-title{font-size:13px;color:var(--brown-soft)}.level-name{font-size:15px;font-weight:700;margin-bottom:6px}.level-bar{height:6px;border-radius:999px;background:var(--ivory-2);overflow:hidden}.level-bar.wide{width:100%;height:8px;margin-top:10px}.level-bar .fill{height:100%;background:linear-gradient(90deg,#FFC4B0,#D4A574);border-radius:999px}.level-xp{font-size:10.5px;color:var(--brown-soft);margin-top:4px;text-align:right}.diary-card{background:white;border-radius:22px;padding:16px 18px;box-shadow:var(--shadow-soft)}.diary-month-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:700;font-size:14px}.month-nav{background:var(--ivory-2);border:0;width:28px;height:28px;border-radius:50%;font-size:16px;color:var(--peach-deep);cursor:pointer}.cal-week{text-align:center;font-size:10px;color:var(--brown-soft);margin-bottom:6px}.cal-grid,.cal-week{display:grid;grid-template-columns:repeat(7,1fr)}.cal-grid{grid-gap:4px;gap:4px}.cal-cell{aspect-ratio:1/1;border-radius:6px;background:var(--ivory-2);display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--brown-soft)}.cal-cell.empty{background:transparent}.cal-cell.shade-1{background:#FFE4D6;color:var(--brown)}.cal-cell.shade-2{background:#FFC4B0;color:var(--brown)}.cal-cell.shade-3{background:#FF9B7B;color:white}.cal-cell.shade-4{background:#E87858;color:white}.cal-cell.today{box-shadow:0 0 0 2px var(--peach-deep);font-weight:700}.cal-legend{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:12px;font-size:10px;color:var(--brown-soft)}.cal-legend .cal-cell{width:14px;height:14px;aspect-ratio:auto}.week-chart-card{background:white;border-radius:22px;padding:16px 18px;box-shadow:var(--shadow-soft);display:flex;gap:8px;align-items:flex-end;height:140px}.week-bar{flex:1 1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}.week-bar .bar-area{flex:1 1;width:100%;display:flex;align-items:flex-end}.week-bar .bar{width:100%;background:linear-gradient(180deg,#FFC4B0,#FF8B6A);border-radius:6px 6px 0 0;min-height:4px}.week-bar .bar-label{font-size:10px;color:var(--brown-soft)}.week-bar .bar-value{font-size:10px;font-weight:700;color:var(--peach-deep)}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.photo-card{aspect-ratio:1/1.1;background:linear-gradient(135deg,#FFE4D6,#FFC4B0);border-radius:18px;padding:14px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-soft);position:relative}.photo-card .photo-emoji{font-size:48px;align-self:center;margin-top:12px}.photo-card .photo-month{font-size:13px;font-weight:700}.photo-card .photo-note{font-size:11px;color:var(--brown-soft)}.photo-card .lock{position:absolute;top:10px;right:12px;font-size:12px;color:var(--brown-soft)}.cheer-list{background:white;border-radius:22px;padding:14px 18px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column}.cheer-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--ivory-2);font-size:12.5px}.cheer-item:last-child{border-bottom:0}.cheer-item .cheer-emoji{font-size:22px}.cheer-item .cheer-text{flex:1 1}.cheer-item .cheer-from{font-weight:700}.cheer-item .cheer-time{font-size:10px;color:var(--brown-soft)}.friends-list{display:flex;flex-direction:column;gap:12px}.friend-card{background:white;border-radius:22px;padding:14px 16px;box-shadow:var(--shadow-soft);display:flex;align-items:center;gap:12px}.friend-card .avatar{width:44px;height:44px;font-size:22px}.friend-info{flex:1 1}.friend-name{font-weight:700;font-size:14px}.friend-progress{font-size:11px;color:var(--brown-soft);margin-bottom:4px}.friend-progress strong{color:var(--peach-deep)}.cheer-btn{background:linear-gradient(135deg,#FFC4B0,#FF9B7B);color:white;border:0;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:4px;cursor:pointer;box-shadow:var(--shadow-soft)}.cheer-btn .count{background:rgba(255,255,255,.4);padding:1px 6px;border-radius:999px;font-size:10px}.cheer-board{background:linear-gradient(135deg,#FFFFFF,#FFE4D6);border-radius:22px;padding:16px 18px;box-shadow:var(--shadow-soft);display:flex;gap:12px}.cheer-board .board-cell{flex:1 1;text-align:center;background:white;border-radius:16px;padding:12px 8px}.board-cell .label{font-size:10px;color:var(--brown-soft)}.board-cell .name{font-size:14px;font-weight:700;margin:4px 0}.board-cell .count{font-size:11px;color:var(--peach-deep);font-weight:700}.cat-chips{display:flex;gap:6px;overflow-x:auto;padding:2px 2px 4px}.cat-chip{background:white;border:1px solid var(--peach-1);color:var(--brown-soft);padding:6px 12px;border-radius:999px;font-size:11px;white-space:nowrap;cursor:pointer}.cat-chip.active{background:linear-gradient(135deg,#FFC4B0,#FF9B7B);color:white;border-color:transparent;font-weight:700}.learn-list{display:flex;flex-direction:column;gap:8px}.learn-item{background:white;border-radius:16px;padding:12px 14px;box-shadow:var(--shadow-soft);display:flex;align-items:center;gap:12px;cursor:pointer}.learn-item .item-date{font-size:11px;color:var(--brown-soft);width:36px;flex-shrink:0;text-align:center}.learn-item .item-cat{font-size:9.5px;color:var(--peach-deep);font-weight:700}.learn-item .item-title{font-size:12.5px;line-height:1.4;margin-top:2px}.learn-item .unread-dot{width:8px;height:8px;border-radius:50%;background:var(--peach-deep);margin-left:auto;flex-shrink:0}.profile-card{background:linear-gradient(135deg,#FFFFFF,#FFE4D6);border-radius:22px;padding:22px 18px;box-shadow:var(--shadow-soft);text-align:center}.profile-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#FFE4D6,#FF9B7B);display:flex;align-items:center;justify-content:center;font-size:36px;margin:0 auto 10px;box-shadow:var(--shadow-soft)}.profile-name{font-size:16px;font-weight:700}.profile-title{font-size:12px;color:var(--peach-deep);font-weight:700;margin-top:2px}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}.stat-cell{background:white;border-radius:16px;padding:12px 8px;text-align:center;box-shadow:var(--shadow-soft)}.stat-cell .stat-num{font-size:20px;font-weight:700;color:var(--peach-deep)}.stat-cell .stat-label{font-size:10px;color:var(--brown-soft);margin-top:2px}.badges-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px;background:white;border-radius:22px;padding:16px;box-shadow:var(--shadow-soft)}.badge{text-align:center;padding:8px 4px}.badge-icon{width:48px;height:48px;margin:0 auto;border-radius:50%;background:linear-gradient(135deg,#FFE4D6,#FF9B7B);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:var(--shadow-soft)}.badge.locked .badge-icon{background:var(--ivory-2);filter:grayscale(1) opacity(.5)}.badge-name{font-size:11px;font-weight:700;margin-top:6px}.badge.locked .badge-name{color:var(--brown-soft);font-weight:400}.badge-hint{font-size:9.5px;color:var(--brown-soft);margin-top:2px;line-height:1.3}.settings-list{background:white;border-radius:22px;padding:4px 18px;box-shadow:var(--shadow-soft)}.setting-item{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--ivory-2);font-size:13px;cursor:pointer}.setting-item:last-child{border-bottom:0}.setting-item .set-icon{font-size:18px}.setting-item .set-label{flex:1 1}.setting-item .set-value{font-size:11px;color:var(--brown-soft)}.setting-item .arrow{font-size:14px;color:var(--brown-soft)}.bottom-nav{position:-webkit-sticky;position:sticky;bottom:0;background:white;border-top:1px solid var(--peach-1);padding:8px 4px 12px;display:flex;justify-content:space-around}.nav-item{flex:1 1;background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:10px;color:var(--brown-soft);cursor:pointer}.nav-item .ico{font-size:20px;transition:transform .2s ease}.nav-item.active{color:var(--peach-deep);font-weight:700}.nav-item.active .ico{transform:scale(1.15)}