
    .tools-page{
        padding:68px 0 88px;
        font-family:'Nunito',sans-serif;
        color:#202526;
    }

    .tools-hero{
        padding:42px;
        border-radius:24px;
        background:#F6F8F7;
        border:1px solid rgba(22,58,67,.07);
        margin-bottom:26px;
    }

    .tools-kicker{
        display:inline-flex;
        align-items:center;
        gap:8px;
        margin-bottom:12px;
        color:#83601B;
        font-size:.7rem;
        font-weight:900;
        letter-spacing:.08em;
        text-transform:uppercase;
    }

    .tools-kicker::before{
        content:'';
        width:26px;
        height:2px;
        background:#C6A667;
        border-radius:2px;
    }

    .tools-title{
        margin:0;
        color:#163A43;
        font-size:clamp(2.7rem,6vw,4.7rem);
        font-weight:900;
        line-height:1;
        letter-spacing:-.03em;
    }

    .tools-lead{
        max-width:760px;
        margin:18px 0 0;
        color:#6E716F;
        font-size:.96rem;
        line-height:1.65;
    }

    .tools-section{
        margin-top:30px;
    }

    .tools-section-head{
        display:flex;
        align-items:end;
        justify-content:space-between;
        gap:18px;
        margin-bottom:14px;
    }

    .tools-section-head h2{
        margin:0;
        color:#163A43;
        font-size:1.85rem;
        font-weight:900;
    }

    .tools-section-head p{
        max-width:560px;
        margin:0;
        color:#7A807E;
        font-size:.76rem;
        line-height:1.5;
        text-align:right;
    }

    .tools-grid{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:14px;
    }

    .tool-card{
        position:relative;
        min-height:230px;
        padding:22px;
        border-radius:18px;
        background:#fff;
        border:1px solid rgba(22,58,67,.08);
        box-shadow:0 8px 24px rgba(22,58,67,.035);
        overflow:hidden;
    }

    .tool-card-active{
        background:
            radial-gradient(circle at 100% 0%, rgba(154,183,167,.18), transparent 34%),
            #fff;
    }

    .tool-card-status{
        display:inline-flex;
        align-items:center;
        min-height:24px;
        padding:3px 8px;
        border-radius:999px;
        background:#EEF3F0;
        color:#315E50;
        font-size:.62rem;
        font-weight:900;
        letter-spacing:.04em;
        text-transform:uppercase;
    }

    .tool-card-status.soon{
        background:#F5F1E7;
        color:#83601B;
    }

    .tool-card-icon{
        width:46px;
        height:46px;
        display:flex;
        align-items:center;
        justify-content:center;
        margin:18px 0 14px;
        border-radius:13px;
        background:#163A43;
        color:#fff;
        font-size:1.05rem;
        font-weight:900;
    }

    .tool-card h3{
        margin:0 0 7px;
        color:#163A43;
        font-size:1.08rem;
        font-weight:900;
    }

    .tool-card p{
        margin:0;
        color:#6E716F;
        font-size:.76rem;
        line-height:1.55;
    }

    .tool-card-action{
        margin-top:18px;
    }

    .study-timer{
        margin-top:17px;
        padding-top:15px;
        border-top:1px solid rgba(22,58,67,.07);
    }

    .study-timer-display{
        margin-bottom:12px;
        color:#163A43;
        font-size:2rem;
        font-weight:900;
        line-height:1;
        font-variant-numeric:tabular-nums;
    }

    .study-timer-presets{
        display:flex;
        flex-wrap:wrap;
        gap:6px;
        margin-bottom:11px;
    }

    .study-timer-presets button{
        border:1px solid rgba(22,58,67,.1);
        border-radius:999px;
        background:#F6F8F7;
        color:#315E50;
        padding:6px 9px;
        font-family:'Nunito',sans-serif;
        font-size:.66rem;
        font-weight:900;
        cursor:pointer;
    }

    .study-timer-presets button.is-active{
        background:#163A43;
        border-color:#163A43;
        color:#fff;
    }

    .study-timer-custom{
        display:flex;
        align-items:center;
        gap:8px;
        margin-bottom:11px;
    }

    .study-timer-custom label{
        color:#6E716F;
        font-size:.7rem;
        font-weight:900;
    }

    .study-timer-custom input{
        width:76px;
        min-height:36px;
        border:1px solid #D7DEDC;
        border-radius:9px;
        padding:0 9px;
        background:#fff;
        color:#163A43;
        font-family:'Nunito',sans-serif;
        font-size:.78rem;
        font-weight:900;
    }

    .study-timer-actions{
        display:flex;
        gap:7px;
    }

    .study-timer-reset{
        min-height:41px;
        padding:0 13px;
        border:1px solid rgba(22,58,67,.13);
        border-radius:10px;
        background:#fff;
        color:#163A43;
        font-family:'Nunito',sans-serif;
        font-size:.74rem;
        font-weight:900;
        cursor:pointer;
    }

    .study-timer-reset:hover{
        background:#F6F8F7;
    }

    .study-timer.is-finished .study-timer-display{
        color:#83601B;
    }


    .tool-btn{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        min-height:41px;
        padding:0 13px;
        border:0;
        border-radius:10px;
        background:#163A43;
        color:#fff;
        font-family:'Nunito',sans-serif;
        font-size:.74rem;
        font-weight:900;
        text-decoration:none;
        cursor:pointer;
    }

    .tool-btn:hover{
        background:#315E50;
    }

    .tool-list{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:12px;
    }

    .tool-study{
        display:flex;
        gap:12px;
        padding:17px;
        border-radius:15px;
        background:#FAF9F6;
        border:1px solid rgba(22,58,67,.06);
    }

    .tool-study span{
        flex:0 0 34px;
        width:34px;
        height:34px;
        display:flex;
        align-items:center;
        justify-content:center;
        border-radius:10px;
        background:#fff;
        color:#315E50;
        font-size:.72rem;
        font-weight:900;
        border:1px solid rgba(22,58,67,.07);
    }

    .tool-study strong{
        display:block;
        margin-bottom:4px;
        color:#163A43;
        font-size:.8rem;
        font-weight:900;
    }

    .tool-study p{
        margin:0;
        color:#6E716F;
        font-size:.74rem;
        line-height:1.5;
    }

    .tools-links{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:10px;
    }

    .tools-links a{
        display:block;
        padding:17px;
        border-radius:14px;
        background:#163A43;
        color:#fff;
        text-decoration:none;
    }

    .tools-links small{
        display:block;
        margin-bottom:6px;
        color:#BFD0C7;
        font-size:.6rem;
        font-weight:900;
        text-transform:uppercase;
        letter-spacing:.07em;
    }

    .tools-links strong{
        display:block;
        font-size:.9rem;
        font-weight:900;
    }

    @media(max-width:900px){
        .tools-grid{grid-template-columns:1fr}
        .tool-list{grid-template-columns:1fr}
        .tools-links{grid-template-columns:1fr}
    }

    @media(max-width:650px){
        .tools-page{padding:40px 0 62px}
        .tools-hero{padding:26px 20px;border-radius:18px}
        .tools-title{font-size:2.55rem}
        .tools-lead{font-size:.9rem}
        .tools-section-head{align-items:flex-start;flex-direction:column;gap:6px}
        .tools-section-head p{text-align:left}
        .tool-card{min-height:auto;padding:18px}
        .tool-btn{width:100%}
    }

    /* FLAUTEA_TOOLS_TIMER_FLOAT_80E_FIX */
    .study-timer-overlay{
        position:fixed;inset:0;z-index:1600;display:none;
        align-items:center;justify-content:center;padding:20px;
        background:rgba(8,24,29,.34);backdrop-filter:blur(2px);
    }
    .study-timer-overlay.is-open{display:flex}
    .study-timer-panel{
        position:relative;width:min(430px,calc(100vw - 30px));
        border-radius:20px;background:#fff;
        border:1px solid rgba(22,58,67,.12);
        box-shadow:0 24px 70px rgba(9,31,37,.28);overflow:hidden;
    }
    .study-timer-header{
        display:flex;align-items:center;justify-content:space-between;gap:12px;
        padding:14px 16px;background:#163A43;color:#fff;
        cursor:move;user-select:none;touch-action:none;
    }
    .study-timer-header strong{font-family:'Nunito',sans-serif;font-size:.9rem;font-weight:900}
    .study-timer-close{
        width:34px;height:34px;display:flex;align-items:center;justify-content:center;
        border:0;border-radius:9px;background:rgba(255,255,255,.12);
        color:#fff;font-size:1.25rem;cursor:pointer;
    }
    .study-timer-body{padding:22px}
    .study-timer-display{
        margin:0 0 18px;text-align:center;color:#163A43;
        font-size:3.4rem;font-weight:900;line-height:1;
        font-variant-numeric:tabular-nums;
    }
    .study-timer-presets{justify-content:center;margin-bottom:16px}
    .study-timer-custom{justify-content:center;margin-bottom:16px}
    .study-timer-actions{justify-content:center}
    .study-timer-hint{
        margin:14px 0 0;text-align:center;color:#7A807E;
        font-family:'Nunito',sans-serif;font-size:.68rem;line-height:1.45;
    }
    .study-timer-panel.is-finished .study-timer-display{color:#A06D12}
    @media(max-width:650px){
        .study-timer-overlay{align-items:flex-end;padding:12px}
        .study-timer-panel{width:100%;border-radius:18px;left:auto!important;top:auto!important}
        .study-timer-header{cursor:default}
        .study-timer-body{padding:20px 16px}
        .study-timer-display{font-size:3rem}
    }


    .tuner-overlay{position:fixed;inset:0;z-index:1650;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(8,24,29,.34);backdrop-filter:blur(2px)}
    .tuner-overlay.is-open{display:flex}
    .tuner-panel{position:relative;width:min(430px,calc(100vw - 30px));border-radius:20px;background:#fff;border:1px solid rgba(22,58,67,.12);box-shadow:0 24px 70px rgba(9,31,37,.28);overflow:hidden}
    .tuner-watermark{
        position:absolute;
        inset:0;
        display:flex;
        align-items:center;
        justify-content:center;
        pointer-events:none;
        z-index:0;
        opacity:.075;
    }

    .tuner-watermark img{
        width:72%;
        max-width:250px;
        height:auto;
        object-fit:contain;
        filter:grayscale(100%);
    }

    .tuner-watermark-text{
        color:#163A43;
        font-family:'Nunito',sans-serif;
        font-size:3.2rem;
        font-weight:900;
        letter-spacing:.18em;
    }

    .tuner-header,
    .tuner-body{
        position:relative;
        z-index:1;
    }

    .tuner-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:#163A43;color:#fff;cursor:move;user-select:none;touch-action:none}
    .tuner-header strong{font-family:'Nunito',sans-serif;font-size:.9rem;font-weight:900}
    .tuner-close{width:34px;height:34px;display:flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:rgba(255,255,255,.12);color:#fff;font-size:1.25rem;cursor:pointer}
    .tuner-body{padding:24px 22px 22px;text-align:center}
    .tuner-note{color:#163A43;font-size:4.4rem;font-weight:900;line-height:1}
    .tuner-frequency{margin-top:8px;color:#6E716F;font-size:.82rem;font-weight:800}
    .tuner-meter{position:relative;height:58px;margin:24px 6px 4px;border-radius:14px;background:linear-gradient(90deg,#F3E7E7 0%,#F8F5EA 38%,#EEF3F0 50%,#F8F5EA 62%,#F3E7E7 100%);overflow:hidden}
    .tuner-meter-scale{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),rgba(22,58,67,.11) calc(10% - 1px),rgba(22,58,67,.11) 10%)}
    .tuner-meter-center{position:absolute;left:50%;top:0;bottom:0;width:2px;background:#315E50;transform:translateX(-50%)}
    .tuner-meter-needle{position:absolute;left:50%;top:8px;bottom:8px;width:4px;border-radius:4px;background:#C6A667;transform:translateX(-50%);transition:left .08s linear}
    .tuner-cents{display:flex;justify-content:space-between;align-items:center;color:#8A908D;font-size:.66rem;font-weight:800}
    .tuner-cents strong{color:#163A43;font-size:.72rem;font-weight:900}
    .tuner-status{margin:18px 0 13px;min-height:22px;color:#6E716F;font-size:.78rem;font-weight:900}
    .tuner-status.is-good{color:#315E50}
    .tuner-status.is-low,.tuner-status.is-high{color:#9A6A18}
    .tuner-start{min-width:170px}
    .tuner-hint{margin:12px 0 0;color:#8A908D;font-size:.66rem;line-height:1.45}
    @media(max-width:650px){
        .tuner-overlay{align-items:flex-end;padding:12px}
        .tuner-panel{width:100%;border-radius:18px;left:auto!important;top:auto!important}
        .tuner-header{cursor:default}
        .tuner-note{font-size:3.8rem}
    }


    .tuner-name-mode{
        display:inline-flex;
        gap:4px;
        margin-top:14px;
        padding:4px;
        border-radius:11px;
        background:#F3F6F5;
        border:1px solid rgba(22,58,67,.08);
    }
    .tuner-name-mode button{
        border:0;
        border-radius:8px;
        background:transparent;
        color:#6E716F;
        padding:7px 10px;
        font-family:'Nunito',sans-serif;
        font-size:.66rem;
        font-weight:900;
        cursor:pointer;
    }
    .tuner-name-mode button.is-active{
        background:#163A43;
        color:#fff;
    }


    .tuner-sensitivity-wrap{
        margin-top:10px;
    }
    .tuner-sensitivity-btn{
        border:1px solid rgba(22,58,67,.12);
        border-radius:10px;
        background:#fff;
        color:#163A43;
        padding:8px 12px;
        font-family:'Nunito',sans-serif;
        font-size:.68rem;
        font-weight:900;
        cursor:pointer;
    }
    .tuner-sensitivity-btn:hover{
        background:#F6F8F7;
    }


    /* FLAUTEA_TOOLS_PANEL_LOGOS_80K_FIX */
    .tool-panel-logo{
        display:flex;
        align-items:center;
        justify-content:center;
        margin:2px 0 16px;
        pointer-events:none;
    }

    .tool-panel-logo img{
        display:block;
        width:105px;
        max-width:52%;
        height:auto;
        object-fit:contain;
    }

    .tuner-body .tool-panel-logo{
        margin-bottom:10px;
    }

    @media(max-width:600px){
        .tool-panel-logo img{
            width:92px;
        }
    }


    /* FLAUTEA_TOOL_IMAGES_80N_FIX2 */
    .tool-card-image-wrap{
        width:78px;
        height:78px;
        display:flex;
        align-items:center;
        justify-content:center;
        margin:18px 0 14px;
        background:#fff;
        border-radius:14px;
        overflow:hidden;
    }

    .tool-card-image{
        display:block;
        width:78px;
        height:78px;
        object-fit:contain;
    }

    @media(max-width:650px){
        .tool-card-image-wrap,
        .tool-card-image{
            width:68px;
            height:68px;
        }

        .tool-card-image-wrap{
            margin:16px 0 12px;
        }
    }


    /* FLAUTEA_TOOLS_CARDS_PHOTO_88B */
    .tool-card-image-wrap{
        position:relative;
        width:100%;
        height:148px;
        margin:18px 0 16px;
        overflow:hidden;
        border-radius:15px;
        background:#EEF3F0;
        border:1px solid rgba(22,58,67,.08);
    }

    .tool-card-image{
        display:block;
        width:100%;
        height:100%;
        object-fit:cover;
        object-position:center;
        transition:transform .28s ease;
    }

    .tool-card:hover .tool-card-image{
        transform:scale(1.025);
    }

    .tool-card-image-wrap::after{
        content:'';
        position:absolute;
        inset:0;
        pointer-events:none;
        box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
    }

    @media(max-width:650px){
        .tool-card-image-wrap{
            height:180px;
        }
    }



    /* FLAUTEA_TOOLS_IMAGE_FIT_88D */
    .tool-card-image-wrap,
    .tools-card-image-wrap,
    .flautea-tool-card-image-wrap {
        height: 145px !important;
        min-height: 145px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        overflow: hidden !important;
        padding: 0 !important;
    }

    .tool-card-image,
    .tools-card-image,
    .flautea-tool-card-image {
        width: 100% !important;
        height: 100% !important;
        max-width: 100% !important;
        max-height: 100% !important;
        display: block !important;
        object-fit: contain !important;
        object-position: center center !important;
        margin: 0 auto !important;
    }


    /* FLAUTEA_TOOLS_TRANSPARENT_IMAGES_88E */
    .tool-card-image-wrap{
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        overflow:hidden !important;
        padding:8px !important;
    }

    .tool-card-image{
        width:100% !important;
        height:100% !important;
        object-fit:contain !important;
        object-position:center !important;
        background:transparent !important;
    }

    .tool-card-image-wrap::after{
        display:none !important;
        content:none !important;
    }


    /* FLAUTEA_TOOLS_FINAL_FIT_88F */
    .tools-section-head{
        justify-content:flex-start !important;
    }

    .tools-section-head > p:empty{
        display:none !important;
    }

    .tool-card-image-wrap{
        height:160px !important;
        min-height:160px !important;
        padding:0 !important;
        background:transparent !important;
        border:0 !important;
        box-shadow:none !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        overflow:hidden !important;
    }

    .tool-card-image{
        width:100% !important;
        height:100% !important;
        max-width:none !important;
        max-height:none !important;
        object-fit:contain !important;
        object-position:center center !important;
        background:transparent !important;
        transform:scale(1.18) !important;
        transform-origin:center center !important;
    }

    .tool-card:hover .tool-card-image{
        transform:scale(1.22) !important;
    }

    @media(max-width:650px){
        .tool-card-image-wrap{
            height:170px !important;
            min-height:170px !important;
        }
    }

